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

pre {margin:0; padding:0; box-sizing:border-box; vertical-align:middle; font-size:1.6rem;}
pre table {max-width:100%;}
pre ul, pre ol, pre li, pre dl, pre dt, pre dd {list-style:revert;}
pre ul, pre ol, pre dt {padding-left:20px;}
pre em, pre i {font-style:revert-layer;}
blockquote {padding:2px 8px 2px 20px; font-style:italic; border:5px solid #ccc; border-width:0 0 0 5px;}

input, textarea, select {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; color:#000;}

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;}
.scrollLock {overflow-y:hidden;}

/* 팝업 */
.popup_wrap {position:absolute; z-index:9; background:#000;}
.popup_wrap .head .close {position:absolute; top:0; right:0; width:6rem; height:6rem; background:url(../images_new/close_w.png) no-repeat center; background-size:6rem; cursor:pointer; z-index:2;}
.popup_wrap .body img {width:100%;}

/* .popup_01 {top:14rem; right:18rem; max-width:58rem; width:100%;} */
.popup_01 {top:14rem; right:8rem; max-width:108rem; width:100%;}
.popup_01 .head .close {background:url(../images_new/close.png) no-repeat center; background-size:2.6rem;}

.popup_02 {top:14rem; right:118rem; max-width:58rem; width:100%;}

/* scroll top buttton */
.scrolltop_btn {position:fixed; bottom:50px; right:50px; width:56px; height:46px; z-index:99999;}
.scrolltop_btn .btn_gotop {opacity:0; width:50px; height:50px; text-align:center; font-size:12px; line-height:50px; border-radius:5px; font-weight:bold; cursor:pointer; color:#e61c3a; display:inline-block; text-decoration:none; text-transform:uppercase; transition:all .3s ease-in-out; background:#fff; box-shadow:0 0 12px 0 rgba(0,0,0,.2);}
.scrolltop_btn .btn_gotop:hover {color:#fff; background:#e61c3a; border-radius:50%;}
.btn_gotop.visible {opacity:1; transition:all .8s;}

/* 퀵메뉴 */
.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 .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 {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 .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); overflow:auto;}
.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 .gnb_footer {padding:20px 30px; height:80px; border-top:3px solid #000; background:#fff;}
.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_wrap {width:100%; background:#000;}
.footer {padding-top:6rem; margin:0 auto; max-width:1920px; width:auto; height:29.7rem; display:flex; align-items:flex-start; justify-content:center;}
.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_conbox01 li a,
.footer .footer_contents .f_conbox02 li,
.footer .footer_contents .f_conbox02 li a {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 .videobox {margin:0 auto; max-width:130rem; width:100%; max-height:73rem; height:100%;}
.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 .imgBox {position:relative; width:56rem; height:36rem; border-radius:1rem; overflow:hidden; background:url(../images_new/news_bglogo.png) no-repeat center #f5f5f5; background-size:19.7rem;}
.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 {height:4rem; font-size:1.6rem; line-height:2rem; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.newsContents .textbox .news_text03 * {font-size:1.6rem; line-height:2rem; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.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:100%;}
.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:5rem auto 0; max-width:130rem; width:100%; max-height:73rem; height:100%; 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;}

.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:2.3rem 0 0 0;}
.biz_login .login_edge .login_btn button {margin-top:0; 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 {margin-top:1.2rem; background:#000;}

.biz_login .login_edge .login_btn .login:hover {background:#a40020;}
.biz_login .login_edge .login_btn .join:hover {background:rgba(0,0,0,.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;}

.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; object-fit:contain;}
.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;}

/* 홍보센터 */
.searchBox {margin:6rem auto 1rem; display:flex; align-items:center; max-width:59.2rem; width:100%;}
.searchBox input {width:calc(100% - 9rem); height:8rem; font-size:2.4rem; border-radius:8px;}
.searchBox input::placeholder {font-size:2.4rem;}
.searchBox button {margin-left:1rem; width:8rem; height:8rem; background:url(../images_new/search_icon.png) no-repeat center; background-size:8rem;}

.news_contents {margin-left:-3rem; padding:0 11rem; display:flex; flex-wrap:wrap; align-items:center;}
.news_contents .newsBox {margin:7rem 0 0 3rem; display:none; width:38rem; cursor:pointer;}
.news_contents .newsBox .imgBox {position:relative; width:38rem; height:32rem; border-radius:1rem; overflow:hidden; background:url(../images_new/news_bglogo.png) no-repeat center #f5f5f5; background-size:19.7rem;}
.news_contents .newsBox .imgBox img {position:absolute; top:0; left:50%; transform:translateX(-50%); width:auto; height:100%;}
.news_contents .newsBox ul {margin-top:3.2rem;}
.news_contents .newsBox ul .text01 {font-size:1.4rem; line-height:1.6rem; font-weight:400;}
.news_contents .newsBox ul .text02 {margin:1.5rem 0 1.9rem 0; font-size:2rem; line-height:2.4rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap; word-break:normal; overflow:hidden;}
.news_contents .newsBox ul .text03 {font-size:1.6rem; line-height:2.1rem; font-weight:400; display:-webkit-box; text-overflow:ellipsis; word-break:break-word; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_contents .newsBox ul .text03 * {margin:0; font-size:1.6rem !important; line-height:2.1rem; font-weight:400; text-align:left;}

.news_btnBox {margin-top:8rem;}
.news_btnBox button {margin:0 auto; display:block; width:38rem; height:8rem; font-size:2.3rem; font-weight:700; border-radius:4.9rem; border:1px solid #707070; background:#fff; transition:all .4s;}
.news_btnBox button:hover {border:none; background:#da002a; color:#fff;}

/* 홍보센터 상세 */
.s_conBox01 .updateline {margin:0; max-width:100%; width:100%; border:2px solid #000; border-width:2px 0 0 0;}
.newsDetail {margin-top:10rem;}
.newsDetail h2 {font-size:4.2rem; line-height:5.2rem; font-weight:700;}
.newsDetail .date {font-size:14px; line-height:16px; font-weight:400;}
.newsDetail .news_cont {margin:17px 0 20px; display:flex; align-items:center; justify-content:space-between;}
.newsDetail .news_cont .list {width:5.6rem; height:5.6rem; background:url(../images_new/newsD_img01.png) no-repeat center; background-size:5.6rem; transition:all .4s;}
.newsDetail .news_cont .list:hover {background:url(../images_new/newsD_img02.png) no-repeat center; background-size:5.6rem;}

.newsDetail .textBox {position:relative; padding:4.5rem 0 12rem; min-height:50rem;}
.newsDetail .textBox pre {white-space:pre-wrap; font-size:16px; line-height:22px; list-style-type:disc;}
.newsDetail .textBox pre p {margin:0;}
.newsDetail .textBox pre img {max-width:100%; width:auto !important; height:auto !important;}
.newsDetail .textBox button.news {position:absolute; bottom:3rem; left:0; width:30rem; height:8rem; font-size:2.6rem; border-radius:1.2rem; background:#222; color:#fff;}

/* 지화툰 */
.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 {margin:0; width:100%; border:2px solid #000; border-width:2px 0 0 0;}
.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 {width:100%;}
.prev_nextbutton ul + ul {margin-left:2rem;}
.prev_nextbutton ul:last-child {display:flex; flex-direction:column; align-items:flex-end;}
.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; width:100%; font-size:20px; line-height:24px; letter-spacing:-0.36px; color:#b7b7b7; font-weight:400; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

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

.morebutton {width:100%; text-align:center;}
.morebutton button {max-width:380px; width:100%; 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 .selectBox {position:relative; width:11.5rem; height:4.8rem; border-radius:.6rem; border:none; background:url('/images/chevron_left.png') calc(100% - 7px) center no-repeat #fff; background-size:1.5rem; cursor:pointer;}
.estable_box .searchbox .selectBox * { box-sizing: border-box; }
.estable_box .searchbox .selectBox .label, .estable_box .searchbox .selectBox .label2 {display:flex; align-items:center; width:100%; height:100%; border:0 none; outline:0 none; padding-left:1.5rem; background:transparent; cursor:pointer; font-size:2rem;}
.estable_box .searchbox .selectBox .optionList, .estable_box .searchbox .selectBox .optionList2 {z-index:2; position:absolute; top:5rem; left:0; width:100%; font-size:2rem; background:#fff; color:#000; border-radius:.6rem; border:none; overflow:hidden; max-height:0; transition:.3s ease-in;}
.estable_box .searchbox .selectBox .label, .estable_box .searchbox .selectBox .optionList {font-size:1.8rem; font-weight:700;}

.estable_box .searchbox .selectBox.active .optionList, .estable_box .searchbox .selectBox.active .optionList2 {max-height:44rem; border:2px solid #dedede;}
.estable_box .searchbox .selectBox .optionItem, .estable_box .searchbox .selectBox .optionItem2 {padding:1.6rem 1.4rem; transition: .1s;}
.estable_box .searchbox .selectBox .optionItem:hover, .estable_box .searchbox .selectBox .optionItem2:hover {background:#ebebeb;}
.estable_box .searchbox .selectBox .optionItem:last-child, .estable_box .searchbox .selectBox .optionItem2:last-child {border-bottom:0 none;}

/* .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;}
.event_footer p a {color:#fff;}

/* 명함 QR 안내 */
.wrap .body_contents .qr_contents {padding:40px 30px 20px; flex-direction:column; justify-content:flex-start; background:#fff;}
.qr_contents .logo {margin:0 auto 40px; width:146px; height:52px; background:url(../images/qr_logo.png) no-repeat center; background-size:146px;}
.qr_contents .title {font-size:17px; line-height:22px; font-weight:500; text-align:center;}

.qr_contents hr {margin:30px auto; width:300px; border:1px solid #e5e5e5; border-width:1px 0 0 0;}

.qr_contents .btnBox {margin:0 auto; max-width:300px; width:100%;}
.qr_contents .btnBox button {display:block; width:100%; height:60px; font-size:26px; font-weight:700; border-radius:6px;}
.qr_contents .btnBox button + button {margin-top:20px;}
.qr_contents .btnBox .btn01 {background:#da002a; color:#fff;}
.qr_contents .btnBox .btn02 {background:#000; color:#fff;}

.qr_contents img {margin:38px auto 0; max-width:300px; width:100%;}