@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; -webkit-text-size-adjust:none; font-size:62.5%; height:100%;}
body { margin:0 auto; max-width:1920px; width:100%; background:#dee4f0;}
.font-red {color:#da002a;}
.font-bold {font-weight:700;}

a {cursor:pointer; text-decoration:none; outline:none; /* selector-dummy:expression(this.hideFocus=true); */}
img {border:0 none; vertical-align:middle; width:100%;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
ul,ol,li,dl,dt,dd {padding:0; margin:0; list-style:none;}
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:1.6rem;}
input[type=text] {padding:0 1rem; width:100%; height:6rem; font-size:1.8rem; font-weight:500; border-radius:.6rem; border:1px solid #dedede; box-sizing:border-box; color:#000;}
input[type="checkbox"] {opacity:0; width:0; height:0;}
textarea {border:1px solid #d7d7d7; padding:1rem; width:100%; box-sizing:border-box; font-size:1.6rem; resize:none;}
select {border:1px solid #d7d7d7; padding:.6rem; border:1px solid #c3c3c3; color:#000;}
button {border:none; cursor:pointer; background:none;}

input::placeholder, textarea::placeholder {font-size:1.8rem; font-weight:500; color:#cbcbcb;}
input[type=text]:focus, input[type=password]:focus {border:1px solid #000;}
select:focus {border-color:#000; border:1px solid #000;}
select {background:url('../images_new/select_icon.png') calc(100% - 1.5rem) center no-repeat #fff; background-size:1.2rem;}
select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
select::-ms-expand{display:none;}
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 {border-collapse:collapse; border-spacing:0px; width:100%; table-layout:fixed;}
th, td {padding:0 0 0 0;}

/* common */
.mobile {display:none;}
.wrap {height:100%;}
.body_contents {display:flex; flex-direction:column; height:100%;}
.body_contents > .contents {padding:18rem 2rem 12rem; display:flex; justify-content:center; flex:1;}
.contentsWrap {max-width:158rem; width:100%;}
.body_contents .footer {flex:none;}

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

/* 퀵메뉴 */
.quickMenuWrap {position:relative; margin:10.6rem 1rem 0 -5rem; width:18rem; margin:0 0 0 2rem;}
.quickMenuWrap .quickMenu {position:absolute; top:0; left:0; width:18rem;}

.quickMenu button {padding:0 1.6rem; display:block; width:18rem; height:8rem; border-radius:.6rem;}
.quickMenu button + button {margin-top:.8rem;}
.quickMenu .zihwada     {background:url(../images_new/main_quick_icon01.png) no-repeat center; background-size:18rem;}
.quickMenu .soft        {background:url(../images_new/main_quick_icon02.png) no-repeat center; background-size:18rem;}
.quickMenu .bonus       {background:url(../images_new/main_quick_icon08.png) no-repeat center; background-size:18rem;}
.quickMenu .inquiry     {background:url(../images_new/main_quick_icon06.png) no-repeat center; background-size:18rem;}
.quickMenu .inquirycall {background:url(../images_new/main_quick_icon09.png) no-repeat center; background-size:18rem;}
.quickMenu .open        {background:url(../images_new/main_quick_icon10.png) no-repeat center; background-size:18rem; height:22.8rem;}

.quickMenu .event {padding:0 .9rem; background:linear-gradient(-45deg,  #368cea, #273667, #50adf9); background-size:400% 400%;  animation:colorChange 3s ease infinite; overflow:hidden;}
.quickMenu .event > h2 {font-size:2rem; line-height:2.6rem; 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:1.4rem; line-height:1.8rem; 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:7.1rem;}
.quickMenu .event div p {margin-left:.6rem; font-size:1.2rem; line-height:1.4rem; 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 .linkMenu {margin-top:2rem; display:flex; align-items:center; justify-content:space-between;}
.quickMenu .linkMenu a {display:block; width:4.2rem; height:4.2rem;}
.quickMenu .linkMenu .youtube {background:url(../images_new/YouTube.png) no-repeat center; background-size:4.2rem;}
.quickMenu .linkMenu .instagram {background:url(../images_new/Instagram.png) no-repeat center; background-size:4.2rem;}
.quickMenu .linkMenu .kakao {background:url(../images_new/Kakao.png) no-repeat center; background-size:4.2rem;}
.quickMenu .linkMenu .band {background:url(../images_new/NaverBand.png) no-repeat center; background-size:4.2rem;}

/* menu */
.header_wrap {position:fixed; top:0; left:0; width:100%; height:12rem; background:#fff; box-shadow: 0 .3rem .6rem 0 rgba(0, 0, 0, 0.16); z-index:20;}
.header_wrap .header {position:relative; max-width:1900px; width:100%; height:100%; margin:0 auto;}
.header_wrap .logo {position:absolute; top:0; left:6rem; width:15.4rem; height:100%; background:url(../images_new/logo.png) no-repeat center; background-size:15.4rem;}

.header_wrap .header-menu {padding-top:4.6rem;}
.header_wrap .gnb {margin-right:11rem; display:flex; align-items:center; justify-content:center; height:3rem;}
.header_wrap .gnb li {position:relative; font-size:2.1rem; line-height:2.5rem; font-weight:800;}
.header_wrap .gnb li + li {margin-left:6rem;}
.header_wrap .gnb li a span {margin-top:2px; display:block; width:0; height:3px; border-radius:7px; background:#da002a; transition:all .4s;}
.header_wrap .gnb li:hover a span, .header_wrap .gnb li a.r span {width:100%;}
.header_wrap .gnb .shipper::after {content:''; position:absolute; top:-2.8rem; left:50%; transform:translateX(-50%); width:6.8rem; height:2.7rem; background:url(../images_new/menu_icon01.png) no-repeat center; background-size:6.8rem;}
.header_wrap .gnb .biz::after {content:''; position:absolute; top:-2.8rem; left:50%; transform:translateX(-50%); width:6.8rem; height:2.7rem; background:url(../images_new/menu_icon02.png) no-repeat center; background-size:6.8rem;}
.header_wrap .gnb .m9::after {content:''; position:absolute; top:-2.8rem; left:50%; transform:translateX(-50%); width:13.4rem; height:2.7rem; background:url(../images_new/menu_icon03.png) no-repeat center; background-size:13.4rem;}

.header_wrap .portal_btn {position:absolute; top:0; right:6rem; height:100%; display:flex; align-items:center;}
.header_wrap .portal_btn button {width:14rem; height:4.6rem; font-size:1.8rem; font-weight:700; border-radius:2.3rem; border:1px solid #d6d6d6; background:#f8f8f8;}
.header_wrap .portal_btn button + button {margin-left:1rem;}

/* mobile menu */
.navmobile .m_open {display:none; position:absolute; top:50%; right:20px; transform:translateY(-50%); width:20px; height:16px; background:url(../images_new/bars_icon.png) no-repeat center; background-size:20px;}
.navmobile .menu_wrap {display:none; position:fixed; top:0; left:0; width:100%; height:100%;}
.navmobile .menu_wrap .bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
.navmobile .menu_wrap .m_gnbBox {position:absolute; top:0; right:-50.8rem; width:50.8rem; height:100%; background:#fff;}

.navmobile .menu_wrap .m_gnbBox .m_top {padding:0 30px; display:flex; align-items:center; justify-content:flex-end; height:70px; border-bottom:2px solid #dedede;}
.navmobile .menu_wrap .m_gnbBox .m_top .m_close {width:24px; height:24px; background:url(../images_new/close.png) no-repeat center; background-size:24px;}

.navmobile .menu_wrap .m_gnbBox .m_gnb {padding:20px 0; height:calc(100% - 235px);}
.navmobile .menu_wrap .m_gnbBox .m_gnb li {padding:16px 30px;}
.navmobile .menu_wrap .m_gnbBox .m_gnb li a {display:block; display:flex; align-items:center; font-size:20px; line-height:24px; font-weight:500;}
.navmobile .menu_wrap .m_gnbBox .m_gnb .shipper a span {margin-left:10px; display:block; width:68px; height:22px; background:url(../images_new/menu_icon01m.png) no-repeat center; background-size:68px;}
.navmobile .menu_wrap .m_gnbBox .m_gnb .biz a span {margin-left:10px; display:block; width:68px; height:22px; background:url(../images_new/menu_icon02m.png) no-repeat center; background-size:68px;}
.navmobile .menu_wrap .m_gnbBox .m_gnb .signup a span {margin-left:10px; display:block; width:133px; height:22px; background:url(../images_new/menu_icon03m.png) no-repeat center; background-size:133px;}

.navmobile .menu_wrap .m_gnbBox .gnb_footer {padding:20px 30px; height:80px; border-top:3px solid #000;}
.navmobile .menu_wrap .m_gnbBox .gnb_footer .m_logo {display:block; width:80px; height:4rem; background:url(../images_new/logo.png) no-repeat center; background-size:80px;}

.navmobile .menu_wrap .m_gnbBox .gnb_footer .sns {margin-top:10px; display:flex; align-items:center;}
.navmobile .menu_wrap .m_gnbBox .gnb_footer .sns button {width:30px; height:30px; border-radius:50%;}
.navmobile .menu_wrap .m_gnbBox .gnb_footer .sns button + button {margin-left:10px;}
.navmobile .menu_wrap .m_gnbBox .gnb_footer .sns .YouTube   {background:url(../images_new/YouTube.png) no-repeat center; background-size:30px;}
.navmobile .menu_wrap .m_gnbBox .gnb_footer .sns .Instagram {background:url(../images_new/Instagram.png) no-repeat center; background-size:30px;}
.navmobile .menu_wrap .m_gnbBox .gnb_footer .sns .Kakao     {background:url(../images_new/Kakao.png) no-repeat center; background-size:30px;}
.navmobile .menu_wrap .m_gnbBox .gnb_footer .sns .NaverBand {background:url(../images_new/NaverBand.png) no-repeat center; background-size:30px;}

/* footer */
.footer {padding-top:6rem; height:29.7rem; display:flex; align-items:flex-start; justify-content:center; background:#000;}
.footer .footer_logo {width:15.8rem;}

.footer .footer_contents {margin:0 11.4rem 0 7.6rem;}
.footer .footer_contents ul {display:flex; align-items:center;}
.footer .footer_contents ul li {margin:0 2rem 0 0;}
.footer .footer_contents ul .bar::after {content:'|'; margin:0 0 0 2rem;}

.footer .footer_contents .f_conbox01 li,
.footer .footer_contents .f_conbox02 li {font-size:2.2rem; line-height:2.6rem; font-weight:500; color:#a1a1a1;}

.footer .footer_contents .f_conbox03 li a,
.footer .footer_contents p {font-size:2rem; line-height:2.4rem; color:#a1a1a1;}

.footer .footer_contents .f_conbox01 {margin-bottom:1rem;}
.footer .footer_contents .f_conbox03 {margin:3.2rem 0 1.2rem;}
.footer .footer_contents .f_conbox03 li a {font-weight:700;}
.footer .footer_contents p {font-weight:400;}

.footer .snsBox {display:flex; align-items:center;}
.footer .snsBox button {width:4.2rem; height:4.2rem; border-radius:50%; transition:all .4s;}
.footer .snsBox button:hover {opacity:.7;}
.footer .snsBox button + button {margin-left:1rem;}
.footer .snsBox .YouTube   {background:url(../images_new/YouTube.png) no-repeat center; background-size:4.2rem;}
.footer .snsBox .Instagram {background:url(../images_new/Instagram.png) no-repeat center; background-size:4.2rem;}
.footer .snsBox .Kakao     {background:url(../images_new/Kakao.png) no-repeat center; background-size:4.2rem;}
.footer .snsBox .NaverBand {background:url(../images_new/NaverBand.png) no-repeat center; background-size:4.2rem;}

/* main - 화물 요금 조회 분석 */
.rate_contents {position:relative; padding-top:9.2rem; margin:0 auto; max-width:1580px; width:100%;}
.rate_contents h2.title {position:absolute; top:0; left:50%; transform:translateX(-50%); width:100%; height:12rem; font-size:3.7rem; line-height:9.2rem; font-weight:700; text-align:center; border-radius:2rem 2rem 0 0; background:#000; color:#fff; z-index:-1;}
.rate_contents > div {display:flex; align-items:flex-start; width:100%; border-radius:2rem; background:#fff; box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.16); overflow:hidden;}
.rate_contents .inform_contents {padding:5.4rem 8rem 6.5rem; max-width:44rem; background:#f7f4f1;}
.rate_contents .inform_contents .footer {margin-top:6rem; font-size:1.4rem; line-height:1.9rem; font-weight:500; text-align:center; color:#707070;}

.rate_contents .inform_contents .inform_top {margin:0 0 0 -3.9rem; display:flex; align-items:center;}
.rate_contents .inform_contents .inform_top p {margin-right:2.2rem; width:15.1rem; height:21.2rem; background:url(../images_new/ra_icon01.png) no-repeat center; background-size:15.1rem;}
.rate_contents .inform_contents .inform_top ul {margin-top:3.2rem; width:calc(100% - 17.3rem);}
.rate_contents .inform_contents .inform_top .inform_text01 {font-size:4.3rem; line-height:4.2rem; font-weight:800;}
.rate_contents .inform_contents .inform_top .inform_text02 {margin-top:1.4rem; font-size:1.7rem; line-height:2rem; font-weight:500;}

.rate_contents .inform_contents .informBox .edge {margin-top:1rem; position:relative;}
.rate_contents .inform_contents .informBox .edge2 {margin-top:1rem; position:relative; display:flex; align-items:center;}
.rate_contents .inform_contents .informBox .edge2 > div {width:calc(100% - 16.8rem);}
.rate_contents .inform_contents .informBox .edge2 select {padding-left:6.5rem; width:100%; height:6rem; font-size:2rem; font-weight:700; border-radius:.6rem; border:1px solid #dedede; box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.08);}
.rate_contents .inform_contents .informBox .edge2 .kind {margin-left:.4rem; padding-left:2rem; width:16.8rem;}
.rate_contents .inform_contents .informBox .edge2 select, .rate_contents .inform_contents .informBox .edge2 select option {color:#000;}
.rate_contents .inform_contents .informBox .edge2 select:required:invalid {color: #cbcbcb;}
.rate_contents .inform_contents .informBox .edge2 option[value=""][disabled] {display:none}
.rate_contents .inform_contents .informBox div input {padding-left:6.5rem; font-size:2rem; font-weight:700; box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.08);}
.rate_contents .inform_contents .informBox div input::placeholder {font-size:2rem; font-weight:700;}
.rate_contents .inform_contents .informBox div span {position:absolute; top:0; left:0; display:block; width:6rem; height:6rem;}
.rate_contents .inform_contents .informBox div .i01 {background:url(../images_new/ra_icon02.png) no-repeat center; background-size:3.4rem;}
.rate_contents .inform_contents .informBox div .i02 {background:url(../images_new/ra_icon03.png) no-repeat center; background-size:3.4rem;}
.rate_contents .inform_contents .informBox div .i03 {background:url(../images_new/ra_icon04.png) no-repeat center; background-size:3.4rem;}
.rate_contents .inform_contents .informBox div .i04 {background:url(../images_new/ra_icon05.png) no-repeat center; background-size:3.4rem;}

.rate_contents .inform_contents .btnBox {margin-top:3rem; display:flex; align-items:center;}
.rate_contents .inform_contents .btnBox button +button {margin-left:1rem;}
.rate_contents .inform_contents .btnBox .refresh {width:6rem; height:6rem; border-radius:.6rem; background:url(../images_new/ra_icon06.png) no-repeat center #676767; background-size:2.4rem; box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.16); transition:all .4s;}
.rate_contents .inform_contents .btnBox .btn01 {width:37rem; height:6rem; font-size:2rem; font-weight:700; letter-spacing:-0.2px; border-radius:.6rem; background:#e61c3a; color:#fff; box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.16); transition:all .4s;}
.rate_contents .inform_contents .btnBox .refresh:hover {background:url(../images_new/ra_icon06.png) no-repeat center #3e3e3e; background-size:2.4rem;}
.rate_contents .inform_contents .btnBox .btn01:hover {background:#a40020;}
.rate_contents .inform_contents .btnBox .btn01:disabled {background:#cfcfcf;}

.rate_contents .analysis_contents {padding:5rem 5rem 5.2rem; max-width:88rem; background:#fff;}
.rate_contents .analysis_contents > h2 {font-size:3rem; line-height:3.6rem; font-weight:700; text-align:center;}

.rate_contents .analysis_contents .analysisBox {margin:3rem 0 2rem 0; border-radius:.6rem; overflow:hidden;}
.rate_contents .analysis_contents .analysisBox .case {padding:2.4rem 3rem; display:flex; align-items:flex-start; justify-content:space-between; background:#000;}
.rate_contents .analysis_contents .analysisBox .case .add, .rate_contents .analysis_contents .analysisBox .case ul {display:flex;}
.rate_contents .analysis_contents .analysisBox .case h2 {margin:0 2.7rem 0 .5rem; font-size:2.5rem; line-height:2.4rem; font-weight:900; color:#d91f2c;}
.rate_contents .analysis_contents .analysisBox .case ul + ul {margin-top:1.1rem;}
.rate_contents .analysis_contents .analysisBox .case .catext01 {font-size:2rem; line-height:2.4rem; font-weight:500; color:#9b9b9b;}
.rate_contents .analysis_contents .analysisBox .case .catext02 {margin-left:2rem; font-size:2rem; line-height:2.4rem; font-weight:500; color:#fff;}
.rate_contents .analysis_contents .analysisBox .case p {margin-bottom:.6rem; font-size:2rem; line-height:2.4rem; font-weight:500; color:#fff;}
.rate_contents .analysis_contents .analysisBox .case .fare {justify-content:flex-end;}

.rate_contents .analysis_contents .analysisBox .contents {padding:1.8rem 3rem 3.8rem; border:1px solid #cfcfcf; background:#fff;}
.rate_contents .analysis_contents .analysisBox .contents h2 {margin-bottom:1rem; font-size:1.8rem; line-height:2.1rem; font-weight:700;}
.rate_contents .analysis_contents .analysisBox .contents p {margin-top:3rem; font-size:2.4rem; font-weight:700; text-align:center;}
.rate_contents .analysis_contents .analysisBox .contents th {height:4.4rem; font-size:1.8rem; font-weight:700; border:1px solid #707070;}
.rate_contents .analysis_contents .analysisBox .contents thead th {background:#eaeef6;}
.rate_contents .analysis_contents .analysisBox .contents .bg_b {background:#000; color:#fff;}
.rate_contents .analysis_contents .analysisBox .contents .zihwada th {height:6.3rem;}
.rate_contents .analysis_contents .analysisBox .contents .zihwada th span {margin-top:.4rem; display:block; color:#e61c3a;}

.rate_contents .analysis_contents .analysisBox .contents .t_mobile {display:none;}

.rate_contents .analysis_contents .analysisBox .web > .fare {padding:0 3rem; display:flex; align-items:center; justify-content:space-between; height:6rem; background:#e61c3a; color:#fff;}
.rate_contents .analysis_contents .analysisBox .web > .fare .fare_text01 {font-size:2rem; line-height:2.4rem; font-weight:700;}
.rate_contents .analysis_contents .analysisBox .web > .fare .fare_text02 {font-size:3rem; line-height:3.6rem; font-weight:700;}

.rate_contents .analysis_contents .tip {padding:0 3rem; display:flex; align-items:center; justify-content:space-between; height:5.6rem; border-radius:.6rem; border:2px dashed #c8cdd8; background:#eaeef6;}
.rate_contents .analysis_contents .tip_text01 {font-size:2.2rem; line-height:2.6rem; font-weight:600;}
.rate_contents .analysis_contents .tip_text02 {font-size:2.2rem; line-height:2.6rem; font-weight:700;}
.rate_contents .analysis_contents .tip_text02 span {margin-right:.6rem;}

/* main - youtube */
.contentsWrap >  .youtube {padding:4.5rem 4.5rem 5.8rem 4.5rem; margin:6rem 0 0 0; max-width:1490px; border-radius:2rem; background:#fff;}
.youtube .video {padding-bottom:56.25%; position:relative; height:0; border-radius:1.6rem; border:1px solid #dedede; background:#606060; overflow:hidden;}
.youtube .video iframe {position:absolute; width:100%; height:100%;}
.youtube .thumbnailBox {margin-top:2rem; display:flex; align-items:center; justify-content:center;}
.youtube .thumbnailBox ul {padding:1.6rem 1.8rem; border-radius:1.6rem; border:1px solid #cfcfcf; cursor:pointer; transition:all .4s;}
.youtube .thumbnailBox ul:hover {border:1px solid #e71a20; box-shadow:0 0 0 5px #e71a20 inset;}
.youtube .thumbnailBox ul + ul {margin-left:2rem;}
.youtube .thumbnailBox ul .text {margin-top:1.6rem; font-size:1.4rem; text-align:center;}
.youtube .thumbnailBox ul img {width:29.1rem;}

/* .youtube .text {margin-top:1.4rem; display:flex; align-items:center; justify-content:center;}
.youtube .text .logo {width:12.1rem; height:2.7rem; background:url(../images_new/youtube_icon02.png) no-repeat center; background-size:12.1rem;}
.youtube .text li {margin-left:1.6rem; font-size:1.9rem; line-height:2.3rem; font-weight:500; color:#222;} */

/* main contents */
.mainContnets {margin:0 auto; max-width: 1580px; width:100%;}
.mainContnets .content01 {margin-top:6rem; text-align:center; border-radius:2rem; background:#000; color:#fff;}
.mainContnets .content01 ul {height:34rem; display:flex; flex-direction:column; justify-content:center;}
.mainContnets .content01 ul .con_text01 {font-size:4.6rem; line-height:5.7rem; font-weight:800;}
.mainContnets .content01 ul .con_text02 {margin-top:4rem; font-size:2.5rem; line-height:3.3rem; font-weight:500;}

.mainContnets .contentBox {margin-top:6rem; border-radius:2rem; overflow:hidden;}
.mainContnets .contentBox .main_conBox {position:relative;}
.mainContnets .contentBox .main_conBox .patent {position:absolute; top:4.46rem; right:4.73rem; width:12.3rem; height:17.2rem; background:url(../images_new/main_icon00.png) no-repeat center; background-size:12.3rem;}

.mainContnets .contentBox .conBox {padding:8rem 2rem 0 2rem; height:86rem; background:#fff;}
.mainContnets .contentBox .conBox.bg {background:#f7f4f1;}
.mainContnets .contentBox .conBox .con_text03 {margin:0 auto; padding:0 2.1rem; display:table; height:6rem; font-size:3.6rem; line-height:6rem; font-weight:500; text-align:center; border-radius:1rem; background:#da002a; color:#fff;}
.mainContnets .contentBox .conBox .con_text04 {margin:3rem 0 2rem 0; font-size:5rem; line-height:6rem; font-weight:800; text-align:center;}
.mainContnets .contentBox .conBox .con_text05 {font-size:2.4rem; line-height:3.1rem; text-align:center;}

/* main - 관제 */
.mainContnets .contentBox .conbox01 {margin-top:4.6rem; display:flex; align-items:center; justify-content:center;}
.mainContnets .contentBox .conbox01 img {width:94.7rem;}
.mainContnets .contentBox .conbox01 ul {margin-left:5.2rem;}
.mainContnets .contentBox .conbox01 ul li {padding:0 4.1rem; height:5rem; font-size:2.2rem; line-height:5rem; font-weight:700; text-align:center; border-radius:2.5rem; background:#f0ece4;}
.mainContnets .contentBox .conbox01 ul li + li {margin-top:1rem;}

/* main - SaaS */
.mainContnets .contentBox .conbox02 {margin:6rem auto 0; width:136.4rem;}
.mainContnets .contentBox .conbox02 .cb02_contents {display:flex; align-items:center; justify-content:center;}
.mainContnets .contentBox .conbox02 .cb02_contents div h2 {margin:0 auto 2rem; width:24rem; height:4rem; font-size:2.2rem; line-height:4rem; font-weight:700; text-align:center; border-radius:2.5rem; background:#000; color:#fff;}
.mainContnets .contentBox .conbox02 .cb02_contents div img {width:62.8rem;}
.mainContnets .contentBox .conbox02 .cb02_contents > img {margin:2rem; width:6.8rem;}
.mainContnets .contentBox .conbox02 p {margin-top:2.87rem; font-size:1.6rem; line-height:2.4rem; font-weight:500;}

/* main - 차주 매칭 */
.mainContnets .contentBox .conbox03 {margin-top:7.2rem; display:flex; align-items:center; justify-content:center;}
.mainContnets .contentBox .conbox03 img {width:78rem;}
.mainContnets .contentBox .conbox03 ul {margin-left:4.7rem;}
.mainContnets .contentBox .conbox03 ul li {position:relative; padding-left:4rem; font-size:2.4rem; line-height:3rem; font-weight:700;}
.mainContnets .contentBox .conbox03 ul li::after {content:''; position:absolute; top:0; left:0; width:3rem; height:3rem; background:url(../images_new/main_icon06.png) no-repeat center; background-size:3rem;}
.mainContnets .contentBox .conbox03 ul li + li {margin-top:2rem;}

/* main - 표준요금제 */
.mainContnets .contentBox .conbox04 {margin-top:2rem; display:flex; align-items:center; justify-content:center;}
.mainContnets .contentBox .conbox04 .img01 {margin-left:14.4rem; width:45rem;}
.mainContnets .contentBox .conbox04 .img02 {margin-left:12.4rem; width:63.2rem;}

.mainContnets .contentBox .mobile .conbox04 {margin-top:2rem;}
.mainContnets .contentBox .mobile .conbox04 div + div {margin-top:4rem;}
.mainContnets .contentBox .mobile .conbox04 div img {margin:0 auto; display:block; width:30rem;}
.mainContnets .contentBox .mobile .conbox04 div p {margin-top:2rem; font-size:3rem; line-height:3.6rem; font-weight:700; text-align:center;}

/* main - 콜센터 */
.mainContnets .contentBox .conbox05 {margin-top:11rem; text-align:center;}
.mainContnets .contentBox .conbox05 img {width:132rem;}

.mainContnets .contentBox .conbox05 .mobile {position:relative; z-index:1;}
.mainContnets .contentBox .conbox05 .mobile::after {content:''; position:absolute; top:28rem; left:50%; transform:translateX(-50%); height:400px; border:1px dashed #707070;}
.mainContnets .contentBox .conbox05 .mobile img, .mainContnets .contentBox .conbox05 .mobile ul {position:relative; z-index:1;}
.mainContnets .contentBox .conbox05 .mobile img {max-width:30rem;}
.mainContnets .contentBox .conbox05 .mobile ul li {margin:3.1rem auto 0; max-width:42rem; width:100%; height:48px; font-size:16px; line-height:48px; font-weight:700; text-align:center; border-radius:6px; border:1px solid #707070; background:#f0ece4;}
.mainContnets .contentBox .conbox05 .mobile ul li + li {margin-top:20px;}

/* main - 믿고 맏길 수 있는 지화다 */
.contentBox02 {padding-top:23rem; margin-top:6rem; position:relative;}
.contentBox02 .title {position:absolute; top:0; left:0; display:flex; justify-content:center; width:100%; height:27.1rem; border-radius:2rem 2rem 0 0; background:#000; color:#fff; z-index:-1;}
.contentBox02 .title h2 {margin-top:5.3rem; font-size:4.6rem; line-height:5.7rem; text-align:center;}

/* main - 다날 */
.contentBox02 .conbox06 {padding:8rem 0 12rem 0; text-align:center; border-radius:2rem 2rem 0 0; background:#fff;}
.contentBox02 .conbox06 .con_text04 {margin:3rem 0 2rem 0; font-size:5rem; line-height:6rem; font-weight:800; text-align:center;}
.contentBox02 .conbox06 .con_text05 {font-size:2.4rem; line-height:3.1rem; text-align:center;}

.contentBox02 .conbox06 .img01 {margin:6rem 0 10rem 0; width:61.6rem;}
.contentBox02 .conbox06 .img02 img {width:121.6rem;}

.contentBox02 .conbox06 .cb06_text {margin:6rem auto 0; padding:3.8rem 0;width:124.8rem; font-size:2.4rem; line-height:3.3rem; font-weight:700; border-radius:.6rem; border:1px solid #dfd2c6; background:#f6f1ed;}

/* main - 보험 */
.contentBox02 .conbox07 {padding:10rem 0 12rem 0; display:flex; align-items:center; justify-content:center; border-radius:0 0 2rem 2rem; background:#f7f4f1;}
.contentBox02 .conbox07 img {width:46rem;}

.contentBox02 .conbox07 .cb07_box {margin-left:5rem;}
.contentBox02 .conbox07 .cb07_box .con01 .con_text06 {font-size:5rem; line-height:6rem; font-weight:800;}
.contentBox02 .conbox07 .cb07_box .con01 .con_text07 {margin:3.2rem 0 4.4rem 0; font-size:3rem; line-height:3.9rem; font-weight:700;}

.contentBox02 .conbox07 .cb07_box .con02 {border-radius:.6rem; overflow:hidden;}
.contentBox02 .conbox07 .cb07_box .con02 h2 {padding:0 4rem; font-size:2.4rem; line-height:6rem; font-weight:700; background:#000; color:#fff;}
.contentBox02 .conbox07 .cb07_box .con02 div {padding:3rem 4rem; background:#fff;}
.contentBox02 .conbox07 .cb07_box .con02 div ul + ul {margin-top:2.3rem;}
.contentBox02 .conbox07 .cb07_box .con02 div .text01 {font-size:2.4rem; line-height:2.9rem; font-weight:700;}
.contentBox02 .conbox07 .cb07_box .con02 div .text02 {margin-top:1rem; font-size:1.9rem; line-height:2.4rem; font-weight:500;}

/* main - 이벤트 */
.content02 {padding:8rem 6rem; margin-top:6rem; text-align:center; border-radius:2rem; background:#000; color:#fff;}
.content02 ul .text01 {font-size:5rem; line-height:6rem; font-weight:800;}
.content02 ul .text02 {margin-top:3rem; font-size:2.7rem; line-height:3.5rem; font-weight:500;}

.content02 .imgbox {margin-top:6rem; display:flex; align-items:center; justify-content:space-between;}
.content02 .imgbox img {width:48rem;}
.content02 .imgbox img + img {margin-left:1.2rem;}

/* main - news */
.newsContents {margin:6rem auto 0; display:flex; max-width:1580px; width:100%; border-radius:2rem; background:#fff; overflow:hidden;}
.newsContents .textbox {margin-top:2rem; text-align:center; color:#222;}
.newsContents .textbox .news_text01 {font-size:1.4rem; line-height:1.6rem; font-weight:500;}
.newsContents .textbox .news_text02 {margin:.8rem 0 1rem 0; font-size:2.4rem; line-height:2.9rem; font-weight:700;}
.newsContents .textbox .news_text03 {font-size:1.6rem; line-height:2rem; font-weight:500;}

.news_swiperbanner {position:relative; padding:8rem 0 6rem; margin:0 auto; max-width:79rem; width:100%; height:53rem; background:#f7f4f1;}
/* .news_swiperbanner .swiper-slide {margin:0 auto; max-width:56rem;} */
.news_swiperbanner .swiper-slide img {width:56rem;}
.swiper {position:static !important; margin:0 auto; max-width:56rem; width:100%;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left:5.2rem !important;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right:5.2rem !important;}
.swiper-button-next, .swiper-button-prev {top:26rem !important; color:#d1d1d1 !important;}
.swiper-button-next:hover, .swiper-button-prev:hover {color:#da002a !important; transition:all .4s;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:6rem !important;}
.swiper-pagination-bullet {width:1.4rem !important; height:1.4rem !important;}
.swiper-pagination-bullet-active {background:#da002a !important;}

.videoNews {padding:8rem 0 10.4rem; max-width:79rem; width:100%;}
.videoNews .video {position:relative; padding-bottom:46%; margin:0 auto; width:56rem; height:0; border-radius:1rem; overflow:hidden;}
.videoNews .video iframe {position:absolute; width:100%; height:100%;}

/* 화물등록 */
.s_header {width:100%; height:26rem; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:4px; background:url(../images_new/shipper_bg.png) no-repeat center; background-size:158rem; overflow:hidden;}
.s_header h2 {font-size:5.6rem; line-height:6.7rem; font-weight:800;}
.s_header button {margin-top:3rem; width:48rem; height:8rem; font-size:3.2rem; font-weight:800; border-radius:1rem; background:#da002a; color:#fff;}

.shipper_title {text-align:center;}
.shipper_title .text01 {margin:0 auto; padding:0 2.4rem; min-width:23rem;width:fit-content; height:6rem; font-size:3.6rem; line-height:6rem; font-weight:500; text-align:center; border-radius:1rem; color:#fff;}
.shipper_title .text02 {margin:3rem 0 2rem 0; font-size:5rem; line-height:6rem; font-weight:800;}
.shipper_title .text03 {font-size:2.4rem; line-height:2.9rem; font-weight:700;}
.shipper_title .text04 {margin:3rem 0 2rem 0; font-size:4.6rem; line-height:5.5rem; font-weight:800;}
.s_contents .shipper_title .text03 {font-weight:500;}

.One_touch {margin-top:6rem; padding:8rem 4.5rem 6rem; border-radius:2rem; background:#fff;}
.One_touch .shipper_title .text01 {background:#000;}
.One_touch .videobox {margin-top:5rem; height:83.8rem; border-radius:1.6rem; background:#dedede; overflow:hidden;}
.One_touch .videobox .video {padding-bottom:56.25%; position:relative; width:100%; height:0;}
.One_touch .videobox .video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.s_contents {margin-top:6rem; padding:8rem 8rem 20rem; border-radius:2rem; background:#fff;}
.s_contents .shipper_title .text01 {background:#da002a;}

.s_conBox {margin-top:20rem;}
.s_contents .titleBox .text01 {font-size:4.6rem; line-height:5.5rem; font-weight:800;}
.s_contents .titleBox .text02 {margin:2rem 0 6rem; font-size:2.4rem; line-height:2.9rem; font-weight:500;}

.s_conBox01 {margin-top:4rem;}

.s_conBox04 {display:flex; align-items:flex-start; justify-content:space-between;}
.s_conBox04 .textBox li {position:relative; padding-left:3.3rem; font-size:1.5rem; line-height:1.8rem; font-weight:500;}
.s_conBox04 .textBox li + li {margin-top:2rem;}
.s_conBox04 .textBox .scb04_text01::after {content:''; position:absolute; top:-.4rem; left:0; width:2.6rem; height:2.6rem; background:url(../images_new/number01.png) no-repeat center; background-size:2.6rem;}
.s_conBox04 .textBox .scb04_text02:after {content:''; position:absolute; top:-.4rem; left:0; width:2.6rem; height:2.6rem; background:url(../images_new/number02.png) no-repeat center; background-size:2.6rem;}
.s_conBox04 img {width:82.8rem;}

/* 기업 */
.biz_login {width:100%; height:56rem; border-radius:2rem; background:url(../images_new/biz_loginbg.png) no-repeat center; background-size:158rem;}
.biz_login .login_edge {padding:6rem 0 6rem 12rem; max-width:54rem;}
.biz_login .login_edge h2 {margin-bottom:2rem; font-size:3.2rem; line-height:3.8rem; font-weight:800; text-align:center;}

.biz_login .login_edge .con_box {margin-bottom:1rem;}
.biz_login .login_edge .con_box > input {height:6rem;}

.choice {margin:1.5rem 0 0 0;}
.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:flex-start; width:100%; font-size:1.6rem; line-height:2rem; font-weight:700;}
.choice label.art input[type="checkbox"] + *:before {content:""; margin-right:1rem; width:2rem; height:2rem; background:url(../images/input_02.png) center no-repeat; background-size:2rem; transition:all .4s;}
.choice label.art input[type="checkbox"]:hover + *:before {content:""; background:url(../images/input_02h.png) center no-repeat; background-size:2rem;}
.choice label.art input[type="checkbox"]:checked + *:before {content:""; background:url(../images/input_02r.png) center no-repeat; background-size:2rem;}

.biz_login .login_edge .login_numberbox {margin-bottom:1rem; display:flex; align-items:center;}
.biz_login .login_edge .login_numberbox .con_box {margin:0; width:calc(100% - 11rem);}
.biz_login .login_edge .login_numberbox button {margin-left:1rem; width:10rem; height:6rem; font-size:1.6rem; font-weight:700; border-radius:.6rem; background:#7d7d7d; color:#fff;}

.biz_login .login_edge .loginbottom_text {display:flex; align-items:flex-start; justify-content:space-between;}
.biz_login .login_edge .loginbottom_text li {width:calc(100% - 10.4rem); font-size:1.5rem; line-height:1.8rem; font-weight:500; color:#000;}
.biz_login .login_edge .loginbottom_text .running_time {width:10.2rem; text-align:right;}

.biz_login .login_edge .error_text {display:none; margin:-1.2rem 0 1rem 0; font-size:1.4rem; line-height:1.6rem; font-weight:500; color:#da002a;}

.biz_login .login_edge .login_btn {margin:1.5rem 0 0 0;}
.biz_login .login_edge .login_btn div {display:flex; align-items:center;}
.biz_login .login_edge .login_btn div + div {margin-top:1rem;}
.biz_login .login_edge .login_btn div button.join {border-radius:1rem 0 0 1rem;}
.biz_login .login_edge .login_btn div button.login {border-radius:0 1rem 1rem 0;}
.biz_login .login_edge .login_btn div button.reset {margin-left:1rem; width:38%; height:6rem; background:#7d7d7d; display:none;}
.biz_login .login_edge .login_btn div button.reset:hover {opacity:.7;}

.biz_login .login_edge .login_btn button {margin-top:0; display:flex; align-items:center; justify-content:center; width:100%; height:6rem; font-size:2rem; font-weight:700; border-radius:1rem; box-shadow:0 .3rem .6Rem 0 rgba(0, 0, 0, 0.16); color:#fff; transition:all .4s;}
.biz_login .login_edge .login_btn .login {background:#da002a;}
.biz_login .login_edge .login_btn .join {background:#000;}
.biz_login .login_edge .login_btn .naver {background:#03c75a; font-size:1.6rem;}
.biz_login .login_edge .login_btn .kakao {background:#f7e409; font-size:1.6rem; color:#000;}

.biz_login .login_edge .login_btn button span {margin-right:1rem; dosplay:block; width:2.8rem; height:2.8rem;}
.biz_login .login_edge .login_btn .naver span {background:url(../images_new/login_icon01.png) no-repeat center; background-size:2.8rem;}
.biz_login .login_edge .login_btn .kakao span {background:url(../images_new/login_icon02.png) no-repeat center; background-size:2.8rem;}

.biz_login .login_edge .login_btn .login:hover {background:#a40020;}
.biz_login .login_edge .login_btn .join:hover {background:rgba(0,0,0,.7);}
.biz_login .login_edge .login_btn .naver:hover {opacity:.7;}
.biz_login .login_edge .login_btn .kakao:hover {opacity:.7;}

.b_conBox {margin-top:13rem;}
.biz_title .text01 {padding:.9rem 2.9rem; margin:0 auto; min-width:16.6rem; width:fit-content; font-size:2.4rem; line-height:2.8rem; font-weight:500; text-align:center; border-radius:2.3rem; background:#000; color:#fff;}
.biz_title .text02 {margin-top:2rem; font-size:4.6rem; line-height:5.5rem; font-weight:800; text-align:center;}

.s_conBox12 {margin-top:8rem;}
.s_conBox12 p {margin:0 auto;max-width:90.4rem; width:100%;}

.s_conBox13 {margin-top:10rem;}
.s_conBox13 p {margin:0 auto;max-width:137.8rem; width:100%;}

.b_conBox01 {margin:13rem auto 0; max-width:97.2rem; width:100%;}
.b_conBox01 .bc_textBox {margin:4rem 0 6rem; display:flex; align-items:center; justify-content:space-between;}
.b_conBox01 .bc_textBox li {position:relative; padding-left:4.2rem; font-size:3rem; line-height:3.2rem; font-weight:700;}
.b_conBox01 .bc_textBox li::after {content:''; position:absolute; top:0; left:0; width:3.2rem; height:3.2rem; background:url(../images_new/biz_img05.png) no-repeat center; background-size:3.2rem;}

.b_conBox02 {display:flex; align-items:flex-start;}
.b_conBox02 div {width:50%;}
.b_conBox02 div + div {margin-left:4.1rem;}
.b_conBox02 div:nth-child(1) ul {margin-right:7rem;}
.b_conBox02 div:nth-child(1) img {margin-top:3.4rem;}
.b_conBox02 div:nth-child(2) img {margin-top:.9rem;}

.b_conBox03 div {margin-top:6rem; display:flex; align-items:center; justify-content:center;}
.b_conBox03 div img {max-width:80rem;}
.b_conBox03 div ul {margin-left:5rem; padding:3rem; max-width:44rem; border-radius:.6rem; background:#f7f4f1;}
.b_conBox03 div ul li {position:relative; padding-left:3.4rem; font-size:1.6rem; line-height:2.4rem; font-weight:700;}
.b_conBox03 div ul li + li {margin-top:2rem;}
.b_conBox03 div ul li::after {content:''; position:absolute; top:0; left:0; width:2.4rem; height:2.4rem; background:url(../images_new/biz_img05.png) no-repeat center; background-size:2.4rem;}

.biz_footer {margin-top:10rem;}
.biz_footer p {font-size:2.2rem; line-height:3.1rem; font-weight:700; text-align:center;}
.biz_footer ul {margin:2rem auto 0; padding:0 2.3rem 0 2rem; display:flex; align-items:center; width:fit-content; height:7.3rem; border-radius:.8rem; background:#000; color:#fff;}
.biz_footer ul li {position:relative; padding-left:4.2rem; font-size:3.2rem; line-height:3.8rem; font-weight:700;}
.biz_footer ul .text01 {padding-left:0; width:10.5rem; height:3.8rem; background:url(../images_new/footerLogo.png) no-repeat center; background-size:10.5rem;}
.biz_footer ul .text02 {margin:0 3rem 0 5.3rem;}
/* .biz_footer ul .text01::after {content:'|'; position:absolute; top:0; right:2.6rem;} */
.biz_footer ul .text02::after {content:''; position:absolute; top:0; left:0; width:3.2rem; height:3.8rem; background:url(../images_new/biz_img11.png) no-repeat center; background-size:3.2rem;}
.biz_footer ul .text03::after {content:''; position:absolute; top:0; left:0; width:3.2rem; height:3.8rem; background:url(../images_new/biz_img12.png) no-repeat center; background-size:3.2rem;}

/* 주선사 */
.ms_header .preparing {font-size:2rem; font-weight:500; background:#000; color:#fff;}

.s_conBox09 {margin-top:4rem;}
.s_conBox09 + .shipper_title {margin-top:20rem;}
.s_conBox10 {margin:8rem 0;}

.s_conBox11 p {margin:30px 0; font-size:16px; line-height:20px; font-weight:700; text-align:center;}

.ms_conBox .point li {padding-left:27px; font-weight:700;}
.ms_conBox .point li::after {content:''; position:absolute; top:0; left:0; width:21px; height:21px; background:url(../images_new/biz_img05.png) no-repeat center; background-size:21px;}

/* 차주 */
.driver_contents {background-image:linear-gradient(to top, transparent calc(100% - 42rem), #ececec 42rem);}
.ms_header {margin:-6rem 0 0 0; padding:4rem 2rem 5rem; width:auto; height:auto; background:#ececec;}
.ms_header ul .h_text01 {font-size:3.6rem; line-height:4rem; font-weight:800; text-align:center;}
.ms_header ul .h_text02 {margin-top:1rem; font-size:2rem; line-height:2.4rem; font-weight:400; text-align:center;}
.ms_header button {display:block; margin:5rem auto 0; max-width:50rem; width:100%; height:6rem; border-radius:1rem; background:url(../images_new/GooglePlay.png) no-repeat center #000; background-size:16.3Rem;}

.ms_header .btnBox {margin:5Rem auto 0; display:flex; align-items:center; max-width:50rem; width:100%;}
.ms_header .btnBox button {margin:0;}
.ms_header .btnBox button + button {margin-left:1rem;}
.ms_header .appStore {background:url(../images_new/AppStore.png) no-repeat center #000; background-size:13rem;}

.s_contents .s_conBox .driver_title {margin:10rem auto 4rem; padding:1rem 2.2rem; min-width:11rem; width:fit-content; font-size:2.6rem; line-height:3rem; font-weight:700; text-align:center; border-radius:3rem; background:#e1e1e1;}

.driver_contents .s_contents .titleBox .text01, .driver_contents .s_contents .titleBox .text02 {text-align:center;}

.d_contents {margin-top:8rem;}
.d_contents > div, .d_contents .d_conBox .imgBox {display:flex; align-items:center; justify-content:center;}
.d_contents > div + div {margin-top:4rem;}

.d_contents .d_conBox {width:57.3rem; border-radius:1rem; background:#e8eaeb; overflow:hidden;}
.d_contents .d_conBox + .d_conBox {margin-left:4rem;}

.d_contents .d_conBox h2 {font-size:3rem; line-height:6.8rem; font-weight:800; text-align:center; border-radius:1rem 1rem 0 0;}
.d_contents .d_conBox > div {padding:3.4rem 4rem; border-radius:1rem; border:1px solid #c9c9c9; background:#fff;}
.d_contents .d_conBox > div p {margin-bottom:3.6rem; font-size:2.3rem; line-height:3rem; font-weight:500; text-align:center;}
.d_contents .d_conBox .imgBox img {height:37.6rem;}
.d_contents .d_conBox .imgBox img + img {margin-left:1.5rem;}

/* 관제/고객지원 */
.s_conBox07 {margin-top:8rem;}
.s_conBox07 + .shipper_title {margin-top:15.8rem;}
.s_conBox07 .listBox {padding:4rem 4rem 4rem 8rem; display:flex; align-items:flex-start; justify-content:space-between; border-radius:1rem; background:#f7f4f1;}
.s_conBox07 .listBox ul li {position:relative; padding-left:2.2rem; font-size:1.6rem; line-height:1.8rem; font-weight:400;}
.s_conBox07 .listBox ul li + li {margin-top:.8rem;}
.s_conBox07 .listBox ul li::after {content:''; position:absolute; top:.2rem; left:0; width:1.2rem; height:1.2rem; border-radius:50%; background:#d1d1d1;}

.s_conBox08 {margin-top:6rem;}
.s_conBox08 + .shipper_title {margin-top:10rem;}
.s_conBox08 .cs {display:flex; align-items:center; justify-content:center;}
.s_conBox08 .cs + .cs {margin-top:2rem;}
.s_conBox08 .cs ul {padding:2rem 0; width:58.5rem; text-align:center; border-radius:5.3rem; background:#f0ece4;}
.s_conBox08 .cs ul + ul {margin-left:2rem;}
.s_conBox08 .cs ul .text01 {font-size:2.6rem; line-height:3.1rem; font-weight:700;}
.s_conBox08 .cs ul .text02 {margin-top:1.1rem; font-size:2rem; line-height:2.4rem; font-weight:500;}

/* 지화툰 */
.zt_title {margin:0 0 4rem 0; font-size:3.6rem; line-height:4.8rem; font-weight:700; text-align:center;}
.toon_contentbox .list li {margin-bottom:10px; display:table; border-collapse:collapse; width:100%;}
.toon_contentbox .inner {display:table-row; overflow:hidden; border:1px solid #dedede;}
.toon_contentbox .li-img {display:table-cell; vertical-align:middle; width:30%; border-right:1px solid #dedede; background:#fff;}
.toon_contentbox .li-img img {display:block; width:100%; height:auto;}
.toon_contentbox .li-text {display:table-cell; vertical-align:middle; width:70%; text-align:left; padding:20px; background:#fff;}
.toon_contentbox .li-text p:nth-child(1) {font-size:14px; line-height:18px; letter-spacing:-0.4px;}
.toon_contentbox .li-text p:nth-child(2) {font-size:24px; line-height:28px; letter-spacing:-0.8px; font-weight:bold; margin:4px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.toon_contentbox .li-text p:nth-child(3) {font-size:16px; line-height:20px; letter-spacing:-0.6px; font-weight:bold; color:#9b9b9b; margin-bottom:4px;}
.toon_contentbox .li-text p:nth-child(3) span {color:#e61c3a;}
.toon_contentbox .li-text p:nth-child(4) {font-size:16px; line-height:20px; letter-spacing:-0.8px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/* 지화툰 - 상세페이지 */
.detailedpage {width:100%;}
.updateline {width:100%; height:2px; background:#222; margin:0; opacity:1;}
.detailedpage h2 {font-size:48px; line-height:50px; letter-spacing:-0.86px; font-weight:600;}
.detailedpage .topcont {margin:20px 0; display:flex; align-items:center; justify-content:space-between;}
.detailedpage .topcont li {font-size:14px; line-height:56px; letter-spacing:-0.25px;}
.detailedpage .topcont a li {width:56px; height:56px; background:url(../images_new/list_icon.png) no-repeat; background-size:cover; transition:all .4s;}
.detailedpage .topcont a li:hover {background:url(../images_new/hlist_icon.png) no-repeat; background-size:cover;}
.detailedpage .updatecontent {margin:80px 0; font-size:16px; line-height:38px; letter-spacing:-0.29px;}
.prev_nextbutton {margin:25px 0 60px 0; width:100%; display:flex; align-items:flex-start; justify-content:space-between;}
.prev_nextbutton ul li span {display:block; width:8px; height:16px; background:url(../images_new/update-left.png) no-repeat; background-size:cover;}
.prev_nextbutton ul li:nth-child(1) {display:flex; align-items:center; font-size:20px; line-height:20px; letter-spacing:-0.36px;}
.prev_nextbutton ul li:nth-child(1) span {margin:0 20px 0 0;}
.prev_nextbutton ul:nth-child(2) li:nth-child(1) {justify-content:flex-end;}
.prev_nextbutton ul:nth-child(2) li:nth-child(1) span {transform:rotate(180deg); margin:0 0 0 20px;}
.prev_nextbutton ul li:nth-child(2) {margin:22px 0 0 0; font-size:20px; line-height:24px; letter-spacing:-0.36px; color:#b7b7b7; font-weight:400;}

.webtoonimg {max-width:600px; margin:0 auto;}

.morebutton {width:100%; text-align:center;}
.morebutton button {width:380px; height:80px; border:1px solid #707070; background:#fff; color:#222; border-radius:49px; font-size:24px; letter-spacing:-1.8px; font-weight:bold; transition:all .4s;}
.morebutton button:hover {background:#e61c3a; border:none; color:#fff;}

/* 포켓오더 이벤트 */
.event_contents {padding:4rem 5rem; border-radius:0 0 2rem 2rem; background:#eee; overflow:hidden;}
.event_contents .inform {padding:4rem 5rem; border-radius:2rem; background:#fff; box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.16);}
.event_contents .inform, .event_contents .inform .e_con01 {display:flex;}
.event_contents .inform div:nth-child(1) {width:46%;}
.event_contents .inform div:nth-child(2) {width:54%;}
.event_contents .inform .e_con01 + .e_con01 {margin-top:1.7rem;}
.event_contents .inform .e_text01 {width:11rem; height:3.9rem; font-size:1.8rem; line-height:3.9rem; font-weight:800; text-align:center; border-radius:.8rem; background:#273667; color:#fff;}
.event_contents .inform .e_text02 {margin:0 0 0 1.6rex; font-size:2.4rem; line-height:3.9rem; font-weight:700; color:#010101;}
.event_contents .inform .e_flex {display:flex; align-items:center;}
.event_contents .inform .e_text02 .font-red {margin:0 0 0 .6rem; color:#da002a;}
.event_contents .inform .e_text02 .efont-r2 {margin:0 .6rem; font-size:3.2rem; font-weight:900; color:#da002a;}
.event_contents .inform .e_text02 .es_text {display:block; font-size:1.9rem; line-height:2.1rem; font-weight:500;}
.event_contents .inform .e_con02 li {position:relative; padding-left:4.1rem; margin-top:2rem; font-size:2.4rem; line-height:2.9rem; font-weight:700; color:#010101;}
.event_contents .inform .e_con02 li .er_text {color:#e71a20;}
.event_contents .inform .e_con02 li:nth-child(1):before {content:''; position:absolute; top:0; left:0; width:3.1rem; height:3.1rem; background:url(../images_new/e_icon01.png) no-repeat; background-size:3.1rem;}
.event_contents .inform .e_con02 li:nth-child(2):before {content:''; position:absolute; top:0; left:0; width:3.1rem; height:3.1rem; background:url(../images_new/e_icon02.png) no-repeat; background-size:3.1rem;}

.event_contents .btnbox {margin:5rem 0 8rem; display:flex;}
.event_contents .btnbox button {max-width:50rem; width:100%; height:12.6rem; border-radius:2rem; border:none;}
.event_contents .btnbox button + button {margin-top:2rem;}
.event_contents .btnbox div {padding-left:2rem; width:100%; display:flex; flex-direction:column; align-items:center;}
.event_contents .btnbox div:nth-child(1) {border-right:3px dashed #b6b6b6;}

.event_contents .btnbox .googleplay {background:url(../images_new/e_icon03.png) no-repeat center #010101; background-size:26.1rem;}
.event_contents .btnbox .appstore {position:relative; background:url(../images_new/e_icon04.png) no-repeat center #010101; background-size:24.5rem;}
.event_contents .btnbox .appstore img {position:absolute; top:1.5rem; right:1.5rem; width:7.8rem;}
.event_contents .btnbox .youtube {background:url(../images_new/e_icon05.png) no-repeat center #fff; background-size:21.8rem;}
.event_contents .btnbox .kakao {background:url(../images_new/e_icon06.png) no-repeat center #f8e049; background-size:22.5rem;}

.event_contents .map_con h2 {padding:3.4rem 2rem; border-radius:1.1rem; background:#273667; color:#fff;}
.event_contents .map_con h2 span {display:block; font-size:5.2rem; line-height:6.2rem; font-weight:800; text-align:center;}
.event_contents .map_con .event_situation {padding:3.4rem 20rem 6rem 5rem; margin:1.8rem 0 2rem; display:flex; align-items:center; justify-content:space-between; border-radius:2rem; background:#f8e049;}
.event_contents .map_con .event_situation .es_left {margin-right:2rem;}
.event_contents .map_con .event_situation .es_left .es_title {padding:1.3rem 0; width:27.7rem; font-size:3rem; line-height:3.5rem; font-weight:700; text-align:center; border-radius:3.1rem; background:#273667; color:#fff;}
.event_contents .map_con .event_situation .es_left .es_text {margin:3.5rem 0 4.6rem 0; font-size:2.9rem; line-height:3.5rem; font-weight:700; color:#112a77;}
.estable_box {max-width:49.6rem; width:100%;}
.estable_box .searchbox {margin-bottom:1rem; display:flex; align-items:center;}
.estable_box .searchbox select {padding:1rem 2rem; width:11.5rem; height:4.8rem; font-size:1.8rem; font-weight:700; border-radius:.6rem; border:none;}
.estable_box .searchbox .con_box {margin:0 .4rem; width:calc(100% - 20.3rem);}
.estable_box .searchbox .con_box input {padding:0 1.5rem; width:100%; height:4.8rem; font-size:1.8rem; font-weight:700; border-radius:.6rem; border:none; box-shadow:0 .3rem .6rem 0 rgba(0, 0, 0, 0.06);}
.estable_box .searchbox .con_box input:focus {outline:1px solid #000;}
.estable_box .searchbox .s_btn {width:8rem; height:4.8rem; font-size:1.8rem; font-weight:700; border-radius:.6rem; border:none; background:#da002a; color:#fff;}

.estable_box .table {border:1px solid #e0e4e9;}
.estable_box .table ul li {padding:0 .5rem; display:flex; align-content:center; align-items:center; justify-content:center; height:4rem; font-size:1.3rem; line-height:1.5rem; text-align:center; border-right:1px solid #e0e4e9; border-bottom:1px solid #e0e4e9;}
.estable_box .table .thead ul, .estable_box .table .tbody ul {display:flex;}
.estable_box .table .tbody {max-width:49.4rem; height:30rem; overflow-y:scroll; background:#fff;}
.estable_box .table .tbody::-webkit-scrollbar {width:1rem;}
.estable_box .table .tbody::-webkit-scrollbar-track {background:#fff; border-left:1px solid #e0e4e9;}
.estable_box .table .tbody::-webkit-scrollbar-thumb {background:#d5d5d5;}
.estable_box .table .type01 {max-width:4rem; width:100%;}
.estable_box .table .type02 {max-width:11.6rem; width:100%;}
.estable_box .table .type03 {max-width:13.6rem; width:100%;}
.estable_box .table .type04 {max-width:7.4rem; width:100%;}
.estable_box .table .type05 {max-width:11.8rem; width:100%;}
.estable_box .table .type06 {max-width:36.6rem; width:100%;}
.estable_box .table .thead .type05 {padding-right:1.6rem; flex-wrap:wrap; max-width:12.8rem; width:100%;}
.estable_box .table .thead .type05 span {margin-left:.3rem;}
.estable_box .table .thead li {background:#273667; color:#fff;}
.estable_box .table .tbody li {font-weight:700; background:#fff; color:#273667;}
.estable_box .table .tbody .number {font-size:2rem; line-height:4rem;}

.event_contents .map_con .event_situation .es_right {position:relative; max-width:40rem; width:100%;}
.event_contents .map_con .event_situation .es_right ul li {position:absolute; font-size:1.4rem; line-height:2.4rem; color:#fff;}
.event_contents .map_con .event_situation .es_right ul li span {margin-right:.2rem; font-size:2.2rem; font-weight:700; color:#f8e049;}
.event_contents .map_con .event_situation .es_right ul .seoul         {top:16%; left:26.2%; font-size:1.8rem;}
.event_contents .map_con .event_situation .es_right ul .seoul span    {font-size:2.6rem;}
.event_contents .map_con .event_situation .es_right ul .incheon       {top:20%; left:4%;}
.event_contents .map_con .event_situation .es_right ul .gangwon       {top:16.2%; right:23%;}
.event_contents .map_con .event_situation .es_right ul .gyeonggi      {top:30.5%; left:18.6%; font-size:2.4rem;}
.event_contents .map_con .event_situation .es_right ul .gyeonggi span {font-size:3.2rem;}
.event_contents .map_con .event_situation .es_right ul .chungnam      {top:46.6%; left:5.5%;}
.event_contents .map_con .event_situation .es_right ul .chungbuk      {top:41%; left:49%;}
.event_contents .map_con .event_situation .es_right ul .sejong        {top:45%; left:25%;}
.event_contents .map_con .event_situation .es_right ul .daejeon       {top:52.6%; left:33.6%;}
.event_contents .map_con .event_situation .es_right ul .gyeongbuk     {top:47.2%; right:13%;}
.event_contents .map_con .event_situation .es_right ul .jeonbuk       {top:65.5%; left:25.5%; font-size:1.8rem;}
.event_contents .map_con .event_situation .es_right ul .jeonbuk span  {font-size:2.6rem;}
.event_contents .map_con .event_situation .es_right ul .daegu         {bottom:34.8%; right:23.6%;}
.event_contents .map_con .event_situation .es_right ul .gwangju       {bottom:17%; left:16.3%;}
.event_contents .map_con .event_situation .es_right ul .jeonnam       {bottom:11.5%; left:27.5%; font-size:1.8rem;}
.event_contents .map_con .event_situation .es_right ul .jeonnam span  {font-size:2.6rem;}
.event_contents .map_con .event_situation .es_right ul .gyeongnam     {bottom:22.6%; right:38.2%;}
.event_contents .map_con .event_situation .es_right ul .ulsan         {bottom:28.3%; right:1.8%;}
.event_contents .map_con .event_situation .es_right ul .busan         {bottom:17%; right:9%;}
.event_contents .map_con .event_situation .es_right ul .es_inform     {bottom:0; right:0; padding:.6rem 0; width:19rem; text-align:center; border-radius:2rem; background:#509956;}

.event_contents .map_con .event_situation2 {padding:3rem 2rem 5rem 2rem; margin:5rem 0; border-radius:1rem; background:#f8e049;}
.event_contents .map_con .event_situation2 .es_mtop .es_title {margin:0 auto; max-width:48rem; width:100%; height:9rem; font-size:4rem; line-height:9rem; font-weight:700; text-align:center; border-radius:6rem; background:#273667; color:#fff;}
.event_contents .map_con .event_situation2 .es_mtop .es_text {margin:5rem 0 3rem 0; font-size:5rem; line-height:6.2rem; font-weight:800; text-align:center; color:#112a77;}
.event_contents .map_con .event_situation2 .es_mtop .es_inform {margin:0 auto; width:40rem; height:7rem; font-size:2.4rem; line-height:7rem; font-weight:400; text-align:center; border-radius:4rem; background:#509956; color:#fff;}
.event_contents .map_con .event_situation2 .es_mtop .es_inform span {margin-right:.6rem; font-size:3.6rem; font-weight:700; color:#f8e049;}

.event_contents .map_con .event_situation2 .e_mapbox ul li {position:absolute; font-size:2.4rem; line-height:3.4rem; color:#fff;}
.event_contents .map_con .event_situation2 .e_mapbox ul li span {margin-right:.2rem; font-size:2.8rem; font-weight:700; color:#f8e049;}
.event_contents .map_con .event_situation2 .e_mapbox {padding:0 2rem; margin:6rem auto; position:relative; max-width:50rem; width:100%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .seoul         {top:16.4%; left:28%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .incheon       {top:19.8%; left:6%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .gangwon       {top:16.2%; right:24.6%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .gyeonggi      {top:31%; left:21.6%; font-size:2.8rem;}
.event_contents .map_con .event_situation2 .e_mapbox ul .gyeonggi span {font-size:3.8rem;}
.event_contents .map_con .event_situation2 .e_mapbox ul .chungnam      {top:46.8%; left:8%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .chungbuk      {top:41%; left:48.5%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .sejong        {top:45%; left:26%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .daejeon       {top:52.6%; left:34%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .gyeongbuk     {top:47.2%; right:15.5%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .jeonbuk       {top:65.6%; left:27%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .daegu         {bottom:34.5%; right:24.5%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .gwangju       {bottom:16.8%; left:18%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .jeonnam       {bottom:11%; left:29.8%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .gyeongnam     {bottom:22.6%; right:39%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .ulsan         {bottom:28%; right:5.5%;}
.event_contents .map_con .event_situation2 .e_mapbox ul .busan         {bottom:16.8%; right:11.6%;}

.event_contents .map_con .event_situation2 .estable_box {margin:0 auto; max-width:49rem; width:100%;}
.event_contents .map_con .event_situation2 .estable_box p {margin-bottom:1.4rem; font-size:3rem; line-height:3.4rem; font-weight:700; text-align:center; color:#112a77;}

.event_contents .map_con .joinintend {margin:2.2rem; display:flex; align-items:flex-start; justify-content:center;}

.event_contents .map_con .joinintend img {margin:0; width:14.8rem;}
.event_contents .map_con .joinintend p {margin-left:3.2rem; font-size:2.4rem; line-height:3.1rem; font-weight:700; letter-spacing:-0.26px; color:#010101;}

.event_footer, .event_footer div {display:flex; align-items:flex-start; justify-content:space-between;}
.event_footer {padding:3.6rem 5rem; margin:0 -5rem -4rem; background:#000; color:#fff;}
.event_footer img {width:23.3rem;}
.event_footer ul {padding-left:7.4rem; position:relative;}
.event_footer ul:after {content:''; position:absolute; top:1.1rem; left:3.8rem; height:7.4rem; border-left:1px solid #ffffff; opacity:0.31;}
.event_footer ul .ef_text01 {font-size:4.7rem; line-height:5.6rem; font-weight:700;}
.event_footer ul .ef_text02 {font-size:2.3rem; line-height:2.8rem; font-weight:700;}
.event_footer p {max-width:45.2rem; font-size:2.4rem; line-height:3.1rem; font-weight:500;}

@charset "utf-8";

@media (max-width:1920px) {
	html, body {font-size:0.5211047421vw;}
}
@media (max-width:1580px) {
	/* 화물등록 */
	.s_conBox04 .textBox li {font-size:2rem; line-height:2.4rem;}
	.s_conBox04 .textBox .scb04_text01::after,
	.s_conBox04 .textBox .scb04_text02::after {top:-.2rem;}
}
@media (max-width:1400px) {
	/* 관제/고객지원 */
	.s_conBox07 .listBox ul li {font-size:2rem; line-height:2.4rem;}
	.s_conBox07 .listBox ul li::after {top:.5rem;}
}
@media (max-width:1300px) {
	.mainContnets .contentBox .conbox02 p {font-size:2rem; line-height:2.6rem;}

	/* 화물등록 */
	.s_conBox04 .textBox li {padding-left:26px; font-size:2.5rem; line-height:17px;}
	.s_conBox04 .textBox .scb04_text01::after,
	.s_conBox04 .textBox .scb04_text02::after {top:-1.5px; width:20px; height:20px; background-size:20px;}
}
@media (max-width:1100px) {
	.mainContnets .contentBox .conbox02 p {font-size:2.2rem; line-height:2.6rem;}

	/* 화물등록 */
	.s_contents .titleBox .text02 {font-size:2.8rem; line-height:3.4rem;}

	/* 관제/고객지원 */
	.s_conBox07 .listBox {padding:4rem;}
	.s_conBox07 .listBox ul li {padding-left:2.6rem; font-size:2.4rem; line-height:2.8rem;}
	.s_conBox07 .listBox ul li::after {top:.6rem; width:1.6rem; height:1.6rem;}

	/* 지화툰 */
	.zt_title {font-size:4rem; line-height:5rem;}
}

@media (max-width:980px) {
	.mainContnets .contentBox .conbox02 p {font-size:2.4rem; line-height:2.8rem;}

	/* 화물등록 */
	.shipper_title .text03 {font-size:3rem; line-height:3.6rem;}

	.s_contents .titleBox .text02 {font-size:3.2rem; line-height:3.6rem;}

	.s_conBox04 .textBox li {font-size:2.8rem;}
	.s_conBox04 .textBox li + li {margin-top:2.6rem;}
	.s_conBox04 img {width:73.2rem;}

	/* 관제/고객지원 */
	.s_conBox08 .cs ul .text01 {font-size:3rem; line-height:3.6rem;}
    .s_conBox08 .cs ul .text02 {font-size:2.5rem; line-height:3rem;}
}

@media (max-width:768px) {
	html, body {font-size:1.3888888889vw;}
	.web, .navweb {display:none;}
	.navmobile, .mobile, .navmobile .m_open {display:block;}

	.header_wrap {height:60px;}
	.header_wrap .logo {left:20px; width:83px; background-size:83px;}

	/* footer */
	.footer {padding:30px 20px 40px 20px; flex-direction:column; justify-content:flex-start; height:auto;}
	.footer .footer_logo {margin-bottom:40px; width:98px;}
	.footer .snsBox button {width:40px; height:40px;}
	.footer .snsBox button + button {margin-left:10px;}
	.footer .snsBox .YouTube, .footer .snsBox .Instagram, .footer .snsBox .Kakao, .footer .snsBox .NaverBand {background-size:40px;}
	.footer .footer_contents {margin:3px 0 0 0;}
	.footer .footer_contents ul {display:block;}
	.footer .footer_contents ul li + li {margin:0;}
	.footer .footer_contents ul .bar::after {content:'';}

	.footer .footer_contents .f_conbox01 li,
	.footer .footer_contents .f_conbox02 li {font-size:14px; line-height:20px;}

	.footer .footer_contents .f_conbox03 li a,
	.footer .footer_contents p {font-size:14px; line-height:20px;}

	.footer .footer_contents .f_conbox03,
	.footer .footer_contents .f_conbox02 {margin:40px 0;}

	.footer .footer_contents .f_conbox03 li + li {margin-top:10px;}

	.wrap .body_contents .contents {padding:90px 20px 80px; flex-direction:column;}

	/* main - 화물 요금 조회 분석 */
	.rate_contents > div {display:block; background:#f7f4f1;}
	.rate_contents .inform_contents, .rate_contents .analysis_contents {max-width:100%; background:#f7f4f1;}

	.rate_contents .inform_contents {padding:2.8rem 2rem 0 2rem; margin:0 auto; max-width:52rem;}
	.rate_contents .inform_contents .inform_top {margin:0 0 0 -0.2rem;}

	.rate_contents .analysis_contents {padding:2rem 2rem; margin:0 auto; max-width:52rem;}
	.rate_contents .analysis_contents .analysisBox {display:none; margin:0;}
	.rate_contents .analysis_contents .analysisBox .case {padding:2rem;}
	.rate_contents .analysis_contents .analysisBox .case h2 {margin:0 0 9px 0;}
	.rate_contents .analysis_contents .analysisBox .case ul, .rate_contents .analysis_contents .analysisBox .case ul + ul {margin-top:1.1rem;}
	.rate_contents .analysis_contents .analysisBox .case, .rate_contents .analysis_contents .analysisBox .case .add {display:block;}
	.rate_contents .analysis_contents .analysisBox .case p {margin:1.1rem 0 0 0;}
	.rate_contents .analysis_contents .analysisBox .case .fare {justify-content:flex-start;}

	.rate_contents .analysis_contents .analysisBox .contents {padding:1rem; border-radius:0 0 .6rem .6rem;}
	.rate_contents .analysis_contents .analysisBox .contents .t_mobile {display:table;}
	.rate_contents .analysis_contents .analysisBox .contents .t_mobile .pay th {padding:1.2rem 0;}
	.rate_contents .analysis_contents .analysisBox .contents .t_mobile .bg_g {background:#eaeef6;}
	.rate_contents .analysis_contents .analysisBox .contents .t_mobile .font-red {margin-top:.5rem; display:block;}

	.rate_contents .analysis_contents .mobile .tip {margin:2rem 0; padding:2rem; display:block; height:auto; text-align:center;}
	.rate_contents .analysis_contents .mobile .tip .tip_text02 {margin-top:1rem;}

	.rate_contents .analysis_contents .mobile button {margin-top:20px; width:100%; height:50px; border-radius:6px; font-size:16px; font-weight:700; background:#e61c3a; color:#fff;}
	.rate_contents .analysis_contents .mobile .resetBtn {display:none;}

	/* main - youtube */
	.contentsWrap > .youtube {margin:40px 0 0 0; padding:2rem 1rem; background:#f7f4f1;}
	.youtube select {margin-bottom:10px; width:100%; height:40px; font-size:14px; font-weight:500; border-radius:6px; border:1px solid #dedede; padding:0 10px;}

	/* main contents */
	.mainContnets .contentBox {margin:0; border-radius:0; overflow:visible;}
	.mainContnets .contentBox .main_conBox {padding-top:7rem; margin-top:40px;}
	.mainContnets .contentBox .main_conBox .patent {top:-2.1rem; right:-1.4rem; width:6.1rem; height:8.8rem; background-size:6.1rem;}

	.mainContnets .contentBox .conBox.bg {background:#fff;}
	.mainContnets .contentBox .conBox {padding:30px 20px 60px; height:auto; border-radius:16px;}
	.mainContnets .contentBox .conBox .con_text03 {position:absolute; top:0; left:0; padding:0; width:100%; height:10rem; line-height:7rem; font-weight:700; border-radius:16px 16px 0 0; z-index:-1;}
	.mainContnets .contentBox .conBox .con_text04, .contentBox02 .conbox06 .con_text04 {margin-top:0; font-size:4rem; line-height:5rem;}

	/* main 공통 */
	.mainContnets .contentBox .conbox01,
	.mainContnets .contentBox .conbox02 .cb02_contents,
	.mainContnets .contentBox .conbox03,
	.mainContnets .contentBox .conbox04,
	.contentBox02 .conbox07,
	.content02 .imgbox {flex-direction:column;}

	.mainContnets .contentBox .conbox01 img,
	.mainContnets .contentBox .conbox02 .cb02_contents div img,
	.mainContnets .contentBox .conbox03 img {max-width:52rem; width:100%;}

	.mainContnets .contentBox .conbox02,
	.mainContnets .contentBox .conbox05 img {width:100%;}

	/* main - 관제 */
	.mainContnets .contentBox .conbox01 ul {margin:3rem 0 0 0; max-width:52rem; width:100%;}
	
	/* main - SaaS */
	.mainContnets .contentBox .conbox02 .cb02_contents > img {width:4.6rem; transform: rotate(90deg);}

	/* main - 차주 매칭 */
	.mainContnets .contentBox .conbox03 ul {margin:32px 0 0 0;}

	/* main - 믿고 맏길 수 있는 지화다 */
	.contentBox02 {padding-top:11rem;}
	.contentBox02 .title h2 {margin-top:1.8rem; font-size:3rem; line-height:4rem;}

	/* main - 다날 */
	.contentBox02 .conbox06 {padding:40px 20px 60px;}
	.contentBox02 .conbox06 .img01 {margin:20px 0 40px; max-width:42rem; width:100%;}
	.contentBox02 .conbox06 .img02 { width:100%; overflow:auto;}
	.contentBox02 .conbox06 .img02::-webkit-scrollbar{display:block; height:4px;}
	.contentBox02 .conbox06 .img02::-webkit-scrollbar-track{background:transparent;}
	.contentBox02 .conbox06 .img02::-webkit-scrollbar-thumb{background:#da002a;}
	.contentBox02 .conbox06 .img02 img {width:100rem;}

	.contentBox02 .conbox06 .cb06_text {margin:23px 0 0 0; padding:20px; width:calc(100% - 40px); font-size:14px; line-height:20px; font-weight:500;}

	/* main - 보험 */
	.contentBox02 .conbox07 {padding:40px 20px 60px;}
	.contentBox02 .conbox07 img {width:36rem;}

	.contentBox02 .conbox07 .cb07_box {margin:40px 0 0 0;}
	.contentBox02 .conbox07 .cb07_box .con01 {text-align:center;}
	.contentBox02 .conbox07 .cb07_box .con01 .con_text06 {font-size:4rem; line-height:5rem;}
	.contentBox02 .conbox07 .cb07_box .con01 .con_text07 {margin:30px 0 40px; font-size:2.4rem; line-height:3rem; font-weight:500;}

	/* main - 이벤트 */
	.content02 .imgbox {margin-top:40px;}
	.content02 .imgbox img + img {margin:30px 0 0 0;}

	.content02 ul .text01 {font-size:4rem; line-height:5rem;}
	.content02 ul .text02 {font-size:2.4rem; line-height:3.2rem;}

	/* main - news */
	.newsContents {flex-direction:column;}
	.news_swiperbanner {height:57rem;}
	.newsContents .textbox .news_text01 {font-size:1.8rem; line-height:2.2rem;}
	.newsContents .textbox .news_text02 {margin:1rem 0; font-size:2.4rem; line-height:2.8rem;}
	.newsContents .textbox .news_text03 {font-size:2rem; line-height:2.6rem;}

	/* 화물등록, 기업 */
	.ms_header {margin:-30px -20px 0; padding:40px 20px 50px; width:auto; height:auto; background:#ececec;}
	.ms_header ul .h_text01 {font-size:36px; line-height:40px; font-weight:800; text-align:center;}
	.ms_header ul .h_text02 {margin-top:10px; font-size:20px; line-height:24px; font-weight:400; text-align:center;}
	.ms_header button {display:block; margin:50px auto 0; max-width:500px; width:100%; height:60px; border-radius:10px; background:url(../images_new/GooglePlay.png) no-repeat center #000; background-size:163px;}
	
	.ms_header .btnBox {margin:50px auto 0; display:flex; align-items:center; max-width:600px; width:100%;}
	.ms_header .btnBox button {margin:0;}
	.ms_header .btnBox button + button {margin-left:10px;}
	.ms_header .appStore {background:url(../images_new/AppStore.png) no-repeat center #000; background-size:122px;}

	.s_contents {margin-top:0; padding:0; background:transparent;}
	/* .s_conBox {position:relative; margin:40px auto 0; padding-top:50px; max-width:500px;} */
	.s_conBox {position:relative; padding-top:60px; margin-top:40px;}
	.s_conBox .title {position:absolute; top:0; left:0; width:100%; height:77px; font-size:30px; line-height:60px; font-weight:700; text-align:center; border-radius:20px 20px 0 0; background:#da002a; color:#fff; z-index:-1;}
	.s_conBox > div {padding:60px 20px; border-radius:20px; background:#fff;}

	.s_contents .titleBox .text01 {font-size:26px; line-height:32px; text-align:center;}
	.s_contents .titleBox .text02 {margin-top:20px; font-size:18px; line-height:24px; text-align:center;}

	.s_conBox04 {display:block;}

	.ms_conBox {margin:0 auto; padding:0 20px; max-width:500px;}
	.ms_conBox .msc_title {margin:0 auto; padding:4px 21px; min-width:76px; width:fit-content; font-size:18px; line-height:22px; font-weight:700; text-align:center; border-radius:30px; background:#e1e1e1;}
	.ms_conBox .msc_title.bg_b {background:#000; color:#fff;}
	.ms_conBox > img {margin:20px auto 30px; display:block; max-width:340px; width:100%;}
	.ms_conBox ul li {position:relative; padding-left:33px; font-size:16px; line-height:21px; font-weight:500;}
	.ms_conBox ul li + li {margin-top:20px;}
	.ms_conBox ul .ms_text01::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number01.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text02::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number02.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text03::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number03.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text04::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number04.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text05::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number05.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text06::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number06.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text07::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number07.png) no-repeat center; background-size:26px;}
	.ms_conBox ul .ms_text08::after {content:''; position:absolute; top:-2.5px; left:0; width:26px; height:26px; background:url(../images_new/number08.png) no-repeat center; background-size:26px;}

	.s_conBox01 hr, .s_conBox05 hr, .s_conBox06 hr {display:block; margin:40px auto; max-width:500px; border:1px dashed #cecece; border-width:1px 0 0 0;}
	.s_conBox01 > div p {margin-top:60px; font-size:24px; line-height:32px; font-weight:800; text-align:center;}

	.s_conBox02 .ms_conBox + .ms_conBox {margin-top:60px;}
	.s_conBox02 .ms_conBox p {margin:30px 0; font-size:22px; line-height:26px; font-weight:700; text-align:center;}

	.s_conBox03 .fee {margin:20px auto 0; max-width:320px;}

	.s_conBox05 .ms_conBox > img {max-width:100%;}
	.s_conBox05 .imgBox {width:100%; overflow:auto;}
	.s_conBox05 .imgBox::-webkit-scrollbar{display:block; height:4px;}
	.s_conBox05 .imgBox::-webkit-scrollbar-track{background:transparent;}
	.s_conBox05 .imgBox::-webkit-scrollbar-thumb{background:#da002a;}
	.s_conBox05 .imgBox img {width:70rem;}

	.s_conBox05 .ms_conBox .saas {margin:40px auto; width:fit-content;}
	.s_conBox05 .ms_conBox .saas li {position:relative; padding-left:26px; font-size:20px; line-height:26px; font-weight:700;}
	.s_conBox05 .ms_conBox .saas li + li {margin-top:15px;}
	.s_conBox05 .ms_conBox .saas li::after {content:''; position:absolute; top:0; left:0; width:19px; height:26px; background:url(../images_new/biz_img05.png) no-repeat center; background-size:19px;}

	.s_conBox05 .ms_conBox .fixed {position:relative; margin-top:40px;}
	.s_conBox05 .ms_conBox .fixed::after {content:''; position:absolute; top:20px; left:50%; transform:translateX(-50%); height:360px; border:1px dashed #707070;}
	.s_conBox05 .ms_conBox .fixed li {padding:20px; font-size:16px; line-height:20px; font-weight:700; text-align:center; border-radius:6px; border:1px solid #707070; background:#f0ece4; z-index:1;}

	/* 기업 */
	.s_conBox13 .ms_conBox > img {max-width:340px;}
	.s_conBox13 .imgBox {margin-top:23px;}

	/* 주선사 */
	.ms_header .preparing {font-size:18px;}

	/* 차주 */
	.driver_contents {background:transparent;}
	.d_contents > div, .d_contents .d_conBox .imgBox {flex-direction:column;}
	.d_contents {margin:0;}
	.d_contents .d_conBox + .d_conBox {margin:40px 0 0 0;}
	.d_contents .d_conBox {max-width:500px; width:100%;}
	.d_contents .d_conBox h2 {font-size:22px; line-height:48px;}
	.d_contents .d_conBox > div {padding:20px 20px 40px;}
	.d_contents .d_conBox > div p {margin:0 0 20px 0; font-size:18px; line-height:24px;}

	.d_contents .d_conBox .imgBox img {max-width:320px; width:100%; height:auto;}
	.d_contents .d_conBox .imgBox img + img {margin:0;}

	.s_conBox06 .msc_title + .titleBox {margin-top:30px;}
	.s_conBox06 .titleBox .text01, .s_conBox06 .titleBox .text02 {padding:0;}

	/* 관제/고객지원 */
	.s_conBox09 .ms_conBox ul .img01, .s_conBox09 .ms_conBox ul .img02 {padding-left:0;}
	.s_conBox09 .ms_conBox ul .img01 img {margin:0 auto; display:block; max-width:200px; width:100%;}
	.s_conBox09 .ms_conBox ul .img02 img {margin:0 auto; display:block; max-width:320px; width:100%;}
	.s_conBox09 .ms_conBox + .titleBox {margin-top:60px;}

	.s_conBox09 .imgBox img {margin:0 auto; display:block; max-width:320px; width:100%;}
	.s_conBox09 .imgBox img + img {margin-top:40px;}

	.s_conBox09 .cs {flex-direction:column;}
	.s_conBox09 .cs ul {padding:14px 0; margin:0 auto; max-width:400px; width:100%; text-align:center; border-radius:53px; background:#f0ece4;}
	.s_conBox09 .cs ul + ul {margin:20px 0 0 0;}
	.s_conBox09 .cs ul .text01 {font-size:20px; line-height:24px; font-weight:700;}
	.s_conBox09 .cs ul .text02 {margin-top:3px; font-size:14px; line-height:18px; font-weight:500;}

	.biz_footer {margin-top:60px;}
	.biz_footer ul {margin:0 auto; padding:30px 20px; flex-direction:column; align-items:flex-start; max-width:400px; width:auto; height:auto; border-radius:8px;}
	.biz_footer ul .text01 {margin:0 auto 20px; display:block; width:105px; height:38px; background-size:105px;}
	.biz_footer ul .text02 {margin:0 0 10px 0;}
	.biz_footer ul .text02::after, .biz_footer ul .text03::after {width:25px; height:25px; background-size:25px;}
	.biz_footer ul li {padding-left:35px; font-size:18px; line-height:25px;}

	/* 지화툰 */
	.zt_title {margin:0 auto 20px; width:fit-content; font-size:20px; line-height:24px; text-align:left;}

	/* 지화툰 - 상세페이지 */
	.detailedpage h2 {font-size:33px; line-height:41px;}
	.detailedpage .topcont li {font-size:14px; line-height:36px;}
	.detailedpage .topcont a li {width:36px; height:36px;}
	.detailedpage .updatecontent {margin:30px 0; font-size:14px; line-height:30px;}
	.prev_nextbutton {margin:20px 0 30px 0;}
	.prev_nextbutton ul li:nth-child(1) {font-size:16px; line-height:18px;}
	.prev_nextbutton ul li:nth-child(2) {display:none;}

	/* 포켓오더 이벤트 */
	.start_event {margin-top:20px; padding:20px 16px; border-radius:20px 20px 0 0; background:#273667;}
	.start_event .setext01 {margin:0 2px; height:39px; font-size:18px; line-height:39px; font-weight:800; text-align:center; border-radius:8px; background:#3d4c7e; color:#fff;}
	.start_event .setext02 {margin-top:20px; font-size:18px; line-height:21px; font-weight:800; text-align:center; color:#fecc1b;}
	.start_event .setext02 span {color:#fff;}

	.event_contents {padding:30px 10px;}
	.event_contents .inform, .event_contents .inform .e_con01 {display:block;}
	.event_contents .inform {padding:30px 20px;}
	.event_contents .inform div:nth-child(1), .event_contents .inform div:nth-child(2) {width:100%;}
	.event_contents .inform .e_con01 + .e_con01, .event_contents .inform div:nth-child(2) {margin-top:20px;}
	.event_contents .inform .e_text01 {width:110px; height:39px; font-size:18px; line-height:39px; border-radius:8px;}
	.event_contents .inform .e_text02 {margin:8px 0 0 0; font-size:20px; line-height:24px;}
	.event_contents .inform .e_text02 .efont-r1 {font-size:40px; line-height:48px;}
	.event_contents .inform .e_text02 .efont-r2 {font-size:26px; line-height:31px;}
	.event_contents .inform .e_text02 .es_text {margin-top:6px;}
	.event_contents .inform .e_con02 li {padding-left:41px; margin-top:18px; font-size:18px; line-height:23px;}
	.event_contents .inform .e_con02 li:nth-child(1):before,
	.event_contents .inform .e_con02 li:nth-child(2):before {width:31px; height:31px; background-size:31px;}

	.event_contents .btnbox {display:block; margin:5rem 0;}
	.event_contents .btnbox div:nth-child(1) {padding:0; border-right:none;}
	.event_contents .btnbox div:nth-child(2) {padding:0; margin-top:20px;}
	.event_contents .btnbox button {max-width:100%; height:79px; border-radius:10px;}
	.event_contents .btnbox .googleplay {background-size:163px;}
	.event_contents .btnbox .appstore {background-size:153px;}
	.event_contents .btnbox .appstore img {top:9px; right:9px; width:49px;}
	.event_contents .btnbox .youtube {background-size:136px;}
	.event_contents .btnbox .kakao {background-size:137px;}

	.event_contents .map_con h2 span {font-size:30px; line-height:40px; letter-spacing:-0.33px;}
	.event_contents .map_con .joinintend {margin:50px 0 80px 0; display:block; text-align:center;}
	.event_contents .map_con .joinintend img {width:202px;}
	.event_contents .map_con .joinintend p {margin:30px 0 0 0; font-size:18px; line-height:26px; letter-spacing:-0.2px;}

	.estable_box .searchbox select {width:90px;}
	.estable_box .searchbox .selectBox {width:90px;}
	.estable_box .searchbox .selectBox .optionList {top:42px;}
	.estable_box .searchbox .selectBox .label, .estable_box .searchbox .selectBox .optionList {font-size:16px;}
	.estable_box .searchbox .con_box {margin:0 4px; width:calc(100% - 158px);}
	.estable_box .searchbox .con_box input {padding:0 10px; font-size:16px;}
	.estable_box .searchbox .s_btn {width:60px; font-size:16px;}

	.estable_box .table ul li {height:36px; font-size:12px; line-height:15px;}
	.estable_box .table .type01 {display:none;}
	.estable_box .table .type04 {max-width:74px;}
	.estable_box .table .thead .type05 {max-width:128px;}

	/* .event_contents .map_con .event_situation .es_right ul li {font-size:2.4rem; line-height:3.4rem;}
	.event_contents .map_con .event_situation .es_right ul li span {font-size:2.2rem;} */

	.event_footer, .event_footer div {display:block; text-align:center;}
	.event_footer {margin:0 -10px -30px;}
	.event_footer img {width:187px;}
	.event_footer ul {padding-left:0; margin:4rem 0 30px 0;}
	.event_footer ul:after {border-left:none;}
	.event_footer p {max-width:100%; font-size:16px; line-height:23px;}
}

@media (max-width:480px) {
	/* main - 화물 요금 조회 분석 */
	.rate_contents .inform_contents, .rate_contents .analysis_contents {max-width:100%;}
	.rate_contents .inform_contents .inform_top .inform_text02 {font-size:14px;}
	.rate_contents .analysis_contents .analysisBox .case h2 {font-size:20px; line-height:24px;}
	.rate_contents .analysis_contents .analysisBox .case .catext01, .rate_contents .analysis_contents .analysisBox .case .catext02, .rate_contents .analysis_contents .analysisBox .case p {font-size:14px; line-height:16px;}
	.rate_contents .analysis_contents .analysisBox .case ul, .rate_contents .analysis_contents .analysisBox .case ul + ul {margin-top:5px;}
	.rate_contents .analysis_contents .analysisBox .case p {margin:5px 0 0 0;}

	.rate_contents .analysis_contents .analysisBox .contents th {height:46px; font-size:17px;}
	.rate_contents .analysis_contents .tip_text01 {font-size:16px; line-height:20px;}
	.rate_contents .analysis_contents .tip_text02 {margin-top:10px; font-size:22px; line-height:29px;}
	.rate_contents .analysis_contents .tip_text02 .font-red {display:block;}

	/* main - youtube */
	.contents > .youtube {padding:20px 10px;}

	/* main contents */
	.mainContnets .contentBox .main_conBox {padding-top:50px;}
	.mainContnets .contentBox .conBox .con_text03 {height:68px; font-size:20px; line-height:50px;}
	.mainContnets .contentBox .conBox .con_text04, .contentBox02 .conbox06 .con_text04 {margin:0 0 30px 0; font-size:22px; line-height:26px;}
	.mainContnets .contentBox .conBox .con_text05, .contentBox02 .conbox06 .con_text05 {font-size:14px; line-height:18px;}

	.mainContnets .contentBox .main_conBox .patent {top:-21px; right:-10px; width:42px; height:59px; background-size:42px;}

	/* main - 관제 */
	.mainContnets .contentBox .conbox01 ul {margin:20px 0 0 0; max-width:340px}
	.mainContnets .contentBox .conbox01 ul li {height:34px; font-size:14px; line-height:34px;}
	.mainContnets .contentBox .conbox01 ul li + li {margin-top:8px;}

	/* main - 차주 매칭 */
	.mainContnets .contentBox .conbox03 ul li {padding-left:26px; font-size:14px; line-height:20px;}
	.mainContnets .contentBox .conbox03 ul li::after {width:20px; height:20px; background-size:20px;}

	/* main - 표준요금제 */
	.mainContnets .contentBox .mobile .conbox04 {margin-top:20px;}
	.mainContnets .contentBox .mobile .conbox04 div + div {margin-top:30px;}
	.mainContnets .contentBox .mobile .conbox04 div img {margin:0 auto; display:block; width:220px;}
	.mainContnets .contentBox .mobile .conbox04 div p {margin-top:20px; font-size:19px; line-height:23px; font-weight:700; text-align:center;}

	/* main - 콜센터 */
	.mainContnets .contentBox .conbox05 .mobile::after {top:200px;}
	.mainContnets .contentBox .conbox05 .mobile img {width:210px;}
	.mainContnets .contentBox .conbox05 .mobile ul li {max-width:100%;}

	/* main - 보험 */
	.contentBox02 .conbox07 img {width:232px;}
	.contentBox02 .conbox07 .cb07_box .con01 .con_text06 {font-size:22px; line-height:26px;}
	.contentBox02 .conbox07 .cb07_box .con01 .con_text07 {font-size:14px; line-height:20px;}

	.contentBox02 .conbox07 .cb07_box .con02 {border-radius:6px;}
	.contentBox02 .conbox07 .cb07_box .con02 h2 {font-size:18px; line-height:60px; text-align:center;}
	.contentBox02 .conbox07 .cb07_box .con02 div {padding:20px;}
	.contentBox02 .conbox07 .cb07_box .con02 div ul + ul {margin-top:30px;}
	.contentBox02 .conbox07 .cb07_box .con02 div .text01 {font-size:20px; line-height:24px;}
	.contentBox02 .conbox07 .cb07_box .con02 div .text02 {margin-top:16px; font-size:14px; line-height:20px;}

	/* main - 이벤트 */
	.content02 ul .text01 {font-size:22px; line-height:28px;}
	.content02 ul .text02 {margin-top:30px; font-size:14px; line-height:20px;}

	/* 화물등록, 기업 */
	.ms_header ul .h_text01 {font-size:26px; line-height:30px;}
	.ms_header ul .h_text02 {font-size:16px; line-height:19px;}

	.s_conBox {padding-top:50px;}
	.s_conBox .title {height:67px; font-size:20px; line-height:50px;}

	.s_contents .titleBox .text01 {font-size:20px; line-height:26px;}
	.s_contents .titleBox .text02 {font-size:14px; line-height:20px;}

	.ms_conBox .msc_title {font-size:15px; line-height:18px;}
	.ms_conBox ul li {font-size:14px;}

	.s_conBox01 > div p {margin-top:40px; font-size:20px; line-height:26px;}
	.s_conBox02 .ms_conBox p {margin:20px 0; font-size:18px; line-height:22px;}

	.s_conBox05 .ms_conBox .saas li {font-size:16px; line-height:19px;}
	.s_conBox05 .ms_conBox .saas li::after {height:19px;}

	.s_conBox05 .ms_conBox .fixed li {padding:20px 10px; font-size:15px;}

	/* 차주 */
	.ms_header .btnBox {flex-direction:column;}
	.ms_header .btnBox button + button {margin:20px 0 0 0;}
	.d_contents .d_conBox > div p {font-size:14px; line-height:16px;}
	.d_contents .d_conBox h2 {font-size:16px; line-height:38px;}

	/* 관제/고객지원 */
	.s_conBox09 .cs ul {max-width:320px;}
	.s_conBox09 .cs ul .text01 {font-size:16px; line-height:20px;}
	.s_conBox09 .cs ul .text02 {margin-top:3px; font-size:12px; line-height:14px;}360

}