@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap");
@import url("../css/fonts.css");


/*--------------------Main--------------------*/
.main-visual{padding:40px;  position:relative; background:#fff; height: 100vh;}
.main-visual .visual-wrap{position:relative; background:#000; border-radius:32px; width:auto; height: 100%;}
.main-visual .visual-wrap .main-tit-wrap{position:absolute; bottom:0; }
.main-visual .visual-wrap .main-tit-wrap .main-symbol{padding:40px;}

.main-visual .visual-wrap .main-tit-wrap .main-tit{position:relative;}
.main-visual .visual-wrap .main-tit-wrap .main-tit h2{color:#333; font-size:56px; font-weight:500; background:#fff; padding:24px 40px 0; line-height:1.2; border-radius:0 32px 0 0; position:relative; font-family: "TmoneyRound", "Noto Sans KR", "AppleGothic",sans-serif; font-weight: 900; letter-spacing: -0.5px;}
.main-visual .visual-wrap .main-tit-wrap .main-tit h2 span{font-family: "TmoneyRound", "Noto Sans KR", "AppleGothic",sans-serif; font-weight: 900; letter-spacing: -0.5px;}
.main-visual .visual-wrap .main-tit-wrap .main-tit h2:first-child{width: fit-content;}
.main-visual .visual-wrap .main-tit-wrap .main-tit h2:first-child::before{content: ''; background:url('../images/common/radius-left.png') no-repeat top center; position:absolute; width:28px; height:28px; top:-28px; left:0;}
.main-visual .visual-wrap .main-tit-wrap .main-tit h2:first-child::after{content: ''; background:url('../images/common/radius-left.png') no-repeat top center; position:absolute; width:28px; height:28px; bottom:0; right:-28px;}

.main-visual .visual-wrap .main-tit-wrap .main-tit h2:last-child{padding-bottom:24px;}
.main-visual .visual-wrap .main-tit-wrap .main-tit h2:last-child::after{content: ''; background:url('../images/common/radius-left.png') no-repeat top center; position:absolute; width:28px; height:28px; bottom:0; right:-28px;}

.main-visual .visual-wrap .bg-video {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; opacity: 0.5;}
.main-visual .visual-wrap .bg-video-content {height: 100%; width: 100%; object-fit: cover;background-size: cover; border-radius:32px; }


.main-visual .visual-wrap .main-txt-wrap{position:absolute; right:0; top:50%; padding:40px;}
.main-visual .visual-wrap .main-txt-wrap p{color:#fff; text-align:right; font-size:24px;}




.main-business{display:block; position:relative;}
.main-business .business-explane h3{font-size:56px; line-height:1.2; font-family: "TmoneyRound", "Noto Sans KR", "AppleGothic",sans-serif; letter-spacing: -0.5px;}
.main-business .business-explane h3 span{font-family: "TmoneyRound", "Noto Sans KR", "AppleGothic",sans-serif; font-weight: 900; letter-spacing: -0.5px;}
.main-business .business-explane .subhead{font-size:20px; margin-top:64px;}
.main-business .business-explane .block{position:relative;}
.main-business .business-explane .explane-btn{padding:10px 56px 10px 40px; background:#920883; border-radius:32px; margin-top:64px; color:#fff; font-size:20px; display:inline-block; position:relative;}
.main-business .business-explane .explane-btn:hover{background:#fff; color:#920883;}
.main-business .business-explane .explane-btn::after{content: ''; position:absolute; top:50%; right:16%; background:url('../images/common/small-r-arrow.png') no-repeat center center; background-size:contain; width:10px; height:18px; margin-top:-7px;}

.main-business .business-explane .business-subject{color:#f08200; font-size:18px; font-weight:500; margin-bottom:16px;}
.business-page a{margin:0 16px;}


.main-contents{position:relative; padding:160px 0; background:#fff;}
.main-con-wrap{width:1465px; margin:0 auto;}
.main-con-wrap h2{font-size:56px; line-height:1.2; font-family: "TmoneyRound", "Noto Sans KR", "AppleGothic",sans-serif; letter-spacing: -0.5px;}
.main-con-wrap h2 span{font-family: "TmoneyRound", "Noto Sans KR", "AppleGothic",sans-serif; font-weight: 900; letter-spacing: -0.5px;}
.main-con-wrap .btn.more-btn{color:#aaa; margin-top:48px;}
.main-con-wrap .btn.more-btn .arrow{background:#aaa;}
.main-con-wrap .btn.more-btn .arrow::after{background:#aaa;}


.main-employment{position:relative; background-size:cover; background-color: #000; padding:110px 0;}
.main-employment::after{content:""; opacity:0.2; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:url('../images/ko/main/employment-bg.jpg') no-repeat top center; background-size: cover; background-attachment: fixed;}
.main-employment .main-con-wrap{color:#fff; position:relative; z-index:1;}
.main-employment .main-con-wrap p{margin:64px 0; font-size:20px;}
.main-employment .main-con-wrap .btn{color:#fff;}
.main-employment .main-con-wrap .btn .arrow{background:#fff;}
.main-employment .main-con-wrap .btn .arrow::after{background:#fff;}

.main-employment .main-con-wrap a{position:relative; background:rgba(255, 255, 255, 0.25); border:1px solid #fff; font-size:20px; padding:10px 48px 10px 32px; border-radius:500px;}
.main-employment .main-con-wrap a:hover{background:#fff; color:#333;}
.main-employment .main-con-wrap a::after{content: ''; position:absolute; top:50%; right:8%; background:url('../images/common/small-r-arrow.png') no-repeat center center; background-size:contain; width:10px; height:18px; margin-top:-7px;}
.main-employment .main-con-wrap a:hover::after{background:url('../images/common/small-r-arrow-after.png') no-repeat center center; background-size:contain; width:10px; height:18px; margin-top:-7px;}


.main-employment .main-con-wrap{display:flex; justify-content: space-between; align-items: center;}


.float {animation: floatmotion 2s linear infinite;}

@keyframes floatmotion {
  0% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(-5%);
  }
}


.scroll-icon, .scroll-icon:before {position: absolute; left: 50%;}

.scroll-icon {width: 30px; height: 48px; margin-left:-15px; bottom: -16%; border: 1px solid #aaa; border-radius: 28px; position: absolute;
    left: 50%;
    opacity: 1; /* 초기 불투명도 */
    transition: opacity 0.5s ease; /* 페이드아웃 효과 */}

.scroll-icon:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #aaa;
    top: 6px;
    left: 12px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: scroll;
}
.scroll-icon:after{content: 'Scroll'; position:absolute; bottom:-48%; left:50%; margin-left:-18px; font-size:14px; color:#666; letter-spacing: 0;}
@keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        top: 40px;
    }
}



.btn {font-size: 20px; color: white; display: flex; justify-content: center; align-items: flex-end; position: relative; cursor: pointer;}

.arrow {background: #fff; border-radius: 8px; margin-left: 1rem; height: 2px; width: 40px; display: flex; position: relative; transition: all .3s ease-out; bottom: 6px;}
.arrow::after {content: ''; display: block; background: #fff; height: 2px; width: 15px; position: absolute; right: 0; transform: rotate(45deg); transform-origin: right;}

.btn:hover .arrow {animation: moveArrow 1s ease-in-out infinite;}

@keyframes moveArrow {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(30px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes moveSmallArrow {
    0% {
      transform: translateX(0);
    }
    50% {
      transform: translateX(8px);
    }
    100% {
      transform: translateX(0);
    }
  }







/******* 카드 슬라이드 ******/


.clear {clear: both;}
.card-list-section {padding: 60px 0;}
.card-list-section .owl-stage {margin: 15px 0; display: flex; display: -webkit-flex;}
.card-list-section .item {
  margin: 0 16px 60px;
  width: 400px;
  height: 480px;
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  background: #343434 no-repeat center center / cover;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.card-list-section .item.active {
  width: 560px;
  box-shadow: 8px 24px 24px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 8px 24px 24px rgba(0, 0, 0, 0.25);
}
.card-list-section .item:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}
.card-list-section .item-desc {
  padding: 0 40px 40px;
  color: #fff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transform: translateY(calc(100% - 110px));
  -webkit-transform: translateY(calc(100% - 110px));
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}


.card-list-section .item-desc h4{font-size:24px; margin-bottom:24px;}

.card-list-section .item.active .item-desc {transform: none; -webkit-transform: none;}
.card-list-section .item-desc p {
  opacity: 0;
  -webkit-transform: translateY(32px);
  transform: translateY(32px);
  transition: all 0.4s ease-in-out 0.2s;
  -webkit-transition: all 0.4s ease-in-out 0.2s;
}
.card-list-section .item-desc .btn{font-size:16px; margin-top:24px;}
.card-list-section .item-desc .btn .arrow{width:32px;}
.card-list-section .item.active .item-desc p {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  text-overflow: ellipsis; overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3 ;
  -webkit-box-orient: vertical;
}
.card-list-section .owl-theme.custom-carousel .owl-dots {margin-top: -20px; position: relative; z-index: 5; text-align:center;}
.no-js .owl-carousel, .owl-carousel.owl-loaded {display: block;}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
}
.card-list-section .owl-stage {
  margin: 15px 0;
  display: flex;
  display: -webkit-flex;
}


.owl-nav .owl-prev{position:absolute; top:50%; left:4%; background:url('../images/common/l-arrow.png') no-repeat center center; width:66px; height:66px; margin-top:-33px;}
.owl-nav .owl-next{position:absolute; top:50%; right:4%; background:url('../images/common/r-arrow.png') no-repeat center center; width:66px; height:66px; margin-top:-33px;}
.owl-nav .owl-next span, .owl-nav .owl-prev span{display:none;}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover{opacity:0.5;}
.owl-theme .owl-dots .owl-dot {display: none; zoom: 1;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {color: inherit; border: none; padding: 0 !important; font: inherit;}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-theme .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  margin: 5px 16px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #869791;}






.main-slider{position:relative; background:#000; width: auto; height: 848px;}
.main-slider .slide01{background:url('../images/ko/main/business-kind01.jpg') no-repeat center center; background-size:cover; opacity: 0.2; height:848px; position:relative;}
.main-slider .slide02{background:url('../images/ko/main/business-kind02.jpg') no-repeat center center; background-size:cover; opacity: 0.2; height:848px; position:relative;}
.main-slider .slide03{background:url('../images/ko/main/business-kind03.jpg') no-repeat center center; background-size:cover; opacity: 0.2; height:848px; position:relative;}
.main-slider .slide04{background:url('../images/ko/main/business-kind04.jpg') no-repeat center center; background-size:cover; opacity: 0.2; height:848px; position:relative;}
.main-slider .slide05{background:url('../images/ko/main/business-kind05.jpg') no-repeat center center; background-size:cover; opacity: 0.2; height:848px; position:relative;}
.main-business .busi-slide-wrap{position:absolute; top:0; padding:110px 0; width: 1465px; display: flex; justify-content: space-around;}
.main-business .busi-slide-wrap .business-explane{color:#fff; display:inline-block; vertical-align: top; padding:40px 0; width:50%;}
.main-business .busi-slide-wrap .business-explane .btn{margin-top:64px; color:#fff;}
.main-business .busi-slide-wrap .business-explane .btn .arrow{background:#fff;}
.main-business .busi-slide-wrap .business-explane .btn .arrow::after{background:#fff;}



.main-business .busi-slide-wrap .busi-img01{width:50%;}
.main-business .busi-slide-wrap .busi-img01 img{width:440px; margin:0 auto;}
.main-business .busi-slide-wrap .busi-img02{width:50%;}
.main-business .busi-slide-wrap .busi-img02 img{width:500px; margin:0 auto;}
.main-business .busi-slide-wrap .busi-img03{width:50%;}
.main-business .busi-slide-wrap .busi-img03 img{width:440px; margin:0 auto;}
.main-business .busi-slide-wrap .busi-img04{width:50%;}
.main-business .busi-slide-wrap .busi-img04 img{width:560px; margin:0 auto;}












/*--------------------Sub--------------------*/
.etc-contact{margin-top:48px; display:flex; align-items: center; font-size:20px;}
.etc-contact .etc-detail{background:#920783; color:#fff; display:inline-block; padding:16px 24px; border-radius:8px;}
.etc-contact .etc-txt{margin-left:16px; color:#920783;}


.circle-second .circle-list li{width:48%;}
.circle-second .circle-list .role{margin:0 auto;}
.circle-second .circle-list .circle-detail ul{padding:0;}
.circle-second .circle-list .circle-detail ul li{width:100%;}
.circle-second .circle-list .circle-detail.circle-box{margin-top: 32px;text-align: left; padding: 0; background: #f5f5f5; padding: 16px 40px; border-radius: 16px;}


.circle-three .circle-list .wid-circle{width:30%; text-align:center;}
.circle-three .circle-list .wid-circle .role{margin:0 auto;}

.taxi-appmeter .circle-three .circle-list{display:block;}
.taxi-appmeter .circle-three .circle-list .wid-circle{width:32%; display:inline-block; text-align:center; vertical-align: top; margin-right:16px; margin-bottom:88px;}
.taxi-appmeter .circle-three .circle-list .wid-circle:nth-child(3n){margin-right:0;}
.taxi-appmeter .circle-three .circle-list .wid-circle .circle-detail p{padding:8px 16px;}


.circle-four .circle-list{margin-top: 32px; display: flex; justify-content: center; align-items: flex-start; position: relative;}
.circle-four .circle-list li:first-child{margin-left:0;}
.circle-four .circle-list li{margin-left:15px;}
.circle-four .circle-list li:first-child{margin-left:0;}
.circle-four .circle-list li:nth-child(odd) .role{box-shadow: 0 0 0 16px rgba(147, 7, 132, 0.6);}
.circle-four .circle-list li:nth-child(even) .role{box-shadow: 0 0 0 16px rgba(240, 131, 0, 0.6);}
.circle-four .circle-list .circle-detail{margin-top:32px;}
.circle-four .circle-list .circle-detail p{background:#f0f0f0; border-radius:4px; padding:8px 0; width:100%; font-size:18px; font-weight:500;}
.circle-four .circle-list .circle-detail li{margin-left:15px;}
.circle-four .circle-list .circle-detail .basic-box-p{font-weight:300; font-size:16px; padding:16px;}

.circle-four .circle-list .circle-detail.express{background:#f5f5f5; height:226px; border-radius:16px; padding:32px; display:flex; justify-content: space-between; align-items: flex-start;}
.circle-four .circle-list .circle-detail .express-box{width:49%;}
.circle-four .circle-list .circle-detail .express-box.full{width:100%;}
.circle-four .circle-list .circle-detail .express-box span{background:#333; color:#fff; font-size:16px; padding:4px 16px; border-radius:48px;}
.circle-four .circle-list .circle-detail .express-box ul{margin-top:24px; padding:0;}
.circle-four .circle-list .circle-detail .express-box ul li{font-size:16px;}
.circle-four .circle-list .circle-detail .express-box ul li ul li{margin-left:0; font-size:14px!important;}


.circle-four.circle-gray .circle-list{justify-content: space-evenly;}
.circle-four .circle-list .wid-circle{width:24%;}
.circle-four .circle-list.circle-center{text-align:center; justify-content: flex-start;}
.circle-four .circle-list.circle-center .role{margin:0 auto;}
.circle-four .circle-list.circle-center .many-txt li{font-size:16px;}


.circle-four.circle-gray .circle-list .wid-circle{width:24%;}
.circle-four.circle-gray .circle-list .wid-circle .circle-detail ul{padding:16px 20px;}
.circle-four.circle-gray .circle-list .wid-circle .circle-detail li{font-size:16px; font-weight:300;}
.circle-four.circle-gray .circle-list .wid-circle .circle-detail li span{margin-top:8px;}


.express-reservation .circle-four.circle-gray .circle-list{justify-content: space-between;}
.express-reservation .circle-four .circle-list .express-circle .circle-detail .express-box .line-list{padding:0; margin-top:8px;}
.express-reservation .circle-four .circle-list .express-circle .circle-detail .express-box .line-list li{margin-bottom:4px; font-size:16px;}
.express-reservation .circle-four .circle-list .express-circle .circle-detail .express-box .line-list li:last-child{margin-bottom:0;}
.express-reservation .circle-four .circle-list .express-circle .circle-detail .express-box .line-list li::marker{font-weight: normal;}
.express-reservation .circle-four .circle-list .express-circle{width:32%;}






.circle-gray .circle-list .circle-detail ul{margin-top:16px; text-align:left; padding:0; background:#f5f5f5; padding:16px 40px; border-radius:16px;}
.circle-gray .circle-list .circle-detail ul li{color:#333;}
.circle-gray .circle-list .circle-detail ul li:last-child{margin-bottom:0;}

.circle-gray .list-wrap .role{margin:0 auto;}




.circle-five.circle-gray .circle-list li{margin-left:0;}
.circle-five.circle-gray .circle-list .wid-circle{width:19%;}
.circle-five.circle-gray .circle-list .wid-circle .circle-detail ul{padding:16px 32px;}
.circle-five.circle-gray .circle-list .wid-circle .circle-detail li{font-size:16px;}
.circle-five.circle-gray .circle-list .wid-circle .circle-detail li span{margin-top:8px;}

.circle-five.wid280-circle .circle-list{justify-content: space-evenly;}
.circle-five.wid280-circle .circle-list .wid-circle{width:280px; margin-right:16px;}
.circle-five.wid280-circle .circle-list .wid-circle:last-child{margin-right:0;}
.circle-five.wid280-circle .circle-list.circle-center{text-align:center; justify-content: flex-start;}
.circle-five.wid280-circle .circle-list.circle-center .role{margin:0 auto;}
.circle-five.wid280-circle .circle-list.circle-center .many-txt li{font-size:16px;}


.circle-six .list-wrap .role{width:230px; height:230px;}
.circle-six .list-wrap .role p{font-size:20px;}
.circle-six .circle-list li{width:16%;}
.circle-six .circle-list li:nth-child(odd) .role {box-shadow: 0 0 0 14px rgba(147, 7, 132, 0.6);}
.circle-six .circle-list li:nth-child(even) .role{box-shadow: 0 0 0 14px rgba(240, 131, 0, 0.6);}
.circle-six .circle-list .circle-detail li{margin-left:16px;}
.circle-six.circle-gray .circle-list .circle-detail ul{padding:16px;}
.circle-six.circle-gray .circle-list .circle-detail li{font-size:16px; width:auto;}
.circle-six.circle-gray .circle-list .circle-detail li span{margin-top:8px;}


.business-explane .overseas-circle:last-child{margin-top:100px;}
.overseas-circle{display:flex; justify-content: space-evenly; margin-top:64px;}
.overseas-circle .list-wrap{justify-content: center;}
.overseas-circle .list-wrap .role{width:200px; height:200px;}
.overseas-circle .circle-list li{margin-right:8px;}
.overseas-circle .circle-list li:last-child{margin-right:0;}
.overseas-circle .circle-purple{text-align:center;}
.overseas-circle .circle-purple .circle-list li .role{box-shadow: 0 0 0 8px rgba(147, 7, 132, 0.6);}
.overseas-circle .circle-yellow{text-align:center;}
.overseas-circle .circle-yellow .circle-list li .role{box-shadow: 0 0 0 8px rgba(240, 131, 0, 0.6);}
.overseas-circle .circle-black{text-align:center;}
.overseas-circle .circle-black .circle-list li .role{box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);}
.overseas-circle .circle-pink{text-align:center;}
.overseas-circle .circle-pink .circle-list li .role{box-shadow: 0 0 0 8px rgba(212, 9, 128, 0.6);}






/*-----------CEO 인사말-----------*/
.sub-visual{max-width: 1880px; width:100%; margin:80px auto 40px; position:relative; background:#fff; padding:0 40px;}

.sub-visual .sub-wide-wrap .wide-visual-wrap{display:table; position:relative; background:#000; border-radius:32px; width:100%; height:640px; text-align:center;}
.sub-visual .sub-wide-wrap .wide-visual-wrap .bg-video {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; opacity: 0.5;}
.sub-visual .sub-wide-wrap .wide-visual-wrap .bg-video-content {height: 100%; width: 100%; object-fit: cover;background-size: cover; border-radius:32px; }
.sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit{color:#fff;}
.sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit-wrap{display:table-cell; position:relative; padding:88px 64px;}
.sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit h2{font-size:48px; margin-top:48px; font-family: "TmoneyRound", "Noto Sans KR", "AppleGothic",sans-serif; letter-spacing: -0.5px;}
.sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit h2 span{font-family: "TmoneyRound", "Noto Sans KR", "AppleGothic",sans-serif; font-weight: 900; letter-spacing: -0.5px;}
.sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit .history-intro h2{margin-top:40px; line-height: 1;}
.sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit .history-intro h2:first-child{font-size:88px; font-weight: 900;}
.sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit .history-intro h2:first-child span{font-size:88px; font-weight: 900; line-height: 1;}

.greeting-wrap{background:url('../images/ko/sub/introduce/ceo-img01.jpg') no-repeat center center; width:100%; height:640px; margin-top:48px; padding:140px 120px; border-radius:32px;}
.greeting-wrap .greeting-box{color:#fff;}
.greeting-wrap .greeting-box .ceo-info{margin:63px 0 51px;}
.greeting-wrap .greeting-box .ceo-info p{display:inline-block; vertical-align: middle; margin-right:16px;}
.greeting-wrap .greeting-box .ceo-info img{display:inline-block; vertical-align: middle;}
.greeting-wrap .greeting-box .ceo-msg{border:1px solid #fff; padding:12px 32px; border-radius:48px; display:inline-block;}


/*-----------비전-----------*/
.vision-wrap{text-align:center; background:url('../images/ko/sub/introduce/vision-bg.png') no-repeat center top; padding-top:56px;}
.vision-wrap h3{margin-top:16px;}
.vision-wrap .block-line{margin: 0 auto; display: block; width: 48px; border-top: 2px solid #76357A;}
.vision-wrap .vision-slogan{margin-bottom:88px;}
.vision-wrap .vision-statement{margin-bottom:88px;}
.circle-list{margin-top: 32px;}
.circle-list li:nth-child(odd) .role{box-shadow: 0 0 0 16px rgba(147, 7, 132, 0.6);}
.circle-list li:nth-child(even) .role{box-shadow: 0 0 0 16px rgba(240, 131, 0, 0.6);}
.circle-list .role .circle-tit{margin:14px 0 12px;}
.circle-list .role span{font-size:18px; color:#666; display:block;}
.circle-list .circle-detail{margin-top:32px;}
.circle-list .circle-detail p{background:#f0f0f0; border-radius:4px; padding:8px 0; width:100%; font-size:18px; font-weight:500;}
.circle-list .circle-detail ul{margin-top:16px; text-align:left; padding:0 20px;}
.circle-list .circle-detail ul li{font-size: 18px; margin-bottom: 12px; color:#666;}
.circle-list .circle-detail ul li::marker{content: '· '; font-weight:bold;}


/*-----------ESG-----------*/
.esg .half-img .img-box:first-child{margin-right:24px;}
.esg .half-img .img-box:first-child img{border:1px solid #ccc;}


.esg .esg-full-img{background:#000; position:relative; border-radius:32px; height:480px;}
.esg .esg-full-img::after{content: ''; position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/ko/sub/esg/esg-management01.jpg') no-repeat center center; background-size:cover; opacity: 0.5; border-radius:32px;}

.esg .esg-counter-list ul{display:flex; justify-content: space-evenly;}
.esg .esg-counter-list ul li .counter-img{background:#f5f5f5; width:180px; height:180px; border-radius:100%; text-align:center; display:table; margin:0 auto;}
.esg .esg-counter-list ul li .counter-img div{display:table-cell; vertical-align: middle;}
.esg .esg-counter-list ul li .esg-counter{text-align:center; margin-top:16px;}
.esg .esg-counter-list ul li .esg-counter p{font-size:20px;}
.esg .esg-counter-list ul li .esg-counter h5{font-size:32px;}
.esg .esg-counter-list ul li .esg-counter h5 span{font-size:48px; font-weight: 500; line-height: 1.1;}

.esg .esg-counter-list .note-area{text-align:right;}


.half-content{display:flex; justify-content: space-between; align-items: center;}
.esg .half-content{display:flex; justify-content: space-between; align-items: center; margin-top:48px;}
.esg .half-content .onetime-card{position:relative;}
.esg .half-content .onetime-card img:first-child{border-radius:32px;}
.esg .half-content .onetime-card .onetime-img{position:absolute; right:-40px; bottom:-40px;}
.esg .half-content .onetime-detail{width:50%;}
.esg .half-content .onetime-detail .esg-counter-list ul{justify-content: space-between;}

.sub-content-esg{position:relative; background-size:cover; background-color:#000; padding:160px 0 0; margin-bottom:160px;}
.sub-content-esg::after{content: ''; position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/ko/sub/esg/tagless-bg.jpg') no-repeat center center; background-size:cover; opacity: 0.2;}
.sub-content-esg .sub-content-wrap{background:none; margin:0 auto;}
.sub-content-esg .sub-content-wrap .wide-cont-area{position:relative; z-index:1;}
.sub-content-esg .sub-content-wrap .wide-cont-area h2{font-size:40px; font-weight:500; color:#fff;}
.sub-content-esg .sub-content-wrap .wide-cont-area.half-content{align-items: flex-start;}

.sub-visual.esg .sub-wide-wrap .wide-visual-wrap .bg-video{opacity: 0.3;}

.esg-ethical{margin-bottom:120px;}
.esg-ethical .audit-list .role div{height:170px;}
.esg-ethical .audit-list li{position:relative;}
.esg-ethical .audit-list li::after{content: ''; position:absolute; top:50%; right:-48px; margin-top:-13px; background:url('../images/common/big-r-arrow-after.png') no-repeat center center; width:14px; height:26px;}
.esg-ethical .audit-list li:last-child::after{display:none;}




/*-----------ESG 아코디언-----------*/
.accordion {margin-top:24px;}
.accordion .accordion-item {border-bottom: 1px solid #e5e5e5;}
.accordion .accordion-item:first-child{border-top: 1px solid #e5e5e5;}
.accordion .accordion-item button[aria-expanded=true] {border-bottom: 1px solid #76357a;}
.accordion button {position: relative;display: block;text-align: left;width: 100%;padding: 24px;color: #666;font-size: 18px; border: none; background: none; outline: none;}
.accordion button:hover, .accordion button:focus {cursor: pointer; color: #76357a;}
.accordion button:hover::after, .accordion button:focus::after {cursor: pointer; color: #76357a; border: 1px solid #76357a;}
.accordion button .icon {display: inline-block;position: absolute;top: 22px;right: 2%;width: 32px;height: 32px;border: 1px solid;border-radius: 100%;}
.accordion button .icon::before {display: block;position: absolute;content: "";top: 14px;left: 8px;width: 14px;height: 2px;background: currentColor;}
.accordion button .icon::after {display: block;position: absolute;content: "";top: 8px;left: 14px;width: 2px;height: 14px;background: currentColor;}
.accordion button[aria-expanded=true] {color: #76357a;}
.accordion button[aria-expanded=true] .icon::after {width: 0;}
.accordion button[aria-expanded=true] + .accordion-content {opacity: 1;max-height: 59em;transition: all 500ms linear;will-change: opacity, max-height;}
.accordion .accordion-content {margin:0 24px; opacity: 0;max-height: 0;overflow: hidden;transition: opacity 500ms linear, max-height 500ms linear;will-change: opacity, max-height;}
.accordion .accordion-content p {margin: 2em 0;}
.accordion .accordion-content ul li{margin-bottom:24px;}
.accordion .accordion-content ul li p{margin:8px 0;}


/*-----------인재상-----------*/
.talent-wrap{text-align:center;}
.talent-wrap h3{margin-top:16px;}
.talent-wrap .block-line{margin: 0 auto; display: block; width: 48px; border-top: 2px solid #76357A;}
.talent-wrap .talent-slogan{margin-bottom:88px;}




/*-----------IR정보-----------*/
.horizon-wrap{display:flex; justify-content: space-between; align-items: flex-end; margin-bottom:48px;}
.sub-content-wrap .horizon-wrap .subject-sub{margin:0;}
.closing-wrap .closing-img img{width:100%;}


.closing-sel {display: block;  border-radius: 3px; color: #666; font-size:18px; z-index:2000;}
.closing-sel fieldset { margin: 25px 0; border: none;}
.select_wrapper {cursor: pointer; position: relative;}
.select_wrapper span{position:relative; border:1px solid #ccc;}
.select_wrapper span::after{content: ''; position:absolute; right:24px; top:50%; margin-top:-9px; width:16px; height:18px; background:url("../images/common/select-arrow-down.png") no-repeat center center; transition:0.4s ease;}
.select_wrapper span {display: block; margin: 0; padding:20px 60px 20px 24px; border-radius: 8px;  transition:0.4s ease; z-index: 9; position: relative;}
.select_wrapper.openSelect span {display: block; margin: 0;}
.select_wrapper.openSelect span::after{transform: rotate(180deg); transition:0.4s ease;}
.select_wrapper .select_inner {background: #fff; color: #aaa; display: none; position: absolute; left: 0; top: 72px; width: 100%; border:1px solid #ccc; border-radius:8px; overflow:hidden;}
.select_wrapper .select_inner li {border-bottom: 1px solid #ddd; padding: 16px;  transition:0.4s ease;}
.select_wrapper .select_inner li:hover {background: #be6ab5;color: #fff;}
.select_wrapper .select_inner ul {border-radius: 5px; background: #fff; }


.business-explane .tbl-head h6{margin:0;}
.tbl-head span{color:#666; font-size:16px;}
.tbl-head{display:flex; justify-content: space-between; align-items: flex-end; margin-bottom:18px;}


.half-tbl-wrap{display:flex; justify-content: space-between;}
.half-tbl-wrap .tbl-list{width:48%;}
.half-tbl-wrap .tbl-list




.company-timeline {margin: 120px 0;}
.company-timeline:before {width: 100%; height: 100vw; content: ""; display: none;}
.company-timeline .container {max-width: 78.5rem; width: 100%; margin-left: auto; margin-right: auto; padding-left: 3.125rem; padding-right: 3.125rem;}
.company-timeline .timeline-heading {width: 100%; max-width: 100%; margin-top: 48px; font-size:24px; color:#aaa;}
.company-timeline-wrapper {display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom:160px;}
.company-timeline-list {position: sticky; top: 0; width: 50% !important; display: flex; flex-wrap: wrap;}
.company-timeline-list .company-timeline-year {position: relative; width: 100%; height: 130px; margin-left: auto; margin-top:108px; overflow: hidden; transform: translateX(8px);}
.company-timeline-list .timeline-date {position: absolute; left: 0; top: 0; width: 100%; display: block; font-size: 120px; font-weight: 300; line-height:1; padding-right: 80px; opacity: 0;}
.company-timeline-list .timeline-date .date span:nth-child(1) {transition-delay: 0.05s;}
.company-timeline-list .timeline-date .date span:nth-child(2) {transition-delay: 0.1s;}
.company-timeline-list .timeline-date .date span:nth-child(3) {transition-delay: 0.15s;}
.company-timeline-list .timeline-date .date span:nth-child(4) {transition-delay: 0.2s;}
.company-timeline-list .timeline-date .date {display: flex; line-height:1;}
.company-timeline-list .timeline-date .date span {transform: translateY(100%); transition: 0.2s; line-height:1;}
.company-timeline-list .timeline-date.animate {opacity: 1;}
.company-timeline-list .timeline-date.animate .date span {transform: translateY(0);}
.company-timeline-list .circle {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border: 1px solid #920783; border-radius: 16px; background-color: #fff;}
.company-timeline-list .circle:before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 6px; width: 6px; height: 6px; background-color: #920783; content: "";}
.company-timeline-slider {width: 50%; margin-left: auto; margin-top: 63px; padding-left: 75px; padding-top: 110px; border-left: 1px solid #C2D7DA; overflow: visible;}
.company-timeline-slider .slick-list {overflow: visible !important;}
.company-timeline-slider .slick-track {display: block;}
.company-timeline-block {position: relative; display: block; margin-top: 80px; padding-top: 26px;}
.company-timeline-block:first-child {margin-top: 0; padding-top: 0;}
.company-timeline-block .timeline-date {font-size: 80px; font-weight: 300; line-height: 1; padding-right: 55px; display: none;}
.company-timeline-block.has-media {padding-top: 0;}
.company-timeline-block.has-media .circle {top: 32px;}
.company-timeline-block:first-child .circle {display: none;}
.company-timeline-block .circle {position: absolute; left: -84px; top: 32px; width: 16px; height: 16px; border: 1px solid #666; border-radius: 16px; background-color: #fff;}
.company-timeline-block .circle:before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 6px; width: 6px; height: 6px; background-color: #666; content: "";}
.company-timeline-block .image-block {margin-bottom: 30px;}
.company-timeline-block .image-block img{border-radius:16px;}
.company-timeline-block h4 {margin-bottom: 10px; margin-top: 0; font-size:24px;}
.company-timeline-block p {line-height: 1.75;}
.company-timeline-block .history-date{color:#920883;}












.sub-visual .sub-main-wrap{display:flex; justify-content: space-between; align-items: flex-start;}
.sub-visual .sub-main-wrap .visual-wrap{position:relative; background:#000; border-radius:32px; width:80%; height:640px; margin-right:16px; min-width: 0;}
.sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap{position:relative; padding:64px;}
.sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit{color:#fff;}
.sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit .business-list{font-size:20px; padding:5px 24px; border:1px solid #fff; border-radius:32px; display:inline-block;}
.sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit h2{font-size:48px; margin-top:24px; font-family: "TmoneyRound", "Noto Sans KR", "AppleGothic",sans-serif; letter-spacing: -0.5px;}
.sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit h2 span{font-family: "TmoneyRound", "Noto Sans KR", "AppleGothic",sans-serif; font-weight: 900; letter-spacing: -0.5px;}
.sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit .txt-detail{margin-top:40px; font-size:20px;}


.sub-visual .sub-main-wrap .visual-wrap .bg-video {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; opacity: 0.5;}
.sub-visual .sub-main-wrap .visual-wrap .bg-video-content {height: 100%; width: 100%; object-fit: cover;background-size: cover; border-radius:32px; }









/*-----------카드 결제-----------*/
.slide-mb{margin-bottom:180px;}
.sub-slider.card-slider{position:relative; background:#000; width: auto; height: 640px; overflow:hidden;}
.sub-slider.card-slider::after{content: ''; position: absolute; top:0; left:0; background:url('../images/ko/sub/card/card-slider-bg.jpg') no-repeat center center; background-size: cover; opacity: 0.2; width:100%; height:100%; background-attachment: fixed;}
.sub-slider .slide01{height:640px; position:relative;}
.sub-slider .slide02{height:640px; position:relative;}
.sub-slider .slide03{height:640px; position:relative;}
.sub-slider .slide04{height:640px; position:relative;}
.sub-business .busi-slide-wrap{position:absolute; top:0; padding:88px 0; width: 1465px; display: flex; justify-content: space-around;}
.sub-business .busi-slide-wrap .business-explane{color:#fff; display:inline-block; vertical-align: top; padding:40px 0;  width:53%;}
.sub-business .busi-slide-wrap .business-explane .btn{margin-top:64px; color:#fff;}
.sub-business .busi-slide-wrap .business-explane .btn .arrow{background:#fff;}
.sub-business .busi-slide-wrap .business-explane .btn .arrow::after{background:#fff;}
.sub-slider .slick-dots{z-index: 1;}

.sub-business{display:block; position:relative;}
.sub-business .business-explane h3{font-size:56px; line-height:1.2;}
.sub-business .business-explane .subhead-box{margin-top:40px;}
.sub-business .business-explane .subhead-box:last-child{margin-top:40px;}
.sub-business .business-explane .subhead-box p{background:#fff; border-radius:32px; padding:4px 24px; display:inline-block; color:#000;}
.sub-business .business-explane .subhead-box .subhead{margin-top:16px;}
.sub-business .business-explane .subhead{font-size:18px; margin-top:64px;}
.sub-business .business-explane .block{position:relative;}
.sub-business .business-explane .explane-btn{padding:10px 56px 10px 40px; background:#920883; border-radius:32px; margin-top:64px; color:#fff; font-size:20px; display:inline-block; position:relative;}
.sub-business .business-explane .explane-btn:hover{background:#fff; color:#920883;}
.sub-business .business-explane .explane-btn::after{content: ''; position:absolute; top:50%; right:16%; background:url('../images/common/small-r-arrow.png') no-repeat center center; background-size:contain; width:10px; height:18px; margin-top:-7px;}

.sub-business .business-explane .business-subject{color:#920883; font-size:16px; font-weight:500; margin-bottom:16px;}

.sub-business .busi-slide-wrap .busi-img01{width:490px; display:inline-block; vertical-align: top;}
.sub-business .busi-slide-wrap .busi-img02{width:490px;}
.sub-business .busi-slide-wrap .busi-img03{width:490px;}
.sub-business .busi-slide-wrap .busi-img04{width:490px; display:inline-block; vertical-align: top;}

.sub-business .busi-slide-wrap .mt-img{width:400px; display:inline-block; vertical-align: top; padding:0 24px;}
.sub-business .busi-slide-wrap .mt-img01{width:400px; display:inline-block; vertical-align: top; padding:0 24px;}
.sub-business .busi-slide-wrap .mt-img02{width:580px; display:inline-block; vertical-align: top; padding:0 24px;}
.sub-business .busi-slide-wrap .mt-img03{width:420px; display:inline-block; vertical-align: top; padding:0 24px;}



.newCard-slider{position:relative; width: 581px; height: 275px; overflow: hidden;}
.sub-visual .sub-main-wrap .bento-transport .bento-top.card-bento .money-tit{margin-bottom:32px;}
.newCard-slider .slick-slide{margin:0 24px; position:relative;}
.newCard-slider.slick-dotted.slick-slider{margin-bottom:0;}
.newCard-slider.slick-dotted.slick-slider .slick-list{padding:0 0 16px;}
.newCard-slider .slick-dots{bottom:16px;}
.newCard-slider .slick-dots li.slick-active button:before{color:#fff; opacity: 1;}
.newCard-slider .slick-dots li button:before{opacity: 1;}
.newCard-slider .slick-slide img{margin:0 auto; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}


.newCard-slider .slick-next{right: 8%; top:40%; background: url('../images/common/small-r-arrow-after.png') no-repeat center center; width: 14px; height: 26px; z-index: 2000;}
.newCard-slider .slick-prev{left: 8%; top:40%; background: url('../images/common/small-l-arrow-after.png') no-repeat center center; width: 14px; height: 26px; z-index: 2000;}

.newCard-slider .slick-next:hover, .newCard-slider .slick-prev:hover{opacity:0.5;}
.newCard-slider .slick-next::before, .newCard-slider .slick-prev::before{display:none;}






/*-----------모바일 결제-----------*/

.sub-visual .sub-main-wrap .bento-transport.mobilePay .bento-top .money-tit{margin-bottom:34px;}
.sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money .money-list.mt-total{width:100%;}

.marquee-wrap {
    display: flex;
    flex-direction: column;
    gap: var(--gap);
    margin: auto;
    max-width: 100vw;
    --color-text: black;
    --color-bg: papayawhip;
    --color-bg-accent: #eee;
    --size: clamp(10rem, 1rem + 28vmin, 30rem);
    --gap: calc(var(--size) / 14);
    --duration: 60s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
    margin-top:48px;
}
.company-section {
    display: block;
    align-content: flex-start;
    overflow: hidden;
    gap: var(--gap);
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text);
}

.company-section.last{margin-bottom:180px;}

.marquee {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
    mask-image: linear-gradient(
      var(--mask-direction, to right),
      hsl(0 0% 0% / 0),
      hsl(0 0% 0% / 1) 20%,
      hsl(0 0% 0% / 1) 80%,
      hsl(0 0% 0% / 0)
    );
    -webkit-mask-image: linear-gradient( var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0) );
}

.marquee-group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll-x var(--duration) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
.marquee-group {animation-play-state: paused;}
}


.marquee-reverse .marquee-group {animation-direction: reverse; animation-delay: -3s;}

@keyframes scroll-x {
    from {
      transform: translateX(var(--scroll-start));
    }
    to {
      transform: translateX(var(--scroll-end));
    }
}

@keyframes scroll-y {
    from {
      transform: translateY(var(--scroll-start));
    }
    to {
      transform: translateY(var(--scroll-end));
    }
}

.marquee ul li {
    display: grid;
    place-items: center;
    width: var(--size);
    fill: var(--color-text);
    background: var(--color-bg-accent);
    aspect-ratio: 16/9;
    padding: calc(var(--size) / 10);
    border-radius: 0.5rem;
}




@keyframes fade {
    to {
      opacity: 0;
      visibility: hidden;
    }
}





/*-----------대중교통 결제-----------*/
.sub-visual .sub-main-wrap .bento-transport{width:40%;}
.sub-visual .sub-main-wrap .bento-transport h5{font-size:32px;}
.sub-visual .sub-main-wrap .bento-transport .bento-top{background:#f5f5f5; width:100%; height:384px; border-radius:32px; margin-bottom:16px; padding:40px 0; text-align:center; overflow: hidden;}
.sub-visual .sub-main-wrap .bento-transport .bento-top .money-tit{font-size:24px; font-weight:500; margin-bottom:56px;}
.sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money{display:flex; justify-content: space-between; align-items: flex-start;}
.sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money p{font-size:20px; position:relative; z-index: 1;}
.sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money .money-list{position:relative; width:50%;}
.sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money .money-list img{position:relative; z-index: 1; margin-bottom:16px;}
.sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money .money-list:nth-child(1)::after{content:''; position:absolute; top:-16px; left:50%; margin-left:-60px; border-radius:100%; background:#defeff; width:120px; height:120px;}
.sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money .money-list:nth-child(2)::after{content:''; position:absolute; top:-16px; left:50%; margin-left:-60px; border-radius:100%; background:#fffede; width:120px; height:120px;}

.sub-visual .sub-main-wrap .bento-transport.tagless .bento-top .transport-money .money-list:nth-child(1)::after{content:''; position:absolute; top:10px; left:50%; margin-left:-60px; border-radius:100%; background:#defeff; width:120px; height:120px;}
.sub-visual .sub-main-wrap .bento-transport.tagless .bento-top .transport-money .money-list:nth-child(2)::after{content:''; position:absolute; top:10px; left:50%; margin-left:-60px; border-radius:100%; background:#fffede; width:120px; height:120px;}

.sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money.center-money{justify-content: center;}


.sub-visual .sub-main-wrap .bento-transport .bento-bottom{display:flex; justify-content: space-between; align-items: flex-start;}
.sub-visual .sub-main-wrap .bento-transport .bento-bottom h5{color:#fff;}
.sub-visual .sub-main-wrap .bento-transport .bento-bottom p{color:#fff; font-size:20px; line-height:normal;}
.sub-visual .sub-main-wrap .bento-transport .bento-bottom p:last-child{margin-top:4px;}
.sub-visual .sub-main-wrap .bento-transport .bento-bottom .subway{background:#920783; text-align:center; display:table; width:100%; height:240px; border-radius:32px; margin-right:16px; overflow:hidden;}
.sub-visual .sub-main-wrap .bento-transport .bento-bottom .bus{background:#f18e18; text-align:center; display:table; width:100%; height:240px; border-radius:32px; overflow:hidden;}
.sub-visual .sub-main-wrap .bento-transport .bento-bottom .bento-detail{display:table-cell; vertical-align: middle;}
.sub-visual .sub-main-wrap .bento-transport .bento-bottom .bento-detail img{margin-bottom:8px;}


.sub-visual .sub-main-wrap .bento-transport .narrow-area{font-size:26px; letter-spacing: -1px;}


.sub-visual .sub-main-wrap .bento-news{width:40%;}
.sub-visual .sub-main-wrap .bento-news h5{font-size:32px;}
.sub-visual .sub-main-wrap .bento-news .bento-top{display:table; background:#f5f5f5; width:100%; height:384px; border-radius:32px; margin-bottom: 16px; padding:40px 0; text-align:center;}
.sub-visual .sub-main-wrap .bento-news .bento-top .money-tit{font-size:24px; font-weight:500; margin-bottom:56px; display:block;}
.sub-visual .sub-main-wrap .bento-news .bento-top .etc-box{display:flex; justify-content: center; align-items: flex-start; margin-bottom:24px;}
.sub-visual .sub-main-wrap .bento-news .bento-top .etc-box:last-child{margin-bottom:0;}
.sub-visual .sub-main-wrap .bento-news .bento-top .etc-box p{font-size:18px; position:relative; z-index: 1;}
.sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .sns-list{position:relative; width:28%;}
.sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .sns-list::after{content: ''; position:absolute; top:-24px; left:50%; margin-left:-50px; width:100px; height:100px; background:#fff; border-radius:100%;}
.sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .sns-list img{position:relative; z-index: 1; margin-bottom:32px;}
.sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .sns-list:hover{opacity: 0.5;}
.sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .brochure{width:100%; padding:0 56px;}
.sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .brochure a{display:flex; position: relative; border-radius: 16px; align-items: center; background:#333; color:#fff; padding:20px 32px; border-radius:16px;}
.sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .brochure a::after{content: ''; position: absolute; right:8%; top:50%; margin-top:-15px; background: url('../images/ko/sub/news/brochure-down.png') no-repeat center center; width:27px; height:30px;}
.sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .brochure a:hover{background:#999;}
.sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .brochure p{font-size:20px; margin-left:16px;}



.sub-visual .sub-main-wrap .bento-news .bento-bottom{display:flex; justify-content: space-between; align-items: flex-start;}
.sub-visual .sub-main-wrap .bento-news .bento-bottom h5{color:#fff;}
.sub-visual .sub-main-wrap .bento-news .bento-bottom p{color:#fff; font-size:20px;}
.sub-visual .sub-main-wrap .bento-news .bento-bottom .instar{background:#920783; text-align:center; display:table; width:100%; height:240px; border-radius:32px; margin-right:16px;}
.sub-visual .sub-main-wrap .bento-news .bento-bottom .youtube{background:#f18e18; text-align:center; display:table; width:100%; height:240px; border-radius:32px;}
.sub-visual .sub-main-wrap .bento-news .bento-bottom .bento-detail{display:table-cell; vertical-align: middle;}
.sub-visual .sub-main-wrap .bento-news .bento-bottom .bento-detail:hover{opacity: 0.5;}
.sub-visual .sub-main-wrap .bento-news .bento-bottom .bento-detail img{margin-bottom:8px;}




.sub-visual .sub-main-wrap .counter {font-size:48px; line-height:1.1; font-weight:500; animation-duration: 1s; animation-delay: 0s;}


.sub-keyword{text-align:center; margin-top:160px;}
.sub-keyword .keyword-tit h2{font-size:56px; font-family: "TmoneyRound", "Noto Sans KR", "AppleGothic",sans-serif; letter-spacing: -0.5px;}
.sub-keyword .keyword-bbick{position:relative;}
.sub-keyword .keyword-bbick .bbick-line{width:100%; position:relative; border-top:1px solid #333; margin-top:310px; padding-bottom:48px; background:#fff;}
.sub-keyword .keyword-bbick .bbick-line .bbick-hand{position:absolute; top:-24px; right:50%; margin-right:-140px;}
.sub-keyword .keyword-bbick .bbick-up{position:absolute; top:-234px; right:50%; margin-right:-332px; z-index:-1; }

.sub-keyword .keyword-bbick.tagless .bbick-line{margin-top:350px;}
.sub-keyword .keyword-bbick.tagless .bbick-up:nth-child(1){top:-320px; margin-right:-215px; }
.sub-keyword .keyword-bbick.tagless .bbick-up:nth-child(2){top:-252px; margin-right:-140px; }

.sub-keyword .keyword-bbick.express .bbick-up:nth-child(1){top:-291px; margin-right:-193px; }
.sub-keyword .keyword-bbick.taxi .bbick-up:nth-child(1){top:-302px; margin-right:-201px; }
.sub-keyword .keyword-bbick.mobilePay .bbick-up:nth-child(1){top:-247px; margin-right:-262px; }
.sub-keyword .keyword-bbick.transport .bbick-up:nth-child(1){top:-247px; margin-right:-274px; }
.sub-keyword .keyword-bbick.overseas .bbick-up:nth-child(1){top:-247px; margin-right:-183px; }

.sub-keyword .keyword-bbick.esg .bbick-up:nth-child(1){top:-268px; margin-right:-24px; }
.sub-keyword .keyword-bbick.esg .bbick-up:nth-child(2){top:-142px; margin-right:-180px; }

.sub-keyword .keyword-bbick.tmoneyGO .bbick-up:nth-child(1){top:-275px; margin-right:-220px; }
.sub-keyword .keyword-bbick.mobiletmoney .bbick-up:nth-child(1){top:-275px; margin-right:-226px; }




.sub-content-wrap h6{font-size: 18px; font-weight: 500; margin-bottom: 18px; background: #eee; padding: 8px 24px; border-radius: 32px; display: inline-block;}
.sub-content-wrap.up-margin{padding-top:160px; margin-top:0;}
.sub-content-wrap.tab-margin{padding-top:0; margin-top:0;}

.sub-content-wrap{margin:160px auto 0; background:#fff; width:1463px;}
.sub-content-wrap .business-explane{margin-bottom:180px;}
.sub-content-wrap .business-explane.bottom-slide{margin-bottom:0;}
.sub-content-wrap .business-explane .business-subject{color: #920883; font-size: 20px; font-weight: 600; margin-bottom: 16px;}
.sub-content-wrap .business-explane h3{font-size:40px; line-height:1.4; font-weight: 600;}
.sub-content-wrap .business-detail h4{font-size:32px;}
.sub-content-wrap .subject-sub-v1{margin:48px 0 80px;}
.sub-content-wrap .subject-sub-v2{margin:48px 0 48px;}
.sub-content-wrap .subject-sub-v3{margin:24px 0 48px;}


.sub-content-wrap .search-container {width: 800px; display: block; margin: 0 auto;}

input#search-bar {margin: 0 auto; width: 100%; height: 72px; padding: 0 40px; font-size: 18px; border: 1px solid #D0CFCE; outline: none; border-radius:36px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
input#search-bar:focus {border: 1px solid #920883; transition: 0.35s ease; color: #920883;}
input#search-bar:focus::-webkit-input-placeholder {transition: opacity 0.45s ease; opacity: 0;}
input#search-bar:focus::-moz-placeholder {transition: opacity 0.45s ease; opacity: 0;}
input#search-bar:focus:-ms-placeholder {transition: opacity 0.45s ease; opacity: 0;}

.search-icon {position: relative; float: right; width: 32px;height: 33px; top: -50px; right: 6%;}
.search-word{text-align:center; margin-top:20px;}
.search-word li{padding:4px 16px; background:#f5f5f5; color:#666; font-size:16px; border-radius:8px; display:inline-block; margin-right:8px;}
.search-word li:last-child{margin-right:0;}


.list-wrap{display:flex; justify-content: space-between;}
.list-wrap .role{background:#fff; border-radius:100%; box-sizing: border-box; display:flex; justify-content: center; align-items: center; text-align:center; width:280px; height:280px;}
.list-wrap .role:nth-child(odd){box-shadow: 0 0 0 16px rgba(147, 7, 132, 0.6);}
.list-wrap .role:nth-child(even){box-shadow: 0 0 0 16px rgba(240, 131, 0, 0.6);}
.list-wrap .role p{font-size:24px; margin-bottom:16px;}
.list-wrap .role li{font-size:18px; color:#666;}
.list-wrap.transport-role .role{width:280px; height:280px;}
.list-wrap.transport-role .role .role-detail{height:120px;}



.sub-content-mt{position:relative; background-size:cover; background-color:#000; padding:88px 0; margin-bottom:160px;}
.sub-content-mt::after{content: ''; opacity: 0.2; position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/ko/sub/transport/mt-bg.jpg') no-repeat center center; background-size:cover; background-attachment: fixed;}
.sub-content-tgo{position:relative; background-size:cover; background-color:#000; padding:88px 0; margin-bottom:160px;}
.sub-content-tgo::after{content: ''; opacity: 0.2; position:absolute; top:0; left:0; right:0; bottom:0; background:url('../images/ko/sub/express/tgo-bg.jpg') no-repeat center center; background-size:cover; background-attachment: fixed;}
.app-down-area{text-align:center; position:relative; z-index:1; color:#fff;}
.app-down-area h2{font-size:40px; margin:40px 0 48px; font-weight:600;}
.app-down-area p{font-size:20px;}
.app-down-area .down-list{margin-top:64px;}
.app-down-area .down-list a{margin-right:16px;}
.app-down-area .down-list a:last-child{margin-right:0;}
.app-down-area .down-list a:hover{opacity: 0.5;}

.app-down-area .down-list.t2 a{background:#fff; color:#000; padding:20px 32px; border-radius:16px; font-size:20px;}


.content-flex{display:flex; justify-content: space-between; align-items: flex-start;}
.content-flex .info-wrap{width:48%;}
.content-flex .info-wrap-v2{padding:48px 0; width:55%;}
.content-flex .info-wrap-v2 .info-detail p{margin-top:24px;}
.content-flex .info-wrap-v2 .info-detail ul li{font-size:18px;}

.info-wrap-noMargin{margin-top:80px;}
.info-wrap-noMargin .info-detail{margin-bottom:48px;}
.info-wrap-noMargin .info-detail:last-child{margin-bottom:0;}

.info-wrap-noMargin-v2{margin-top:48px;}
.info-wrap-noMargin-v2 .info-detail{margin-bottom:48px;}
.info-wrap-noMargin-v2 .info-detail:last-child{margin-bottom:0;}
.info-wrap-noMargin-v2 .info-detail ul li{font-size:18px;}


.info-wrap .info-detail{margin-bottom:48px;}
.info-wrap .info-detail ul li{font-size:18px;}
.graphic-box{background:#f8f8f8; width:48%; padding:48px 0; text-align:center; border-radius:32px; position:relative;}


.graphicNone-box{width:48%; text-align:center; border-radius:32px; position:relative;}
.graphicNone-box img{border-radius:32px;}


.transport-slider{width:428px; margin-bottom:0!important; overflow:hidden;}
.transport-slider .terminal-detail{padding:24px; border-radius:32px; margin:0;}
.transport-slider .terminal-detail img{width:auto; margin:0 auto; padding:16px 0;}
.transport-slider .terminal-detail p{border-radius:48px; padding:4px 24px; font-size:16px; color:#fff; display:inline-block; margin-bottom:4px;}
.transport-slider .terminal-detail.terminal01{background:#a1bffd;}
.transport-slider .terminal-detail.terminal01 p{background:#3665c6;}
.transport-slider .terminal-detail.terminal02{background:#cada90;}
.transport-slider .terminal-detail.terminal02 p{background:#638c00;}
.transport-slider .slick-dots{bottom:16px;}
.transport-slider .slick-next{background:url('../images/common/small-r-arrow.png') no-repeat center center; width:14px; height:26px; right:8%; z-index:2000;}
.transport-slider .slick-prev{background:url('../images/common/small-l-arrow.png') no-repeat center center; width:14px; height:26px; left:8%; z-index:2000;}
.transport-slider .slick-next:hover, .transport-slider .slick-prev:hover{opacity: 0.5;}




/*-----------태그리스 결제-----------*/
.tagless-process-img{text-align:center; background:#f5f5f5; padding:48px; border-radius:32px;}
.taglessBus-slider{margin-bottom:0!important;}
.taglessBus-slider .taglessBus-detail{padding:24px; border-radius:32px; margin:0; overflow:hidden; text-align:center;}
.taglessBus-slider .taglessBus-detail p{margin-bottom:20px; font-size:20px; color:#fff; background:#333; padding:4px 32px; border-radius:48px; display:inline-block;}
.taglessBus-slider .taglessBus-detail video{width:100%; border-radius:32px;}
.taglessBus-slider .slick-next{background:url('../images/common/small-r-arrow-black.png') no-repeat center center; width:14px; height:26px; right:-6%; z-index:2000;}
.taglessBus-slider .slick-prev{background:url('../images/common/small-l-arrow-black.png') no-repeat center center; width:14px; height:26px; left:-6%; z-index:2000;}
.taglessBus-slider .slick-next:hover,.taglessBus-slider .slick-prev:hover{opacity: 0.5;}

.taglessRail-slider{margin-bottom:0!important;}
.taglessRail-slider .taglessRail-detail{padding:48px; border-radius:32px; margin:0; overflow:hidden; text-align:center;}
.taglessRail-slider .taglessRail-detail img{width:auto; margin:0 auto;}
.taglessRail-slider .taglessRail-detail p{margin-bottom:20px; font-size:20px; color:#fff; background:#333; padding:4px 32px; border-radius:48px; display:inline-block;}
.taglessRail-slider .slick-next{background:url('../images/common/small-r-arrow-black.png') no-repeat center center; width:14px; height:26px; right:8%; z-index:2000;}
.taglessRail-slider .slick-prev{background:url('../images/common/small-l-arrow-black.png') no-repeat center center; width:14px; height:26px; left:8%; z-index:2000;}
.taglessRail-slider .slick-next:hover,.taglessRail-slider .slick-prev:hover{opacity: 0.5;}
.taglessRail-slider .slick-dots{bottom:18px;}
.slider-box{width:48%; background:#f8f8f8; border-radius:32px;}
.slider-box.rail{width:480px; overflow:hidden;}



/*-----------고속/시외 예매-----------*/
.express-reference{display:flex;}
.express-reference .reference-wrap{width:48%;}
.express-reference .reference-wrap:first-child{margin-right:48px;}
.express-reference .reference-wrap .reference-box{border:1px solid #ccc; border-radius:32px; padding:48px 48px 48px 120px;}
.express-reference .reference-wrap .reference-box a{font-size:20px; position: relative;}
.express-reference .reference-wrap .reference-box a::before{content: ''; position: absolute; top:50%; left:-80px; margin-top:-32px; background:url('../images/common/footer-symbol.png') no-repeat center center; width:64px; height:64px;}
.express-reference .reference-wrap .reference-box a:hover{opacity: 0.5;}
.express-network{display:flex; align-items: center; justify-content: space-between; background:#f5f5f5; padding:48px; border-radius:32px;}
.express-network .network-detail{text-align:center;}
.express-network .network-detail:nth-child(1){width:15%;}
.express-network .network-detail:nth-child(2){width:20%;}
.express-network .network-detail:nth-child(3){width:30%;}
.express-network .network-detail:nth-child(4){width:20%;}
.express-network .network-detail p{font-size:20px; font-weight: 500;}
.express-network .network-detail span{color:#666;}
.express-network .network-detail .network-first{display:table; margin:0 auto; width:200px; height:200px; background:#920783; border-radius:100%; position:relative; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
.express-network .network-detail .network-first p{display:table-cell; vertical-align: middle; color:#fff; font-size:24px;}
.express-network .network-detail .network-first::after{content: ''; position:absolute; top:50%; right:-24%; margin-top:-13px; background:url('../images/common/big-r-arrow-after.png') no-repeat center center; width:14px; height:26px;}
.express-network .network-detail .network-second ul li{border:4px solid #f18e18; background:#fff; padding:16px 0; margin-bottom:16px; border-radius:48px; position:relative; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
.express-network .network-detail .network-second ul li:last-child{margin-bottom:0;}
.express-network .network-detail .network-second ul li::after{content: ''; position:absolute; top:50%; right:-16%; margin-top:-13px; background:url('../images/common/big-r-arrow-after.png') no-repeat center center; width:14px; height:26px;}
.express-network .network-detail .network-third{background:#920783; padding:16px; border-radius:32px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
.express-network .network-detail .network-third ul li{display:flex; align-items: center; background:#fff; border-radius:48px; padding:16px 24px; margin-bottom:16px;}
.express-network .network-detail .network-third ul li p{margin-right:16px;}
.express-network .network-detail .network-third .netTit{font-size:24px; color:#fff; margin-bottom:16px;}
.express-network .network-detail .network-four ul li{border:4px solid #f18e18; background:#fff; padding:16px 0; margin-bottom:16px; border-radius:48px; position:relative; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
.express-network .network-detail .network-four ul li:last-child{margin-bottom:0;}
.express-network .network-detail .network-four ul li::before{content: ''; position:absolute; top:50%; left:-24%; margin-top:-13px; background:url('../images/common/twoway-arrow.png') no-repeat center center; width:60px; height:26px;}

.info-wrap .info-detail.expressAFC{display:flex; align-items: center;}
.info-wrap .info-detail.expressAFC div{display:table; width:120px; height:120px; background:#f5f5f5; border-radius:100%; text-align:center; margin-right:16px;}
.info-wrap .info-detail.expressAFC div span{display:table-cell; vertical-align: middle;}

.slider-box.express{width:880px;}
.express-slider{padding:48px; margin-bottom:0; overflow:hidden;}
.express-slider .express-detail{padding:24px; border-radius:32px; margin:0; overflow:hidden; text-align:center;}
.express-slider .express-detail img{width:100%; margin:0 auto;}
.express-slider .express-detail p{margin-bottom:20px; font-size:20px; color:#fff; background:#333; padding:4px 32px; border-radius:48px; display:inline-block;}
.express-slider .slick-next{background:url('../images/common/small-r-arrow-black.png') no-repeat center center; width:14px; height:26px; right:3%; z-index:2000;}
.express-slider .slick-prev{background:url('../images/common/small-l-arrow-black.png') no-repeat center center; width:14px; height:26px; left:3%; z-index:2000;}
.express-slider .slick-next:hover,.taglessRail-slider .slick-prev:hover{opacity: 0.5;}
.express-slider .slick-dots{bottom:24px; width: -webkit-fill-available;}
.express .slick-dotted.slick-slider{margin-bottom:0;}

.express-slider .slick-list{padding:0 24px;}

.arrive-slider{width:100%; margin-bottom:0!important;}
.arrive-slider .terminal-detail{margin:0; position: relative; text-align:center;}
.arrive-slider .terminal-detail img{width:auto; margin:0;}
.arrive-slider .terminal-detail p{padding:4px 24px; font-size:16px; display:block; color:#fff; background:#333; text-align:left;}
.arrive-slider .slick-dots{bottom:10px; text-align:right; right:3%;}
.arrive-slider .slick-dots li button:before{color:#fff;}
.arrive-slider .slick-dots li.slick-active button:before{opacity: 1; color:#fff;}
.arrive-slider .slick-next{background:url('../images/common/small-r-arrow.png') no-repeat center center; width:14px; height:26px; right:6%; z-index:2000;}
.arrive-slider .slick-prev{background:url('../images/common/small-l-arrow.png') no-repeat center center; width:14px; height:26px; left:6%; z-index:2000;}
.arrive-slider .slick-next:hover, .arrive-slider .slick-prev:hover{opacity: 0.5;}


.express-reservation .circle-four.expressOut .circle-list{justify-content: center;}
.express-reservation .circle-four.expressOut .circle-list .express-circle{width:18%;}
.express-reservation .circle-four.expressOut .circle-list .role{width:260px; height:260px;}

.expressOut-box{text-align:center; margin-top:120px; position: relative;}
.expressOut-box::before{content: ''; position:absolute; top:-88%; left:50%; margin-left:-13px; background:url('../images/common/big-d-arrow-after.png') no-repeat center center; width:26px; height:14px;}
.expressOut-box p{border:4px solid #920783; border-radius:48px; display:inline-block; padding:12px 48px; font-size:20px;}


.express-additional{width:100%; height:540px;}
.express-additional .additional-list{display:inline-block; vertical-align: top; width:32%; margin-right:16px; border:1px solid #ccc; border-radius:32px; overflow:hidden; height:100%;}
.express-additional .additional-list:last-child{margin-right:0;}
.express-additional .additional-list .additional-txt{padding:32px;}
.express-additional .additional-list .additional-txt .line-list li{font-size:18px;}
.express-additional .additional-list .additional-flex{background:#eee;}
.express-additional .additional-list .additional-flex ul{display:flex; justify-content: space-between; align-items: center;}
.express-additional .additional-list .additional-flex ul li:first-child img{border-radius:16px;}

.partner-slider{width:282px; height:140px; margin-bottom:0!important;}
.partner-slider .bento-detail{padding:16px 0;}
.partner-slider .bento-detail img{width:72%; margin:0 auto;}
.partner-slider .slick-dots{bottom:-8px;}
.partner-slider .slick-next{background:url('../images/common/small-r-arrow.png') no-repeat center center; width:14px; height:26px; margin-top:-13px; right:6%; z-index:2000;}
.partner-slider .slick-prev{background:url('../images/common/small-l-arrow.png') no-repeat center center; width:14px; height:26px; margin-top:-13px; left:6%; z-index:2000;}
.partner-slider .slick-next:hover, .partner-slider .slick-prev:hover{opacity: 0.5;}




/*-----------MaaS-----------*/
.maas-road{display:flex; align-items: center; justify-content: space-between; background:#f5f5f5; padding:48px; border-radius:32px;}
.maas-road .maas-detail{text-align:center;}
.maas-road .maas-detail:nth-child(1){width:28%;}
.maas-road .maas-detail:nth-child(2){width:40%;}
.maas-road .maas-detail:nth-child(3){width:20%;}
.maas-road .maas-detail span{color:#666;}
.maas-road .maas-detail .maas-first{display:flex; justify-content: space-between; position:relative;}
.maas-road .maas-detail .maas-first::after{content: ''; position:absolute; top:50%; right:-18%; margin-top:-26px; background:url('../images/common/r-arrow-process.png') no-repeat center center; width:58px; height:52px;}
.maas-road .maas-detail .maas-first ul:nth-child(1){margin-right:24px;}
.maas-road .maas-detail .maas-first ul:nth-child(1) li{border:4px solid #920783; background:#fff; padding:16px 0; margin-bottom:16px; border-radius:48px; position:relative; width:160px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
.maas-road .maas-detail .maas-first ul:nth-child(2) li{border:4px solid #f18e18; background:#fff; padding:16px 0; margin-bottom:16px; border-radius:48px; position:relative; width:160px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
.maas-road .maas-detail .maas-first ul li:last-child{margin-bottom:0;}
.maas-road .maas-detail .maas-first ul:nth-child(1) li::after{content: ''; position:absolute; top:50%; right:-36%; margin-top:-13px; background:url('../images/common/big-r-arrow-after.png') no-repeat center center; width:14px; height:26px;}
.maas-road .maas-detail .maas-second{display:flex; align-items: center; justify-content:space-around; background:#fff; border:4px solid #666; padding:32px; border-radius:32px; position: relative; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
.maas-road .maas-detail .maas-second::after{content: ''; position:absolute; top:50%; right:-13%; margin-top:-26px; background:url('../images/common/r-arrow-process.png') no-repeat center center; width:58px; height:52px;}
.maas-road .maas-detail .maas-second ul li{border:4px solid #f18e18; background:#fff; padding:16px 0; margin-bottom:16px; border-radius:48px; position:relative; width:160px;}
.maas-road .maas-detail .maas-second ul li:last-child{margin-bottom:0;}
.maas-road .maas-detail .maas-second ul li::after{content: ''; position:absolute; top:50%; right:-24%; margin-top:-13px; background:url('../images/common/big-r-arrow-after.png') no-repeat center center; width:14px; height:26px;}
.maas-road .maas-detail .maas-second .second-one{font-size:24px;}
.maas-road .maas-detail .maas-second .second-three{font-size:24px; border:4px solid #920783; background:#fff; padding:24px; border-radius:16px;}

.maas-road .maas-detail .maas-third{background:#920783; padding:16px; border-radius:32px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
.maas-road .maas-detail .maas-third ul li{display:flex; align-items: center; background:#fff; border-radius:48px; padding:16px 32px; margin-bottom:16px;}
.maas-road .maas-detail .maas-third ul li p{margin-right:16px;}
.maas-road .maas-detail .maas-third .maasTit{font-size:24px; color:#fff;}

.reward-box{background:#fff; border:1px solid #ccc; width:48%; padding:48px; border-radius:16px; position:relative;}
.reward-box .reward-note{color:#666; margin-top:8px;}
.reward-box .maasReward-tit{font-size:16px; background:#333; border-radius:48px; color:#fff; padding:4px 24px; display:inline-block; margin-bottom:16px;}
.reward-box .maasReward-info{font-size:28px; font-weight:600;}
.reward-box .maasReward-info span{color:#f18e18; font-weight:600;}
.reward-box .maasReward-img{margin-top:48px; text-align:center;}



/*-----------taxi-----------*/
.taxi-process{display:flex; align-items: center; justify-content: space-between; margin-top:48px; background:#f5f5f5; padding:48px; border-radius:32px;}
.taxi-process .taxi-detail{text-align:center; position:relative;}
.taxi-process .taxi-detail:nth-child(1){width:15%;}
.taxi-process .taxi-detail:nth-child(2){width:25%;}
.taxi-process .taxi-detail:nth-child(3){width:35%;}
.taxi-process .taxi-detail:nth-child(3){width:25%;}

.taxi-process .taxi-detail:nth-child(2)::before{content: ''; position:absolute; top:32%; right:0; margin-top:-13px; background:url('../images/common/big-r-arrow-after.png') no-repeat center center; width:14px; height:26px;}
.taxi-process .taxi-detail:nth-child(2)::after{content: ''; position:absolute; bottom:32%; right:0; margin-top:-13px; background:url('../images/common/big-l-arrow-after.png') no-repeat center center; width:14px; height:26px;}
.taxi-process .taxi-detail:nth-child(3)::before{content: ''; position:absolute; top:32%; right:0; margin-top:-13px; background:url('../images/common/big-r-arrow-after.png') no-repeat center center; width:14px; height:26px;}
.taxi-process .taxi-detail:nth-child(3)::after{content: ''; position:absolute; bottom:32%; right:0; margin-top:-13px; background:url('../images/common/big-l-arrow-after.png') no-repeat center center; width:14px; height:26px;}
.taxi-process .taxi-detail .taxi-first{position:relative;}
.taxi-process .taxi-detail .taxi-first ul li{border:4px solid #920783; background:#fff; padding:16px 0; margin-bottom:16px; border-radius:48px; position:relative; width:160px; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
.taxi-process .taxi-detail .taxi-first ul li:last-child{margin-bottom:0;}
.taxi-process .taxi-detail .taxi-first ul li::after{content: ''; position:absolute; top:50%; right:-48%; margin-top:-13px; background:url('../images/common/big-r-arrow-after.png') no-repeat center center; width:14px; height:26px;}
.taxi-process .taxi-detail .taxi-second{border:4px solid #f18e18; background:#fff; border-radius:100%; width:280px; height:280px; position: relative; display:table; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
.taxi-process .taxi-detail .taxi-second .info-next{position:absolute; top:8%; right:-40%;}
.taxi-process .taxi-detail .taxi-second .info-prev{position:absolute; bottom:8%; right:-50%;}

.taxi-process .taxi-detail .taxiTit{font-size:24px; margin:8px 0;}
.taxi-process .taxi-detail .taxi-info{display:table-cell; vertical-align: middle;}
.taxi-process .taxi-detail .taxi-third{background:#920783; padding:16px; border-radius:100%; width:280px; height:280px; color:#fff; display:table; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}
.taxi-process .taxi-detail .taxi-third .taxiTit{font-size:24px; color:#fff;}
.taxi-process .taxi-detail .taxi-third .info-next{position:absolute; top:8%; right:-8%; color:#000;}
.taxi-process .taxi-detail .taxi-third .info-prev{position:absolute; bottom:16%; right:-8%; color:#000;}

.taxi-process .taxi-detail .taxi-four{border:4px solid #f18e18; background:#fff; padding:16px; border-radius:100%; width:280px; height:280px; display:table; box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);}


.info-wrap .info-detail.taxi-merit-list {display: flex; align-items: center;}
.info-wrap .info-detail.taxi-merit-list .merit-icon{display: table; width: 120px; height: 120px; background: #f5f5f5; border-radius: 100%; text-align: center; margin-right: 16px;}
.info-wrap .info-detail.taxi-merit-list .merit-icon span{display: table-cell; vertical-align: middle;}
.info-wrap .info-detail.taxi-merit-list .taxi-merit .merit-tit{font-size:20px; font-weight: 500; margin-bottom:8px;}

.taxi-product{display:flex; justify-content: space-between; margin-top:48px;}
.taxi-product li{display:table; width:32%; background:#f5f5f5; text-align:center; border-radius:32px; padding:32px 0; position:relative;}
.taxi-product li:last-child{margin-right:0;}
.taxi-product li .product-detail{display:table-cell; vertical-align: middle;}
.taxi-product li .product-detail p{position:absolute; top:4%; left:4%; padding:4px 24px; border-radius:48px; background:#333; color:#fff; font-size:16px;}

.circle-chart__circle {transform: rotate(-90deg);
    transform-origin: center;
    stroke-dasharray: 0 100; /* 초기값 */
    transition: stroke-dasharray 2.5s ease-in-out;}
.circle-chart__subline{letter-spacing: -0.25px;}
.percent-grid .counter{font-weight: 500;}

@keyframes circle-chart-fill {
to { stroke-dasharray: 0 100; }
}

.con-short-wrap{margin-bottom:80px;}
.con-medium-wrap{margin-bottom:120px;}

.sub-content-wrap.No-Topmargin{margin-top:0;}

.taxiPay-counter{display:flex; align-items: center;}
.taxiPay-counter:first-child{margin-bottom:32px;}
.taxiPay-counter .detail-box:first-child{background:#f5f5f5; width:160px; height:160px; border-radius:100%; text-align:center; margin-right:16px; display:table;}
.taxiPay-counter .detail-box:first-child div{display:table-cell; vertical-align: middle;}
.taxiPay-counter .detail-box p{font-size:20px;}
.taxiPay-counter .detail-box h5{font-size:32px;}
.taxiPay-counter .detail-box h5 .counter{font-size:48px; font-weight: 500;}

.graphic-process-v1{background:#f5f5f5; padding:64px 48px; border-radius:32px;}
.graphic-process-v1 .taxi-global{display:flex; justify-content: space-between; align-items: center;}
.graphic-process-v1 .taxi-global li{position:relative; width:33%; text-align:center;}
.graphic-process-v1 .taxi-global li::after{content: ''; position: absolute; top:50%; right:-4%; margin-top:-13px; width:14px; height:26px; background:url('../images/common/small-r-arrow-black.png') no-repeat center center;}
.graphic-process-v1 .taxi-global li:last-child:after{display:none;}

.slider-box.appmeter{width:100%;}
.slider-box.appmeter{background:#000; overflow:hidden;}
.slider-box.appmeter::after{content: ''; position: absolute; top:0; left:0; width:100%; height:100%; background-size:cover; background:url('../images/ko/sub/taxi/PaymentSlider-bg.jpg') center center no-repeat; opacity: 0.3;}

.appmeter-slider{padding:48px 0; margin-bottom:0; overflow:hidden; z-index:1;}
.appmeter-slider .appmeter-detail{margin:0; overflow:hidden; text-align:center;}
.appmeter-slider .appmeter-detail img{width:auto; margin:0 auto;}
.appmeter-slider .appmeter-detail p{margin-bottom:20px; font-size:16px; color:#fff; background:#333; padding:4px 32px; border-radius:48px; display:inline-block;}
.appmeter-slider .slick-next{background:url('../images/common/small-r-arrow.png') no-repeat center center; width:14px; height:26px; right:8%; z-index:2000;}
.appmeter-slider .slick-prev{background:url('../images/common/small-l-arrow.png') no-repeat center center; width:14px; height:26px; left:8%; z-index:2000;}
.appmeter-slider .slick-next:hover,.taglessRail-slider .slick-prev:hover{opacity: 0.5;}
.appmeter-slider .slick-dots{bottom:24px; width: -webkit-fill-available;}
.half-wrap .half-48 .appmeter-slider .slick-dots li{margin-bottom:0;}
.appmeter .slick-dotted.slick-slider{margin-bottom:0;}
.appmeter .slick-dots li button:before{color:#fff;}
.appmeter .slick-dots li.slick-active button:before{color:#fff;}

.company-timeline-block .history-date.appmiter{background:#e6cbe3; color:#920883; padding:2px 18px; border-radius:16px; display:inline-block; margin-bottom:10px;}

.taxi-OTA .OTA-tit{font-size:20px; background:#f3e1f5; display:inline-block; color:#920783; padding:2px 16px; border-radius:8px; margin-bottom:24px;}
.OTA-process{margin-bottom:40px;}
.OTA-process:last-child{margin-bottom:0;}
.OTA-process p{margin-bottom:16px;}
.OTA-process img{background:#fff; padding:16px;}


.taxiToday01-slider{position:relative; background:#000; width: auto; height: 640px; overflow:hidden;}
.taxiToday01-slider::after{content: ''; position: absolute; top: 0; left: 0; background: url('../images/ko/sub/taxi/taxiTaday-bg01.jpg') no-repeat center bottom; background-size: cover; opacity: 0.2; width: 100%; height: 100%; background-attachment: fixed;}
.taxiToday01-slider .slick-slide{margin:0;}
.taxiToday01-slider .slick-list{z-index:1;}
.sub-business .taxiToday01-slider .slide02 .busi-slide-wrap .mt-img{width:680px; margin:0 48px; padding:0;}
.sub-business .taxiToday01-slider .slide03 .busi-slide-wrap .mt-img{width:680px; margin:0 48px; padding:0;}
.taxiToday01-slider .slide03{height:640px; position:relative;}

.taxiToday01-slider .business-explane .subhead{font-size:18px;}
.taxiToday01-slider .business-explane .subhead li{margin-bottom:16px; font-weight:300;}
.taxiToday01-slider .business-explane .subhead li:last-child{margin-bottom:0;}
.taxiToday01-slider .business-explane .subhead li span{display:block; font-size:20px; margin-bottom:8px;}

.taxiToday01-slider .slick-next{right:2%; background:url('../images/common/r-arrow.png') no-repeat center center; width:66px; height:66px; z-index:2000;}
.taxiToday01-slider .slick-next:before{display:none;}
.taxiToday01-slider .slick-prev{left:2%; background:url('../images/common/l-arrow.png') no-repeat center center; width:66px; height:66px; z-index:2000;}
.taxiToday01-slider .slick-prev:before{display:none;}
.taxiToday01-slider .slick-next:hover, .taxiToday01-slider .slick-prev:hover{opacity: 0.5; transition: all .3s ease-out;}

.taxiToday01-slider .slick-dots {bottom: 32px;}
.taxiToday01-slider .slick-dots li.slick-active button:before{color:#920883;}
.taxiToday01-slider .slick-dots li button:before{color:#fff; opacity: 1;}


.taxiToday02-slider{position:relative; background:#000; width: auto; height: 640px; overflow:hidden;}
.taxiToday02-slider::after{content: ''; position: absolute; top: 0; left: 0; background: url('../images/ko/sub/taxi/taxiTaday-bg02.jpg') no-repeat center top; background-size: cover; opacity: 0.2; width: 100%; height: 100%; background-attachment: fixed;}
.taxiToday02-slider.slick-dotted.slick-slider{margin-bottom:320px;}
.taxiToday02-slider .slick-slide{margin:0;}
.taxiToday02-slider .slick-list{z-index:1;}
.sub-business .taxiToday02-slider .slide01 .busi-slide-wrap .mt-img{width:680px; margin:0 48px; padding:0;}
.sub-business .taxiToday02-slider .slide02 .busi-slide-wrap .mt-img{width:680px; margin:0 48px; padding:0;}
.sub-business .taxiToday02-slider .slide03 .busi-slide-wrap .mt-img{width:680px; margin:0 48px; padding:0;}
.taxiToday02-slider .slide01{height:640px; position:relative;}
.taxiToday02-slider .slide02{height:640px; position:relative;}
.taxiToday02-slider .slide03{height:640px; position:relative;}

.taxiToday02-slider .business-explane .subhead{font-size:18px;}
.taxiToday02-slider .business-explane .subhead li{margin-bottom:16px; font-weight:300;}
.taxiToday02-slider .business-explane .subhead li:last-child{margin-bottom:0;}
.taxiToday02-slider .business-explane .subhead li span{display:block; font-size:20px; margin-bottom:8px;}

.taxiToday02-slider .slick-next{right:2%; background:url('../images/common/r-arrow.png') no-repeat center center; width:66px; height:66px; z-index:2000;}
.taxiToday02-slider .slick-next:before{display:none;}
.taxiToday02-slider .slick-prev{left:2%; background:url('../images/common/l-arrow.png') no-repeat center center; width:66px; height:66px; z-index:2000;}
.taxiToday02-slider .slick-prev:before{display:none;}
.taxiToday02-slider .slick-next:hover, .taxiToday02-slider .slick-prev:hover{opacity: 0.5; transition: all .3s ease-out;}

.taxiToday02-slider .slick-dots {bottom: 32px;}
.taxiToday02-slider .slick-dots li.slick-active button:before{color:#920883;}
.taxiToday02-slider .slick-dots li button:before{color:#fff; opacity: 1;}



.appmeter-product-v3{display:flex; justify-content: space-between; margin-top:32px;}
.appmeter-product-v3 img{border-radius:8px;}
.appmeter-product-v3 li{display:table; width:49%; background:#f5f5f5; text-align:left; border-radius:32px; padding:32px; position:relative;}
.appmeter-product-v3 li p{padding:4px 24px; border-radius:48px; background:#333; color:#fff; font-size:16px; display:inline-block; margin-bottom:32px;}
.appmeter-product-v3 li .product-detail{text-align: center;}



.appmeter-product-v1{display:flex; justify-content: space-between; margin-top:160px;}
.appmeter-product-v1 img{border-radius:8px;}
.appmeter-product-v1 li{display:table; width:32%; background:#f5f5f5; text-align:left; border-radius:32px; padding:32px; position:relative;}
.appmeter-product-v1 li:last-child{margin-right:0;}
.appmeter-product-v1 li p{padding:4px 24px; border-radius:48px; background:#333; color:#fff; font-size:16px; display:inline-block; margin-bottom:32px;}
.appmeter-product-v1 li .product-detail{text-align:center;}
.appmeter-product-v1 li .product-detail ul li{padding:0; width:100%; text-align:center;}
.appmeter-product-v1 li .product-detail ul li:first-child{margin-bottom:16px;}
.appmeter-product-v1 li .product-detail.product-horizon ul li{display:inline-block; width:48%;}



.appmeter-product-v2{display:flex; justify-content: space-between; margin-top:160px;}
.appmeter-product-v2 img{border-radius:8px;}
.appmeter-product-v2 li{display:table; width:100%; background:#f5f5f5; text-align:left; border-radius:32px; padding:32px; position:relative;}
.appmeter-product-v2 li p{padding:4px 24px; border-radius:48px; background:#333; color:#fff; font-size:16px; display:inline-block; margin-bottom:32px;}
.appmeter-product-v2 li .product-detail ul{display:inline-block; width:48%; vertical-align: top;}
.appmeter-product-v2 li .product-detail ul:first-child{margin-right:16px;}
.appmeter-product-v2 li .product-detail ul li{padding:0; width:100%; text-align:left;}
.appmeter-product-v2 li .product-detail ul li:first-child{margin-bottom:16px;}




/*-----------VAN-----------*/
.van-list{margin-top:48px;}
.van-list .van-product{display:inline-block; width:33%; margin-bottom:40px; vertical-align: top;}
.van-list .van-product .product-info{display:flex; align-items: center;}
.van-list .van-product .product-info .van-img{margin-right:24px;}
.van-list .van-product .product-info .van-detail p:nth-child(2){margin:12px 0 4px;}
.van-list .van-product .product-info .van-detail .line-list li{color:#666; letter-spacing: 0;}


/*-----------해외서비스-----------*/
.global-slider{width:580px;}
.global-slider .bento-detail img{width:171px; height:174px; margin:0 auto;}
.global-slider .bento-detail .global-category{background:#333; border-radius:48px; padding:4px 24px; color:#fff; display:inline-block; margin-bottom:8px; font-size:16px;}
.global-slider .bento-detail p{font-size:20px;}
.global-slider .slick-next{background:url('../images/common/small-r-arrow-black.png') no-repeat center center; width:14px; height:26px; right:8%; z-index:2000;}
.global-slider .slick-prev{background:url('../images/common/small-l-arrow-black.png') no-repeat center center; width:14px; height:26px; left:8%; z-index:2000;}
.global-slider .slick-next:hover, .global-slider .slick-prev:hover{opacity: 0.5;}



.sub-business.global{margin:48px 0 80px;}

.sub-bg-wrap{margin:0 auto; width:1463px; padding:80px 0; position:relative; z-index:1; color:#fff;}
.sub-bg-wrap h5{font-size:32px;  margin-bottom:40px; font-weight:500;}
.sub-bg-wrap .half-info{display:flex;}
.sub-bg-wrap .half-info .right-info, .sub-bg-wrap .half-info .left-info{width:50%;}
.sub-bg-wrap .half-info .global-info .info-detail{margin-bottom:48px;}
.sub-bg-wrap .half-info .global-info .info-detail:last-child{margin-bottom:0;}
.sub-bg-wrap .half-info .global-info .info-detail .info-tit{color:#000; background:#fff; padding:2px 20px; border-radius:48px; display:inline-block; margin-bottom:16px;}
.sub-bg-wrap .half-info .global-info .info-detail .line-list li{font-size:18px;}

.sub-bg-wrap .half-info .global-info .info-detail .count-wrap{margin-left:16px;}
.sub-bg-wrap .half-info .global-info .info-detail .global-count{display:inline-block; width:auto;}
.sub-bg-wrap .half-info .global-info .info-detail .global-count:last-child{margin-bottom:0;}
.sub-bg-wrap .half-info .global-info .info-detail.two .global-count{width:48%;}
.sub-bg-wrap .half-info .global-info .info-detail.three .global-count{width:33%;}
.sub-bg-wrap .half-info .global-info .info-detail .global-count.last{margin-left:80px;}
.sub-bg-wrap .half-info .global-info .info-detail .global-count div{display:inline-block; vertical-align: middle;}
.sub-bg-wrap .half-info .global-info .info-detail .global-count .count-icon{margin-right:20px;}
.sub-bg-wrap .half-info .global-info .info-detail .global-count .count-num p{line-height:1; font-size:16px;}
.sub-bg-wrap .half-info .global-info .info-detail .global-count .count-num .num{font-size:24px;}
.sub-bg-wrap .half-info .global-info .info-detail .global-count .count-num .num span{font-size:32px;}

.colombia-bg .sub-bg-wrap .half-info .global-info .info-detail .global-count{margin-bottom:40px;}




.sub-content-wrap.global{margin-bottom:180px;}
.sub-content-wrap.global h5{font-size:32px; margin-bottom:48px; font-weight:500;}

.newziland-bg{position: relative; background: #000; width: auto; height: 680px;}
.newziland-bg::after{content: ''; position: absolute; top: 0; left: 0; background: url('../images/ko/sub/overseas/newziland-bg.jpg') no-repeat left center; background-size: cover; opacity: 0.4; width: 100%; height: 100%; background-attachment: fixed;}
.malaysia-bg{position: relative; background: #000; width: auto; height: 680px;}
.malaysia-bg::after{content: ''; position: absolute; top: 0; left: 0; background: url('../images/ko/sub/overseas/malaysia-bg.jpg') no-repeat left center; background-size: cover; opacity: 0.4; width: 100%; height: 100%; background-attachment: fixed;}
.colombia-bg{position: relative; background: #000; width: auto; height: 680px;}
.colombia-bg::after{content: ''; position: absolute; top: 0; left: 0; background: url('../images/ko/sub/overseas/colombia-bg.jpg') no-repeat left center; background-size: cover; opacity: 0.4; width: 100%; height: 100%; background-attachment: fixed;}
.thai-bg{position: relative; background: #000; width: auto; height: 680px;}
.thai-bg::after{content: ''; position: absolute; top: 0; left: 0; background: url('../images/ko/sub/overseas/thai-bg.jpg') no-repeat left center; background-size: cover; opacity: 0.4; width: 100%; height: 100%; background-attachment: fixed;}
.mongolia-bg{position: relative; background: #000; width: auto; height: 680px;}
.mongolia-bg::after{content: ''; position: absolute; top: 0; left: 0; background: url('../images/ko/sub/overseas/mongolia-bg.jpg') no-repeat left center; background-size: cover; opacity: 0.4; width: 100%; height: 100%; background-attachment: fixed;}


.global-timeline ul{display:flex; justify-content: space-between; position:relative;}
.global-timeline ul::after{content: ''; position: absolute; bottom:46px; width:100%; border-bottom:1px solid #333;}
.global-timeline ul li{text-align:center; z-index:1;}
.global-timeline ul li .time-tit{font-size:16px; border:1px solid #ccc; padding:8px 16px; border-radius:8px; margin-bottom:100px;}
.global-timeline ul li span{width:12px; height:12px; border-radius:100%; background:#920783; display:inline-block; position: relative;}
.global-timeline ul li span::before{content: ''; position: absolute; bottom:11px; height:109px; border-left:1px solid #920783;}
.global-timeline ul li p{font-size:24px;}




/*-----------플랫폼 서비스 : 모바일티머니-----------*/
.mt-slider{width:282px; height:210px; margin-bottom:0!important;}
.mt-slider .bento-detail{padding:48px 0;}
.mt-slider .bento-detail img{width:93px; height:93px; margin:0 auto;}
.mt-slider .slick-dots{bottom:-8px;}
.mt-slider .slick-next{background:url('../images/common/small-r-arrow.png') no-repeat center center; width:14px; height:26px; right:8%; z-index:2000;}
.mt-slider .slick-prev{background:url('../images/common/small-l-arrow.png') no-repeat center center; width:14px; height:26px; left:8%; z-index:2000;}
.mt-slider .slick-next:hover, .mt-slider .slick-prev:hover{opacity: 0.5;}

.color-box-wrap{margin-top:48px; display:flex;}
.color-box-wrap .puple-box{background:#c182ba; margin-right:19px; padding:48px; border-radius:32px; width:33%; overflow:hidden;}
.color-box-wrap .orange-box{background:#efa349; margin-right:19px; padding:48px; border-radius:32px; width:33%; overflow:hidden;}
.color-box-wrap .yellow-box{background:#ffd195; padding:48px; border-radius:32px; width:33%; overflow:hidden;}

.color-box-wrap .deep-blue-box{background:#aa91d1; margin-right:19px; padding:48px; border-radius:32px; width:33%; overflow:hidden;}
.color-box-wrap .deep-puple-box{background:#da92c4; margin-right:19px; padding:48px; border-radius:32px; width:33%; overflow:hidden;}
.color-box-wrap .deep-pink-box{background:#f8b1c1; padding:48px; border-radius:32px; width:33%; overflow:hidden;}
.color-box-wrap .deep-orange-box{background:#fac1ac; margin-right:19px; padding:48px; border-radius:32px; width:33%; overflow:hidden;}
.color-box-wrap .deep-yellow-box{background:#fddc9d; margin-right:19px; padding:48px; border-radius:32px; width:33%; overflow:hidden;}
.color-box-wrap .deep-remon-box{background:#ebeb9e; padding:48px; border-radius:32px; width:33%; overflow:hidden;}

.color-box-wrap .deep-blue-box .color-box-detail h5{color:#481a91;}
.color-box-wrap .deep-puple-box .color-box-detail h5{color:#b31f86;}
.color-box-wrap .deep-pink-box .color-box-detail h5{color:#d12b52;}
.color-box-wrap .deep-orange-box .color-box-detail h5{color:#a7421d;}
.color-box-wrap .deep-yellow-box .color-box-detail h5{color:#8e5410;}
.color-box-wrap .deep-remon-box .color-box-detail h5{color:#918522;}
.color-box-wrap .deep-blue-box .color-box-detail a{color:#481a91;}
.color-box-wrap .deep-puple-box .color-box-detail a{color:#8e5410;}
.color-box-wrap .deep-pink-box .color-box-detail a{color:#eb673f;}
.color-box-wrap .deep-orange-box .color-box-detail a{color:#920883;}
.color-box-wrap .deep-yellow-box .color-box-detail a{color:#8e5410;}
.color-box-wrap .deep-remon-box .color-box-detail a{color:#eb673f;}

.tmoneygo .color-box-wrap .deep-blue-box .color-box-detail .plusMinus01.more svg #plus path{stroke:#481a91;}
.tmoneygo .color-box-wrap .deep-puple-box .color-box-detail .plusMinus02.more svg #plus path{stroke:#b31f86;}
.tmoneygo .color-box-wrap .deep-pink-box .color-box-detail .plusMinus03.more svg #plus path{stroke:#d12b52;}
.tmoneygo .color-box-wrap .deep-orange-box .color-box-detail .plusMinus01.more svg #plus path{stroke:#a7421d;}
.tmoneygo .color-box-wrap .deep-yellow-box .color-box-detail .plusMinus02.more svg #plus path{stroke:#8e5410;}
.tmoneygo .color-box-wrap .deep-remon-box .color-box-detail .plusMinus03.more svg #plus path{stroke:#918522;}

.tmoneygo .color-box-wrap .color-box-detail #appmeter-first{background:#845ec2; border-radius:0 0 32px 32px;}
.tmoneygo .color-box-wrap .color-box-detail #appmeter-second{background:#d65db1; border-radius:0 0 32px 32px;}
.tmoneygo .color-box-wrap .color-box-detail #appmeter-third{background:#ff6f91; border-radius:0 0 32px 32px;}
.tmoneygo .color-box-wrap .color-box-detail #appmeter-four{background:#d37959; border-radius:0 0 32px 32px;}
.tmoneygo .color-box-wrap .color-box-detail #appmeter-five{background:#d4a54e; border-radius:0 0 32px 32px;}
.tmoneygo .color-box-wrap .color-box-detail #appmeter-six{background:#b6b644; border-radius:0 0 32px 32px;}





.color-box-wrap .color-box-img{text-align:center; height:260px;}
.color-box-wrap .color-box-detail{margin-top:40px;}
.color-box-wrap .color-box-detail h5{font-size:32px; font-weight: 500;}
.color-box-wrap .color-box-detail a{position: relative; background:#fff; font-size:16px; padding:8px 48px 8px 24px; border-radius:48px; margin-top:20px; display:inline-block;}
.color-box-wrap .color-box-detail a:hover::after{animation: moveSmallArrow 1s ease-in-out infinite;}
.color-box-wrap .puple-box .color-box-detail h5{color:#920883;}
.color-box-wrap .orange-box .color-box-detail h5{color:#8e5410;}
.color-box-wrap .yellow-box .color-box-detail h5{color:#eb673f;}
.color-box-wrap .puple-box .color-box-detail a{color:#920883;}
.color-box-wrap .orange-box .color-box-detail a{color:#8e5410;}
.color-box-wrap .yellow-box .color-box-detail a{color:#eb673f;}
.color-box-wrap .puple-box .color-box-detail a::after{content: ''; position: absolute; top:50%; right:18%; background:url('../images/common/purple-arrow.png') no-repeat center center; width:7px; height:13px; margin-top:-6px;}
.color-box-wrap .orange-box .color-box-detail a::after{content: ''; position: absolute; top:50%; right:18%; background:url('../images/common/brown-arrow.png') no-repeat center center; width:7px; height:13px; margin-top:-6px;}
.color-box-wrap .yellow-box .color-box-detail a::after{content: ''; position: absolute; top:50%; right:18%; background:url('../images/common/orange-arrow.png') no-repeat center center; width:7px; height:13px; margin-top:-6px;}

.color-box-list{width:40%;}
.color-box-list .color-box-img{width:100%; display:block; text-align:center; }
.color-box-list .color-box-img .skyblue-box{background:#8fc5fc; padding:40px 0; border-radius:32px;}
.color-box-list .color-box-img .mint-box{background:#7bdce7; padding:40px 0; border-radius:32px;}
.color-box-list .color-box-img .yellow-box{background:#ffd195; padding:40px 0; border-radius:32px;}
.color-box-list .color-box-img .puple-box{background:#b98dce; padding:40px 0; border-radius:32px;}
.color-box-list .color-box-img .green-box{background:#b9e8ad; padding:40px 0; border-radius:32px;}

.color-box-list .color-box-img .skyblue-box.mobi-img{background:#8fc5fc; padding:40px 0 0; border-radius:32px;}

.mt-favor{margin-top:40px;}


.push-process{display:flex; align-items: center; justify-content: space-between; margin-top:48px; background:#f5f5f5; padding:48px; border-radius:32px;}
.push-process .push-detail{text-align:center; position:relative;}
.push-process .push-detail:nth-child(1){width:50%;}
.push-process .push-detail:nth-child(2){width:50%;}

.push-process .push-detail:nth-child(1)::before{content: ''; position:absolute; top:50%; right:0; margin-top:-24px; background:url('../images/common/r-arrow-process.png') no-repeat center center; width:54px; height:49px;}
.push-process .push-detail .push-first{width:280px; height:280px; border-radius:100%; background:#fff; margin:0 auto; display:table;}
.push-process .push-detail .push-first .push-info{display:table-cell; vertical-align: middle;}

.mt-reference{display:flex; margin-top:48px;}
.mt-reference .guide-wrap{width: 48%;}
.mt-reference .guide-wrap:first-child {margin-right: 48px;}
.mt-reference .guide-wrap .guide-box{border:1px solid #ccc; border-radius:32px; padding:48px 48px 48px 120px;}
.mt-reference .guide-wrap .guide-box a{font-size:20px; position: relative; display:block;}
.mt-reference .guide-wrap .guide-box a::before{content: ''; position: absolute; top:50%; left:-80px; margin-top:-32px; background:url('../images/ko/sub/platformservice/mt.png') no-repeat center center; width:64px; height:64px;}
.mt-reference .guide-wrap .guide-box a::after{content: ''; position: absolute; top:50%; right:4%; margin-top:-14px; background:url('../images/common/icon/download.png') no-repeat center center; width:27px; height:30px;}
.mt-reference .guide-wrap .guide-box a:hover{opacity: 0.5;}



/*-----------플랫폼 서비스 : 티머니GO-----------*/
.tmoneyGo-slider{position:relative; background:#000; width: auto; height: 640px; overflow:hidden;}
.tmoneyGo-slider .slick-slide{margin:0;}
.tmoneyGo-slider .slide01{height:640px; position:relative; background:url('../images/ko/sub/platformservice/tmoneyGo-bg01.jpg') no-repeat center center; background-size: cover; opacity: 0.2;}
.tmoneyGo-slider .slide02{height:640px; position:relative; background:url('../images/ko/sub/platformservice/tmoneyGo-bg02.jpg') no-repeat center center; background-size: cover; opacity: 0.2;}
.tmoneyGo-slider .slide03{height:640px; position:relative; background:url('../images/ko/sub/platformservice/tmoneyGo-bg03.jpg') no-repeat center center; background-size: cover; opacity: 0.2;}
.tmoneyGo-slider .slide04{height:640px; position:relative; background:url('../images/ko/sub/platformservice/tmoneyGo-bg04.jpg') no-repeat center center; background-size: cover; opacity: 0.2;}
.tmoneyGo-slider .slide05{height:640px; position:relative; background:url('../images/ko/sub/platformservice/tmoneyGo-bg05.jpg') no-repeat center center; background-size: cover; opacity: 0.2;}
.tmoneyGo-slider .slide06{height:640px; position:relative; background:url('../images/ko/sub/platformservice/tmoneyGo-bg06.jpg') no-repeat center center; background-size: cover; opacity: 0.2;}
.tmoneyGo-slider .slide07{height:640px; position:relative; background:url('../images/ko/sub/platformservice/tmoneyGo-bg07.jpg') no-repeat center center; background-size: cover; opacity: 0.2;}



.tmoneyGo-slider .business-explane .subhead{font-size:18px;}
.tmoneyGo-slider .business-explane .subhead li{margin-bottom:28px; font-weight:300;}
.tmoneyGo-slider .business-explane .subhead li:last-child{margin-bottom:0;}
.tmoneyGo-slider .business-explane .subhead li span{display:block; font-size:20px; margin-bottom:8px;}

.tmoneyGo-slider .slick-next{right:2%; background:url('../images/common/r-arrow.png') no-repeat center center; width:66px; height:66px; z-index:2000;}
.tmoneyGo-slider .slick-next:before{display:none;}
.tmoneyGo-slider .slick-prev{left:2%; background:url('../images/common/l-arrow.png') no-repeat center center; width:66px; height:66px; z-index:2000;}
.tmoneyGo-slider .slick-prev:before{display:none;}
.tmoneyGo-slider .slick-next:hover, .tmoneyGo-slider .slick-prev:hover{opacity: 0.5; transition: all .3s ease-out;}

.tmoneyGo-slider .slick-dots {bottom: 32px;}
.tmoneyGo-slider .slick-dots li.slick-active button:before{color:#920883;}
.tmoneyGo-slider .slick-dots li button:before{color:#fff; opacity: 1;}


.tmoneygo .color-box-wrap .color-box-detail h5{line-height:1.2;}
.tmoneygo .color-box-wrap .color-box-detail button{z-index:1; position:relative;}
.tmoneygo .color-box-wrap .color-box-detail #tmGO-first{background:#920883; border-radius:0 0 32px 32px;}
.tmoneygo .color-box-wrap .color-box-detail #tmGO-second{background:#8e5410; border-radius:0 0 32px 32px;}
.tmoneygo .color-box-wrap .color-box-detail #tmGO-third{background:#eb673f; border-radius:0 0 32px 32px;}
.color-box-wrap .inner {display:none; color:#fff; padding:40px 40px 72px; line-height:1.8;  width: 100%;position: absolute; bottom: 0; left:0;}

.tmoneygo .color-box-wrap .color-box-detail .more {
    position: absolute;
    bottom: 10%;
    right: 8%;
    width: 40px;
    height: 40px;
    margin:0;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    transition: background 0.2s ease;
    -webkit-transition: background 0.2s ease;
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
}
.tmoneygo .color-box-wrap .color-box-detail .more svg {transform: rotate(270deg); -webkit-transform: rotate(270deg);}
.tmoneygo .color-box-wrap .color-box-detail .more svg circle {
    fill: #fff;
    stroke-dasharray: 95;
    stroke-dashoffset: 190;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    stroke-linecap: round;
}
.tmoneygo .color-box-wrap .color-box-detail .more svg #plus {
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
}
.tmoneygo .color-box-wrap .color-box-detail .plusMinus01.more svg #plus path{stroke:#920883;}
.tmoneygo .color-box-wrap .color-box-detail .plusMinus02.more svg #plus path{stroke:#8e5410;}
.tmoneygo .color-box-wrap .color-box-detail .plusMinus03.more svg #plus path{stroke:#eb673f;}
.tmoneygo .color-box-wrap .color-box-detail .more svg #plus path {stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round;}
.tmoneygo .color-box-wrap .color-box-detail .more.toggle circle {stroke-dasharray: 95; stroke-dashoffset: 285;}
.tmoneygo .color-box-wrap .color-box-detail .more.toggle #plus {transform: rotate(45deg); -webkit-transform: rotate(45deg);}



/*-----------탭버튼-----------*/
.tabs {display: flex; position: relative; justify-content: center;}
.tab-line {position: absolute; left: 0; bottom: 0; right: 0; height: 6px; width: 0; background-color: #920783; border-radius: 10px; transition: all 0.25s ease;}
.tab-item {
  --width: 25%;
  width: var(--width);
  padding: 15px 30px;
  font-size: 32px;
  text-align: center;
  color: #000;
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  opacity: 0.6;
  border-bottom: 5px solid #eee;
  cursor: pointer;
  transition: all 0.5s ease;
}
.tab-item:hover {opacity: 1; border-color: rgba(166, 53, 194, 0.1);}
.tab-item.active {opacity: 1; font-weight: 700;}
.tabs-content { padding: 120px 0 0;}
.tab-pane {display: none; color: #333;}
.tab-pane.active {display: block;}

.four-tabs .tab-item{width:25%;}
/* .tab-pane p {font-size: 1.6rem;} */







/*-----------커뮤니티-----------*/

.card-wrap{width:23%; margin-bottom:56px; margin-right:39px;}
.card-wrap:nth-child(4n){margin-right:0;}

/* .news-wrap {display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; margin: 0 auto;} */
.news-wrap {display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; margin: 0 auto;}

.news-card {
  width: 100%;
  height: 330px;
  background: #343434 no-repeat center center / cover;
  border-radius:32px;
  position:relative;
  overflow:hidden;
  transition: 0.4s;
}

.news-card::after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));
  cursor: pointer;
  background-position: center;
}

.news-card:hover{box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.4);}
.news-card:hover::after{transition: opacity 0.45s ease; opacity: 0;}
.news-card:hover .card-content{
  transition: opacity 0.45s ease;
  opacity: 0;
  cursor: pointer;
}

.scroll-fade-in-up {opacity: 0; transform: translateY(50px); transition: all 0.5s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.scroll-fade-in-up:nth-child(3n+2) {transition-delay: 0.1s;}
.scroll-fade-in-up:nth-child(3n) {transition-delay: 0.2s;}
.scroll-fade-in-up.visible {opacity: 1; transform: none; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}

.scroll-fade-in-up.visible:hover{transform: scale(0.9, 0.9);}

.card-content{padding:16px 8px 0; position:relative; bottom:0; z-index:1;}
.card-content .card-tit{font-size:20px;}
.card-content .card-etc{display:flex; justify-content: space-between; align-items: center; margin-top:16px; opacity: 0.8;}
.card-content .card-etc .hashtag li{display:inline-block; font-size:11px; font-weight: 400; border:1px solid #ccc; border-radius:4px; padding:4px 8px; color:#999;}
.card-content .card-etc .card-date{ font-size:14px; color:#999;}



/*-----------커뮤니티 게시판 View 페이지-----------*/
.sub-board-wrap{margin-top:80px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.sub-board-wrap .sub-content-wrap {margin: 40px auto;}
.sub-board-wrap .sub-content-wrap .board-head .board-category{background:#920783; color:#fff; padding:8px 24px; border-radius:48px; display:inline-block;}
.sub-board-wrap .sub-content-wrap .board-head h4{font-size:32px; margin:24px 0 16px; display:block;}
.sub-board-wrap .sub-content-wrap .board-head .board-head-detail{display:flex; justify-content: space-between; align-items: center;}
.sub-board-wrap .sub-content-wrap .board-head .board-head-detail p{color:#666;}
.sub-board-wrap .sub-content-wrap .board-head .board-head-detail .views p{display:inline-block;}
.sub-board-wrap .sub-content-wrap .board-head .board-head-detail .views p:first-child{margin-right:16px; padding-right:16px; border-right:1px solid #ccc;}
.sub-board-wrap .sub-content-wrap .board-head .board-head-detail .board-sns li{display:inline-block; margin-right:8px;}
.sub-board-wrap .sub-content-wrap .board-head .board-head-detail .board-sns li a{width:48px; height:48px; display:inline-block; background:#f5f5f5; border-radius:100%; position: relative;}
.sub-board-wrap .sub-content-wrap .board-head .board-head-detail .board-sns li a:hover{opacity: 0.5;}
.sub-board-wrap .sub-content-wrap .board-head .board-head-detail .board-sns li:nth-child(1) a::after{content: ''; position: absolute; left:50%; top:50%; margin-left:-11px; margin-top:-9px; width:22px; height:19px; background:url('../images/ko/sub/news/board-twiter.png') no-repeat center center;}
.sub-board-wrap .sub-content-wrap .board-head .board-head-detail .board-sns li:nth-child(2) a::after{content: ''; position: absolute; left:50%; top:50%; margin-left:-6px; margin-top:-10px; width:13px; height:20px; background:url('../images/ko/sub/news/board-facebook.png') no-repeat center center;}
.sub-board-wrap .sub-content-wrap .board-head .board-head-detail .board-sns li:nth-child(3) a::after{content: ''; position: absolute; left:50%; top:50%; margin-left:-8px; margin-top:-8px; width:17px; height:17px; background:url('../images/ko/sub/news/board-copy.png') no-repeat center center;}
.sub-board-wrap .sub-content-wrap .board-head .board-head-detail .board-sns li:last-child{margin-right:0;}
.sub-board-wrap .sub-content-wrap .board-head .board-head-detail .board-sns li a span{display:none;}
.sub-board-body{margin:40px auto; width: 1463px; overflow:hidden;}
.sub-board-body img{max-width: 100%;}
.sub-board-body .board-img-area p{font-weight: 300;}
.sub-board-body .board-txt-area a, .sub-board-body .board-img-area a{color:#0066CC;}
.sub-board-body .board-img-area img{border-radius:32px;}
.sub-board-body .board-txt-area{margin:40px 0 80px; font-size:18px; letter-spacing: 0; line-height: 1.6; font-weight: 300;}
.sub-board-body .board-txt-area strong{font-weight: 600;}

.sub-listpre-wrap{margin-top:80px; border-top:1px solid #ccc;}
.sub-listpre-wrap .sub-content-wrap{margin:40px auto 160px;}
.sub-listpre-wrap .sub-content-wrap .listview-btn{text-align:center;}
.sub-listpre-wrap .sub-content-wrap .listview-btn a{padding:24px 56px; border-radius:16px; background:#333; color:#fff; font-size:20px; display:inline-block;}
.sub-listpre-wrap .sub-content-wrap .listview-btn a:hover{opacity: 0.5;}
.sub-listpre-wrap .sub-content-wrap .listview-category{margin-top:40px;}
.sub-listpre-wrap .sub-content-wrap .listview-category li{vertical-align: middle; padding:24px; border-top:1px solid #ccc; position:relative;}
.sub-listpre-wrap .sub-content-wrap .listview-category li:hover{opacity: 0.5;}
.sub-listpre-wrap .sub-content-wrap .listview-category li:first-child:after{content: '';position: absolute; right:4%; top:50%; margin-top:-4px; width:16px; height:9px; background: url('../images/common/select-arrow-top.png') no-repeat center center;}
.sub-listpre-wrap .sub-content-wrap .listview-category li:last-child{border-bottom:1px solid #ccc;}
.sub-listpre-wrap .sub-content-wrap .listview-category li:last-child:after{content: '';position: absolute; right:4%; top:50%; margin-top:-4px; width:16px; height:9px; background: url('../images/common/select-arrow-down.png') no-repeat center center;}
.sub-listpre-wrap .sub-content-wrap .listview-category li span{font-size:18px; background:#f5f5f5; padding:8px 24px; border-radius: 8px; margin-right:32px;}
.sub-listpre-wrap .sub-content-wrap .listview-category li p{display:inline-block;}
.sub-listpre-wrap .sub-content-wrap .listview-category li a{display:block; z-index:1; position: relative;}
.sub-listpre-wrap .sub-content-wrap .listview-category li a:hover{opacity: 0.5;}

.sub-paging-wrap .sub-content-wrap{margin:24px auto 160px; text-align:center;}
.sub-paging-wrap .sub-content-wrap .box-paging a{margin-right:24px; color:#ccc; vertical-align: middle;}
.sub-paging-wrap .sub-content-wrap .box-paging .current{color:#000;}
.sub-paging-wrap .sub-content-wrap .box-paging a:last-child{margin-right:0;}
.sub-paging-wrap .sub-content-wrap .box-paging a:hover{opacity: 0.5;}
.sub-paging-wrap .sub-content-wrap .box-paging a span{display:none;}
.sub-paging-wrap .sub-content-wrap .box-paging .board-btn-prev,.sub-paging-wrap .sub-content-wrap .box-paging .board-btn-next{background:#f5f5f5; width:32px; height:32px; display:inline-block; border-radius:100%; position:relative;}
.sub-paging-wrap .sub-content-wrap .box-paging .board-btn-prev::after{content: ''; position:absolute; left:50%; top:50%; width:7px; height:13px; margin-left:-3px; margin-top:-6px; background: url('../images/common/small-l-arrow-after.png') no-repeat center center; background-size: contain;}
.sub-paging-wrap .sub-content-wrap .box-paging .board-btn-next::after{content: ''; position:absolute; right:50%; top:50%; width:7px; height:13px; margin-right:-3px; margin-top:-6px; background: url('../images/common/small-r-arrow-after.png') no-repeat center center; background-size: contain;}



/*-----------이벤트 프로모션-----------*/
.sub-visual .sub-main-wrap .bento-event{width:40%;}
.sub-visual .sub-main-wrap .bento-event h5{font-size:32px;}
.sub-visual .sub-main-wrap .bento-event .bento-top{display:table; background:#f5f5f5; width:100%; height:384px; border-radius:32px; margin-bottom: 16px;  text-align:center;}
.sub-visual .sub-main-wrap .bento-event .bento-top .money-tit{font-size:24px; font-weight:500; margin-bottom:56px; display:block;}
.sub-visual .sub-main-wrap .bento-event .bento-top .etc-box{display:flex; justify-content: center; align-items: flex-start; margin-bottom:24px;}
.sub-visual .sub-main-wrap .bento-event .bento-top .etc-box:last-child{margin-bottom:0;}
.sub-visual .sub-main-wrap .bento-event .bento-top .etc-box p{font-size:18px; position:relative; z-index: 1;}
.sub-visual .sub-main-wrap .bento-event .bento-top .etc-box .sns-list{position:relative; width:28%;}
.sub-visual .sub-main-wrap .bento-event .bento-top .etc-box .sns-list::after{content: ''; position:absolute; top:-24px; left:50%; margin-left:-50px; width:100px; height:100px; background:#fff; border-radius:100%;}
.sub-visual .sub-main-wrap .bento-event .bento-top .etc-box .sns-list img{position:relative; z-index: 1; margin-bottom:32px;}
.sub-visual .sub-main-wrap .bento-event .bento-top .etc-box .sns-list:hover{opacity: 0.5;}
.sub-visual .sub-main-wrap .bento-event .bento-top .etc-box .brochure{width:100%; padding:0 56px;}
.sub-visual .sub-main-wrap .bento-event .bento-top .etc-box .brochure a{display:flex; position: relative; border-radius: 16px; align-items: center; background:#333; color:#fff; padding:20px 32px; border-radius:16px;}
.sub-visual .sub-main-wrap .bento-event .bento-top .etc-box .brochure a::after{content: ''; position: absolute; right:8%; top:50%; margin-top:-15px; background: url('../images/ko/sub/news/brochure-down.png') no-repeat center center; width:27px; height:30px;}
.sub-visual .sub-main-wrap .bento-event .bento-top .etc-box .brochure a:hover{background:#999;}
.sub-visual .sub-main-wrap .bento-event .bento-top .etc-box .brochure p{font-size:20px; margin-left:16px;}



.sub-visual .sub-main-wrap .bento-event .bento-bottom{display:flex; justify-content: space-between; align-items: flex-start;}
.sub-visual .sub-main-wrap .bento-event .bento-bottom h5{color:#fff;}
.sub-visual .sub-main-wrap .bento-event .bento-bottom p{color:#fff; font-size:20px;}
.sub-visual .sub-main-wrap .bento-event .bento-bottom .instar{background:#920783; text-align:center; display:table; width:100%; height:240px; border-radius:32px; margin-right:16px;}
.sub-visual .sub-main-wrap .bento-event .bento-bottom .youtube{background:#f18e18; text-align:center; display:table; width:100%; height:240px; border-radius:32px;}
.sub-visual .sub-main-wrap .bento-event .bento-bottom .bento-detail{display:table-cell; vertical-align: middle;}
.sub-visual .sub-main-wrap .bento-event .bento-bottom .bento-detail:hover{opacity: 0.5;}
.sub-visual .sub-main-wrap .bento-event .bento-bottom .bento-detail img{margin-bottom:8px;}



.event-slider{position:relative; background:#000; width: 581px; height: 385px; border-radius:32px; overflow: hidden;}
.event-slider .slide01{background:url('../images/ko/sub/event/slider/20241125.jpg') no-repeat center center; background-size:cover; height:385px; position:relative;}
.event-slider .slide02{background:url('../images/ko/sub/') no-repeat center center; background-size:cover; height:385px; position:relative;}
.event-slider .slide03{background:url('../images/ko/sub/') no-repeat center center; background-size:cover; height:385px; position:relative;}
.event-slider .slide04{background:url('../images/ko/sub/') no-repeat center center; background-size:cover; height:385px; position:relative;}


.event-slider .slick-slide{margin:0; position:relative;}
.event-slider.slick-dotted.slick-slider{margin-bottom:0;}
.event-slider .event-slide-tit{position:absolute; bottom:0; width:100%; height:36%; background:rgba(0, 0, 0, 0.5)}
.event-slider .event-slide-tit .event-tit-box{padding:24px 40px 48px; text-align:left; font-size:24px; color:#fff;}
.event-slider .slick-dots{bottom:16px;}
.event-slider .slick-dots li.slick-active button:before{color:#fff; opacity: 1;}
.event-slider .slick-dots li button:before{opacity: 1;}
.event-slider .slick-next{right: 4%; top:50%; background: url('../images/common/r-arrow.png') no-repeat center center; width: 66px; height: 66px; z-index: 2000;}
.event-slider .slick-prev{left: 4%; top:50%; background: url('../images/common/l-arrow.png') no-repeat center center; width: 66px; height: 66px; z-index: 2000;}
.event-slider .slick-next:hover, .event-slider .slick-prev:hover{opacity:0.5;}
.event-slider .slick-next::before, .event-slider .slick-prev::before{display:none;}

.sub-board-body .board-event-area{text-align: center;}
.sub-board-body .board-event-area img{display:block; margin:auto;}










/* Tablet */
/* Tablet 아이패드 프로 - 가로형 */
@media only screen and (max-width: 1366px) {
    .scroll-icon{display:none;}
    .main-visual{width:100%; padding:24px; display:table;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit{left:-1px; bottom:-1px;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2{font-size:48px;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2:first-child{bottom:-1px;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2:first-child::before{top:-27px;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2:first-child::after{right:-27px;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2:last-child::after{right:-27px;}

    .main-visual .visual-wrap .main-txt-wrap p{font-size:20px;}


    .main-visual .visual-wrap .main-txt-wrap{top:56%;}
    .main-visual .visual-wrap .main-tit-wrap .main-symbol img{width:20%;}

    .main-con-wrap{width:100%; padding:0 40px;}
    .main-con-wrap h2{font-size:48px;}


    .main-slider .slide01{height:748px;}
    .main-slider .slide02{height:748px;}
    .main-slider .slide03{height:748px;}
    .main-slider .slide04{height:748px;}

    .main-business .business-explane h3{font-size:40px;}
    .main-business .business-explane .subhead br{display:none;}

    .main-business .busi-slide-wrap{width:1200px; padding: 80px 0; margin:0 40px;}
    .main-business .busi-slide-wrap .busi-img01{width:44%;}
    .main-business .busi-slide-wrap .busi-img01 img{width:300px;}
    .main-business .busi-slide-wrap .busi-img02{width:44%;}
    .main-business .busi-slide-wrap .busi-img02 img{width:420px;}
    .main-business .busi-slide-wrap .busi-img03{width:44%;}
    .main-business .busi-slide-wrap .busi-img03 img{width:300px;}
    .main-business .busi-slide-wrap .busi-img04{width:44%;}
    .main-business .busi-slide-wrap .busi-img04 img{width:420px;}
    .main-business .busi-slide-wrap .business-explane{width:56%;}

    .main-contents{padding:120px 0;}
    .tabs-content{padding:80px 0 0 ;}

    .list-wrap .role p{font-size:20px;}
    .list-wrap.transport-role .role{width:245px; height:245px;}
    .list-wrap.mtPay-role .role{width:245px; height:245px;}


    .circle-four .circle-list .circle-detail.express{padding:24px;}
    .circle-four .circle-list .circle-detail .express-box ul{padding: 0 0 0 16px;}
    .express-reservation .circle-four .circle-list .express-circle .circle-detail .express-box .line-list{padding: 0 0 0 4px;}

    .circle-five .circle-list li{width:25%;}
    .circle-five .circle-list li .role{width:245px; height:245px;}
    .circle-five .circle-list li .circle-detail{padding:0 8px;}
    .circle-five .circle-list li .circle-detail p{font-size:16px;}
    .circle-five .circle-list li .circle-detail ul li{width:100%; font-size:16px;}
    .circle-five.circle-gray .circle-list .wid-circle .circle-detail ul{padding:16px 24px;}

    .circle-six .list-wrap .role{width:200px; height:200px;}
    .circle-six .circle-list li{width:16%;}


    .sub-visual{width:100%; padding:0 24px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap{height:560px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit-wrap{padding:56px; vertical-align: middle;}

    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit h2{font-size:40px; margin-top:40px;}

    .sub-visual .sub-main-wrap .visual-wrap{height:560px;}
    .sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap{padding:40px;}
    .sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit h2{font-size:36px;}
    .sub-visual .sub-main-wrap .counter{font-size:32px;}
    .sub-visual .sub-main-wrap .bento-transport h5{font-size:24px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-top{height:327px; padding:32px 0;}
    .sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money p{font-size:16px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom .subway{height:220px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom .bus{height:220px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom p{font-size:16px;}

    .sub-visual .sub-main-wrap .bento-transport .bento-top .money-tit{margin-bottom:40px; font-size:20px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-top.card-bento .money-tit{margin-bottom:24px;}


    .sub-visual .sub-main-wrap .bento-news .bento-top{padding:32px 0; height:350px;}
    .sub-visual .sub-main-wrap .bento-news .bento-top .money-tit{margin-bottom:48px; font-size:20px;}
    .sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .brochure{padding:0 24px;}
    .sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .brochure a{padding:16px 24px;}
    .sub-visual .sub-main-wrap .bento-news .bento-bottom .instar{height:195px;}
    .sub-visual .sub-main-wrap .bento-news .bento-bottom .youtube{height:195px;}
    .sub-visual .sub-main-wrap .bento-news .bento-bottom p{font-size:18px;}

    .sub-visual .sub-main-wrap .bento-event .bento-top{height:350px;}
    .sub-visual .sub-main-wrap .bento-event .bento-bottom .instar{height:195px;}
    .sub-visual .sub-main-wrap .bento-event .bento-bottom .youtube{height:195px;}


    .sub-content-wrap{width:100%; padding:0 40px;}
    .sub-content-wrap.up-margin{padding-top:160px;}


    .sub-content-wrap .subject-sub-v2{margin:40px 0;}
    .sub-content-wrap .business-explane{margin-bottom:160px;}
    .sub-content-wrap .business-explane h3{font-size:36px;}

    .mt-slider{width:252px;}


    .sub-keyword .keyword-tit h2{font-size:48px;}


    .greeting-wrap{padding:64px 48px;}


    .esg .esg-counter-list ul li .esg-counter p{font-size:18px;}
    .esg .esg-counter-list ul li .esg-counter h5{font-size:24px;}
    .esg .esg-counter-list ul li .esg-counter h5 span{font-size:40px;}

    .sub-content-esg .sub-content-wrap .wide-cont-area.half-content h2{font-size:32px;}
    .sub-content-esg .sub-content-wrap .wide-cont-area.half-content div{text-align:right;}
    .sub-content-esg .sub-content-wrap .wide-cont-area.half-content div img{width:90%;}

    .esg-ethical .audit-list li::after{right:-40px;}

    .tab-item{font-size:24px;}
    .card-wrap{margin-right:32px;}
    .news-card{height:300px;}


    .sub-business .busi-slide-wrap{width:1200px; margin:0 40px;}
    .sub-business .business-explane h3{font-size:40px;}

    .content-flex .info-wrap-v2{padding:32px 0;}

    .graphic-box{padding:16px;}
    .graphic-box img{width:100%;}
    .mt-ad .graphic-box img{width:auto;}

    .graphic-process-v1{padding:32px;}
    .graphic-process-v1.graph img{width:100%;}
    .graphic-process-v1 .taxi-global img{width:90%;}
    .graphic-process-v1 .taxi-global.receipt img{width:auto; height:320px;}
    .info-wrap .info-detail img {width: 100%;}
    .call-process img {width: 100%;}
    .OTA-process img{width:98%;}
    .line-box img{width:100%;}


    .taxi-process{padding:32px;}
    .taxi-process .taxi-detail .taxiTit{font-size:20px;}
    .taxi-process .taxi-detail .taxi-first ul li::after{right:-35%;}
    .taxi-process .taxi-detail:nth-child(2)::before{right:-7%;}
    .taxi-process .taxi-detail:nth-child(2)::after{right:-7%;}
    .taxi-process .taxi-detail:nth-child(3)::before{right:-5%;}
    .taxi-process .taxi-detail:nth-child(3)::after{right:-5%;}
    .taxi-process .taxi-detail .taxi-second .info-next{right:-25%;}
    .taxi-process .taxi-detail .taxi-second .info-prev{right:-33%;}
    .taxi-process .taxi-detail .taxi-third .info-next{right:-14%;}
    .taxi-process .taxi-detail .taxi-third .info-prev{right:-16%;}


    .appmeter-product-v1 li .product-detail.product-horizon ul li img{width:100%;}
    .appmeter-product-v2 .product-detail ul li:first-child img{width:100%;}

    .info-wrap .info-detail.taxi-merit-list .taxi-merit{width:88%;}



    .express-network{padding:32px;}
    .express-network .network-detail .network-first::after{right:-15%;}
    .express-network .network-detail .network-four ul li::before{left:-27%;}
    .express-network .network-detail span{text-align:left;}


    .maas-road{padding:32px;}
    .maas-road .maas-detail .maas-first ul:nth-child(1) li::after{right:-17%;}
    .maas-road .maas-detail .maas-second ul li::after{right:-18%;}
    .maas-road .maas-detail .maas-second::after{right:-15%;}
    .maas-road .maas-detail .maas-second .second-one{font-size:20px;}
    .maas-road .maas-detail .maas-second .second-three{font-size:20px;}
    .maas-road .maas-detail .maas-third .maasTit{font-size:20px;}

    .newCard-slider .slick-slide{margin:0 16px;}
    .newCard-slider .slick-prev{left:5%;}
    .newCard-slider .slick-next{right:14%;}


    .van-list .van-product{width:48%;}


    .global-slider{width:100%;}
    .global-slider .bento-detail img{width:130px; height:134px;}
    .global .tagless-process-img img{width:100%;}
    .sub-bg-wrap{width:100%; padding:40px;}


    .event-slider{width:520px; height:350px;}
    .event-slider .event-slide-tit{height:40%;}
    .event-slider .event-slide-tit .event-tit-box{font-size:20px; padding: 24px 24px 48px;}

    .partner-slider {width: 252px; height: 120px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom .partner-slider .bento-detail img {margin-bottom: 4px;}
    .express-additional .additional-list .additional-flex img{width:100%;}
}


/* Tablet 아이패드 에어 - 가로형 */
@media only screen and (max-width: 1180px) {
    .btn{font-size:18px;}
    .sub-content-wrap .subject-sub-v1 {margin: 32px 0 64px;}
    .sub-content-wrap .subject-sub-v2 {margin: 32px 0;}



    .main-visual .visual-wrap{height:720px;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2{font-size:40px; padding: 24px 32px 0;}
    .main-visual .visual-wrap .main-txt-wrap{top:52%;}



    .main-business .busi-slide-wrap{width:980px;}
    .main-business .business-explane h3{font-size:32px;}
    .main-business .business-explane .subhead{font-size:16px;}
    .main-business .busi-slide-wrap .busi-img01 img{width:240px;}
    .main-business .busi-slide-wrap .busi-img02 img{width:320px;}
    .main-business .busi-slide-wrap .busi-img03 img{width:240px;}
    .main-business .busi-slide-wrap .busi-img04 img{width:320px;}
    .main-slider .slide01,.main-slider .slide02,.main-slider .slide03,.main-slider .slide04{height:643px;}

    .main-con-wrap h2{font-size:40px;}
    .main-employment img{width:92%;}
    .main-employment .main-con-wrap .employment-con:last-child{text-align:right;}
    .main-employment .main-con-wrap p{font-size:16px;}

    .card-list-section .item{width:320px; height:400px;}
    .card-list-section .item-desc{padding: 0 24px 24px;}
    .card-list-section .item-desc h4{font-size:20px;}
    .card-list-section .item.active .item-desc p{font-size:16px;}


    .info-wrap .info-detail ul li{font-size:16px;}
    .list-wrap .role p{font-size:18px;}
    .list-wrap .role li{font-size:14px;}
    .circle-list .circle-detail p{font-size:16px;}
    .list-wrap.transport-role .role{width:210px; height:210px;}
    .list-wrap.transport-role .role:nth-child(odd){box-shadow: 0 0 0 8px rgba(147, 7, 132, 0.6);}
    .list-wrap.transport-role .role:nth-child(even){box-shadow: 0 0 0 8px rgba(240, 131, 0, 0.6);}
    .list-wrap.transport-role .role .role-detail ul li{font-size:14px;}

    .list-wrap.mtPay-role .role{width:210px; height:210px;}
    .list-wrap.mtPay-role .role:nth-child(odd){box-shadow: 0 0 0 8px rgba(147, 7, 132, 0.6);}
    .list-wrap.mtPay-role .role:nth-child(even){box-shadow: 0 0 0 8px rgba(240, 131, 0, 0.6);}

    .circle-three .circle-list .wid-circle .role{width:220px; height:220px;}
    .circle-three.circle-gray .circle-list .circle-detail ul{padding:16px 32px;}
    .circle-three.circle-gray .circle-list .circle-detail ul li{font-size:14px;}


    .circle-four .circle-list .circle-detail p{font-size:14px;}
    .circle-four.circle-gray .circle-list .wid-circle .role{width:220px; height:220px;}
    .circle-four.circle-gray .circle-list .wid-circle .role img{height:40px;}
    .circle-four.circle-gray .circle-list .wid-circle .circle-detail li{font-size:14px;}
    .circle-four .circle-list li:nth-child(odd) .role{box-shadow: 0 0 0 8px rgba(147, 7, 132, 0.6);}
    .circle-four .circle-list li:nth-child(even) .role{box-shadow: 0 0 0 8px rgba(240, 131, 0, 0.6);}



    .circle-four .circle-list .circle-detail .express-box span{margin-bottom:8px; display:inline-block;}
    .circle-four .circle-list .circle-detail .express-box{display:block;}
    .circle-four .circle-list .circle-detail .express-box ul{padding-left:0;}
    .circle-four .circle-list .circle-detail .basic-box-p{font-size:14px;}

    .express-reservation .circle-four .circle-list .express-circle .circle-detail .express-box .line-list{padding-left:0;}


    .circle-five .circle-list li{width:19%;}
    .circle-five .circle-list li .role{width:210px; height:210px;}
    .circle-five .circle-list li .circle-detail{padding:0;}
    .circle-five .circle-list li .circle-detail p{font-size:14px;}
    .circle-five .circle-list li .circle-detail ul li{font-size:14px;}
    .circle-five.wid280-circle .circle-list .wid-circle{width:201px;}
    .circle-five.wid280-circle .circle-list.circle-center .role img{height:40px;}
    .circle-five.wid280-circle .circle-list.circle-center .many-txt li{font-size:14px;}
    .circle-five.wid280-circle.mt120{margin-top:60px!important;}

    .circle-five.circle-gray .circle-list .wid-circle .role img{height:40px;}
    .circle-five.circle-gray .circle-list .wid-circle .circle-detail li{font-size:14px;}

    .circle-list .circle-detail ul{padding:0 8px;}

    .circle-gray .circle-list .circle-detail ul{padding:16px;}

    .circle-list .circle-detail ul li{font-size:14px; list-style-type: "· ";}
    .circle-list li:nth-child(odd) .role {box-shadow: 0 0 0 8px rgba(147, 7, 132, 0.6);}
    .circle-list li:nth-child(even) .role {box-shadow: 0 0 0 8px rgba(240, 131, 0, 0.6);}


    .circle-six .circle-list li:nth-child(odd) .role {box-shadow: 0 0 0 8px rgba(147, 7, 132, 0.6);}
    .circle-six .circle-list li:nth-child(even) .role{box-shadow: 0 0 0 8px rgba(240, 131, 0, 0.6);}

    .circle-six .list-wrap .role{width:175px; height:175px;}
    .circle-six .list-wrap .role p{font-size:16px;}
    .circle-six .list-wrap .role img{height:40px;}
    .circle-six.circle-gray .circle-list .circle-detail li{font-size:14px;}

    .sub-content-wrap.up-margin{padding-top:80px;}

    .sub-content-wrap h6{font-size:16px;}
    .sub-content-wrap .business-explane h3{font-size:28px;}
    .sub-content-wrap .business-explane .business-subject{font-size:18px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap{height:480px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit h2{font-size:32px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit img{width:10%;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit .history-intro h2:first-child{font-size:72px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit .history-intro h2:first-child span{font-size:72px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-top.card-bento .money-tit {margin-bottom: 40px;}


    .sub-visual .sub-main-wrap .visual-wrap{width:60%;}
    .sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit .business-list{font-size:16px;}
    .sub-visual .sub-main-wrap .bento-transport{width:40%;}
    .sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap{padding:32px;}
    .sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit h2{font-size:28px;}
    .sub-visual .sub-main-wrap .bento-transport h5{font-size:20px;}

    .sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money p{font-size:14px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money .money-list img{height:90px; margin-bottom:24px;}
    .sub-visual .sub-main-wrap .bento-transport.tagless .bento-top .transport-money .money-list::after{top:-10px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom p{font-size:14px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom .bento-detail img{height:32%; margin-bottom:24px;}

    .sub-keyword .keyword-tit h2{font-size:36px;}

    .talent-first .list-wrap .role{width:220px; height:220px;}

    .vision-wrap{background:none; padding-top:0;}
    .vision-wrap .role img{height:32px;}

    .company-timeline-list .company-timeline-year{height:100px;}
    .company-timeline-list .timeline-date{font-size:80px;}
    .company-timeline .timeline-heading{font-size:20px; margin-top:0;}
    .company-timeline-list .timeline-date .date span{transform: translateY(150%);}
    .company-timeline-block .image-block img{width:100%;}
    .company-timeline-block h4{font-size:20px;}

    .sub-business .business-explane h3{font-size:32px;}


    .card-wrap{margin-right:24px;}
    .card-content .card-etc .card-date{font-size:12px;}
    .news-card{height:213px;}

    .card-content .card-tit{font-size:18px;}

    .esg .esg-full-img{height:400px;}
    .esg-ethical .audit-list .role div{height:128px;}
    .esg-ethical .circle-list .role .circle-tit{font-size:16px; margin:4px 0;}
    .esg-ethical .circle-list .role span{font-size:14px;}

    .esg .half-content{display:block;}
    .esg .half-content .onetime-card{display:none;}
    .esg .half-content .onetime-detail{width:100%;}
    .esg .half-content .onetime-detail .esg-counter-list ul{justify-content: space-evenly;}
    .sub-content-esg{padding: 160px 0;}
    .sub-content-esg .sub-content-wrap .wide-cont-area.half-content h2{font-size:32px;}
    .sub-content-esg .sub-content-wrap .wide-cont-area.half-content div{display:none;}
    .esg-ethical .audit-list li::after{right: -28px;}



    .sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit .txt-detail{font-size:16px;}
    .mt-slider{width:212px;}
    .mt-slider .slick-dots{bottom:6px;}
    .mt-slider .bento-detail {padding: 40px 0;}
    .sub-business .business-explane .subhead{font-size:18px;}

    .sub-business .busi-slide-wrap{width:995px;}
    .sub-business .busi-slide-wrap .mt-img{width:280px; padding:0 16px;}
    .sub-business .busi-slide-wrap .mt-img01{width:280px; padding:0 16px;}
    .sub-business .busi-slide-wrap .mt-img02{width:480px; padding:0 16px;}
    .sub-business .busi-slide-wrap .mt-img03{width:360px; padding:0 16px;}
    .sub-business .busi-slide-wrap .business-explane{width:56%}
    .color-box-wrap .puple-box{padding:32px 24px; position:relative;}
    .color-box-wrap .orange-box{padding:32px 24px; position:relative;}
    .color-box-wrap .yellow-box{padding:32px 24px; position:relative;}
    .color-box-wrap .color-box-img{height:200px;}
    .color-box-wrap .color-box-img img{height:180px;}
    .color-box-list .color-box-img img{height:180px;}

    .color-box-wrap .color-box-detail h5{font-size:24px;}

    .content-flex .info-wrap-v2 .info-detail ul li{font-size:16px;}

    .tmoneyGo-slider .business-explane .subhead li{list-style-type: "- ";}
    .tmoneyGo-slider .business-explane .subhead li span{font-size:18px;}
    .tmoneyGo-slider .business-explane .subhead{font-size:16px; margin-top:40px;}

    .taglessBus-slider .taglessBus-detail p{font-size:16px;}

    .taxi-process .taxi-detail:nth-child(2)::before {right:-2%;}
    .taxi-process .taxi-detail:nth-child(2)::after{right:-2%;}
    .taxi-process .taxi-detail .taxi-first ul li{width:130px;}
    .taxi-process .taxi-detail .taxi-second{width:200px; height:200px;}
    .taxi-process .taxi-detail .taxi-third{width:200px; height:200px;}
    .taxi-process .taxi-detail .taxi-four{width:200px; height:200px;}
    .taxi-process .taxi-detail .taxi-first ul li::after{right:-40%;}
    .taxi-process .taxi-detail .taxi-second .info-next{right:-40%; font-size:14px;}
    .taxi-process .taxi-detail .taxi-second .info-prev{right:-52%; font-size:14px;}
    .taxi-process .taxi-detail .taxi-third .info-next{right:-18%; font-size:14px;}
    .taxi-process .taxi-detail .taxi-third .info-prev{right:-18%; font-size:14px;}
    .taxi-process .taxi-detail .taxiTit{font-size:18px;}
    .taxi-process .taxi-detail .taxi-third .taxiTit{font-size:18px;}
    .taxi-process .taxi-detail .taxi-info img{height:40px;}

    .taxi-product li .product-detail p{font-size:12px;}




    .express-reference .reference-wrap:first-child{margin-right:24px;}
    .express-reference .reference-wrap .reference-box{padding: 24px 24px 24px 100px; border-radius:16px;}
    .express-reference .reference-wrap .reference-box a{font-size:18px;}
    .express-reference .reference-wrap .reference-box a::before{width:48px; height:48px; background-size:contain; margin-top: -24px; left:-62px;}

    .express-network{padding:24px;}
    .express-network .network-detail .network-first{width:120px; height:120px;}
    .express-network .network-detail .network-first p{font-size:20px;}
    .express-network .network-detail p{font-size:16px;}
    .express-network .network-detail span{font-size:14px;}
    .express-network .network-detail .network-second ul li{border-radius:24px; padding:12px 0;}
    .express-network .network-detail .network-third .netTit{font-size:20px;}
    .express-network .network-detail .network-third ul li{display:block; border-radius:24px; padding:12px 16px;}
    .express-network .network-detail .network-third ul li p{margin-right:0;}
    .express-network .network-detail .network-four ul li{border-radius:24px; padding:12px 0;}

    .express-network .network-detail .network-first::after {right: -27%;}
    .express-network .network-detail .network-second ul li::after{right: -19%;}
    .express-network .network-detail .network-four ul li::before{width:32px; height:32px; background-size:contain;}

    .info-wrap .info-detail.expressAFC div{width:88px; height:88px;}
    .info-wrap .info-detail.expressAFC p{width:74%;}

    .slider-box.express{width:480px;}

    .graphicNone-box img{width:100%;}


    .maas-road{padding:24px;}
    .maas-road .maas-detail .maas-first{align-items: center;}
    .maas-road .maas-detail .maas-first ul:nth-child(1) li{width:100px; border-radius:16px;}
    .maas-road .maas-detail .maas-first ul:nth-child(2) li{width:100px; border-radius:16px;}
    .maas-road .maas-detail .maas-first ul:nth-child(1) li::after {right:-60%;}
    .maas-road .maas-detail .maas-first::after{width:32px; height:32px; background-size: contain;}
    .maas-road .maas-detail .maas-second{padding:16px; justify-content: space-between;}
    .maas-road .maas-detail .maas-second::after{width:32px; height:32px; background-size: contain;}
    .maas-road .maas-detail .maas-second ul li{width:100px; border-radius:16px;}
    .maas-road .maas-detail .maas-second ul li::after{right:-34%;}
    .maas-road .maas-detail .maas-second .second-one{font-size:18px;}
    .maas-road .maas-detail .maas-second .second-three{padding:16px; font-size:18px;}
    .maas-road .maas-detail .maas-third{border-radius:16px;}
    .maas-road .maas-detail .maas-third .maasTit{font-size:18px;}


    .reward-box{padding:24px;}
    .reward-box .maasReward-info{font-size:24px;}
    .reward-box .maasReward-img img{width:100%;}

    .marquee ul li img{height:40px;}

    .newCard-slider .slick-slide{margin:12px 8px;}


    .sub-slider.card-slider .busi-img01,.sub-slider.card-slider .busi-img02,.sub-slider.card-slider .busi-img03,
    .sub-slider.card-slider .busi-img04,.sub-slider.card-slider .busi-img05,.sub-slider.card-slider .busi-img06{width:40%;}
    .etc-contact .etc-detail{font-size:16px;}

    .van-list .van-product .product-info .van-img{width:180px; height:180px;}
    .van-list .van-product .product-info .van-img img{width:100%;}

    .global-slider .bento-detail p{font-size:16px;}
    .global-slider .bento-detail img{width:120px; height:124px;}
    .sub-bg-wrap h5{font-size:28px;}
    .sub-bg-wrap .half-info{justify-content: space-between;}
    .sub-bg-wrap .half-info .right-info, .sub-bg-wrap .half-info .left-info { width: 48%;}
    .sub-bg-wrap .half-info .global-info .info-detail .line-list li{font-size:16px;}
    .sub-bg-wrap .half-info .global-info .info-detail .global-count.last{margin-left:40px;}
    .sub-bg-wrap .half-info .global-info .info-detail.two .global-count{display:block; width:100%;}
    .sub-bg-wrap .half-info .global-info .info-detail.two .global-count:first-child{margin-bottom:24px;}
    .sub-bg-wrap .half-info .global-info .info-detail .global-count .count-num.pw80{width:80%;}
    .sub-bg-wrap .half-info .global-info .info-detail .global-count .count-num .num{font-size:20px;}
    .sub-bg-wrap .half-info .global-info .info-detail .global-count .count-num .num span{font-size:24px;}
    .sub-bg-wrap .half-info .global-info .info-detail.three .global-count{width:48%;}
    .sub-content-wrap.global h5{font-size:28px;}
    .global-timeline ul li .time-tit{font-size:14px;}

    .overseas-circle .list-wrap .role{width:120px; height:120px;}


    .taxiPay-counter .detail-box p {font-size: 14px;}
    .taxiPay-counter .detail-box h5 .counter {font-size: 32px;}
    .percent-grid .counter {font-size: 8px;}
    .taxi .half-img .half-auto .OTA-process img {height: auto;}
    .taxi .half-img.graph .half-auto img{height:auto;}
    .taxi-payment .line-list li{font-size:16px;}
    .taxi-OTA .OTA-tit{font-size:16px;}
    .taxi .half-img .half-auto.korea img{height:auto;}
    .today-bbick img {width: 88%;}

    .sub-visual .sub-main-wrap .bento-news .bento-top .etc-box p{font-size:14px;}
    .sub-visual .sub-main-wrap .bento-news .bento-bottom p{font-size:14px;}
    .sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .brochure p{font-size:16px;}
    .sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .brochure a{padding:12px 24px;}
    .sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .sns-list::after{width:88px; height:88px; margin-left: -44px;}
    .sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .sns-list img{height:40px;}

    .event-slider{width:438px;}
    .event-slider .event-slide-tit{height:44%;}
    .event-slider .slick-slide img{width:auto;}
    .sub-visual .sub-main-wrap .bento-event .bento-bottom p{font-size:14px;}

    .partner-slider {width: 212px; height: 140px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom .bento-detail img {height: 32%; margin-bottom: 24px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom .partner-slider .bento-detail img {width: 88%;}
    .express-additional .additional-list .additional-txt .line-list li {font-size: 16px;}


    .app-down-area .float{width:12%;}
    .app-down-area h2{font-size:32px;}
    .app-down-area p{font-size:18px;}

}




/* Tablet 아이패드 미니 - 가로형 */
@media only screen and (max-width: 1024px) {
    .main-slider .slide01,.main-slider .slide02,.main-slider .slide03,.main-slider .slide04 {height: 699px;}
    .main-business .busi-slide-wrap{width:840px; align-items: center;}
    .sub-business .busi-slide-wrap{width:858px;}
    .sub-business .busi-slide-wrap .mt-img{width:240px;}
    .sub-business .busi-slide-wrap .mt-img01{width:240px;}
    .sub-business .busi-slide-wrap .mt-img02{width:480px;}
    .sub-business .busi-slide-wrap .mt-img03{width:340px;}
    .sub-business .business-explane .subhead{font-size:16px;}

    .circle-six .list-wrap .role { width: 150px; height: 150px;}
    .circle-five .circle-list li .role{ width: 183px; height: 183px;}

    .circle-four .circle-list .circle-detail.express{height:auto;}
    .partner-slider {width: 184px;}
    .express-additional .additional-list {width: 31.8%;}

    .taxi-appmeter .circle-three .circle-list .wid-circle{margin-right:12px;}
    .appmeter-product-v1 li{padding:16px;}

    .overseas-circle .list-wrap .role{width:126px; height:126px;}

    .mt-slider{width:184px;}

    .sub-slider.card-slider{height:600px;}
    .event-slider{width:383px;}
    .event-slider .slick-slide img{width:100%;}
    .push-process{padding:24px;}

    .percent-grid .counter {font-size: 6px;}
    .graphic-process-v1 .taxi-global.receipt li img{width:auto; height:260px;}
    .graphic-process-v1 .taxi-global li img {width: 88%;}
    .taxi .half-img .half-auto img {height: 220px;}
    .taxi-product li .product-detail img {height: 240px;}

}


/* Tablet 아이패드 에어 - 세로형 */
@media only screen and (max-width: 820px) {
    .circle-list .circle-detail ul li{display:list-item;}

    .main-visual{width:100%; padding:16px; display:table;}
    .main-visual .visual-wrap{height:720px; display:table-cell; vertical-align: middle;}
    .main-visual .visual-wrap .main-tit-wrap{position:relative; text-align:center;}
    .main-visual .visual-wrap .main-tit-wrap .main-symbol{padding:0;}
    .main-visual .visual-wrap .main-tit-wrap .main-symbol img{width:16%;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit{margin-top:32px;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2{font-size:40px; color:#fff; background:none; padding:0;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2:first-child{width:100%;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2:first-child::before{display:none;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2:first-child::after{display:none;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2 span{line-height:1.2; display:block;}

    .main-visual .visual-wrap .main-txt-wrap{position:relative; top:0; padding:0; margin-top:32px;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2:last-child{padding-bottom:0;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2:last-child::after{display:none;}
    .main-visual .visual-wrap .main-txt-wrap p{font-size:18px; text-align:center; padding:8px;}



    .main-business .main-con-wrap{text-align:center; display:flex; justify-content: center;}
    .main-business .busi-slide-wrap{width:720px; flex-direction: column-reverse; align-items: center; padding: 72px 0;}
    .main-business .busi-slide-wrap .busi-img01{width:240px; display:block;}
    .main-business .busi-slide-wrap .busi-img02{width:350px; display:block; padding:20px 0;}
    .main-business .busi-slide-wrap .busi-img03{width:280px; display:block; padding:10px 0;}
    .main-business .busi-slide-wrap .busi-img04{width:240px; display:block;}
    .main-business .busi-slide-wrap .business-explane{padding:0 0 32px; text-align:left; width:100%;}
    .main-business .busi-slide-wrap .business-explane .btn{margin-top:32px;}

    .main-business .business-explane h3{font-size:32px;}
    .main-business .business-explane h3 span{line-height:1.2;}
    .main-business .business-explane h3 br{display:none;}
    .main-business .business-explane .subhead{font-size:16px; margin-top:32px;}
    .main-business .business-explane .subhead br{display:none;}
    .main-business .business-explane .explane-btn{margin-top:32px;}


    .main-slider .slide01{height:700px;}
    .main-slider .slide02{height:700px;}
    .main-slider .slide03{height:700px;}
    .main-slider .slide04{height:700px;}

    .main-business .busi-slide-wrap .busi-img01{width:40%;}
    .main-business .busi-slide-wrap .busi-img01 img{width:100%; margin:0 auto;}
    .main-business .busi-slide-wrap .busi-img02{width:40%;}
    .main-business .busi-slide-wrap .busi-img02 img{width:100%; margin:0 auto;}
    .main-business .busi-slide-wrap .busi-img03{width:40%;}
    .main-business .busi-slide-wrap .busi-img03 img{width:100%; margin:0 auto;}
    .main-business .busi-slide-wrap .busi-img04{width:40%;}
    .main-business .busi-slide-wrap .busi-img04 img{width:100%; margin:0 auto;}

    .main-business .business-explane .explane-btn{font-size:16px;}
    .main-slider .slick-dots{bottom:0!important; top:2%; height: fit-content;}

    .main-contents{padding:80px 16px;}
    .main-con-wrap{width:100%; padding:0;}
    .main-con-wrap h2{font-size:32px;}
    .main-con-wrap h2 br{display:none;}


    .custom-carousel{width:100%;}
    .owl-nav{display:none;}
    .owl-theme .owl-dots .owl-dot{display: inline-block;zoom: 1;}
    .owl-theme .owl-dots .owl-dot span{width:10px; height:10px;}
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#000;}
    .card-list-section{padding: 30px 0 20px;}
    .card-list-section .item {margin: 0 4px 40px; width:320px; height: 400px;}
    .card-list-section .item.active {width:390px; height: 480px; box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.25);}
    .card-list-section .item-desc {padding: 0 32px 32px; transform: translateY(calc(100% - 120px)); -webkit-transform: translateY(calc(100% - 120px));}
    .card-list-section .item.active .item-desc p{font-size:14px; font-weight: 400;}


    .main-employment{padding:72px 0;}
    .main-employment .main-con-wrap{flex-direction: column; padding:0 16px;}
    .main-employment .main-con-wrap p{font-size:16px; margin:32px 0;}
    .main-employment .main-con-wrap p br{display:none;}
    .main-employment .main-con-wrap a{display:inline-block; font-size:16px;}
    .main-employment .main-con-wrap .employment-con:last-child{text-align:center;}
    .main-visual .visual-wrap .main-tit-wrap .main-tit h2:last-child::after{right:0;}

    .employment-con:last-child{text-align:center; margin-top:32px;}
    .employment-con:last-child img{width:80%;}




    /* Mobile---서브---공통부분 */
    .note{padding:4px 16px;}
    .note.mt48{margin-top:0!important;}

    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit h2{margin-top:32px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit img{width:16%;}

    .sub-content-wrap .subject-sub-v2{margin: 24px 0 24px;}
    .sub-content-wrap .subject-sub-v1{margin: 24px 0 24px;}
    .btn{font-size:16px;}
    .default-btn{font-size:16px;}
    .tbl-head{display:block;}
    .tbl-head span{display:block; text-align: right; margin-top:16px;}
    table thead tr th{font-size:16px; padding:16px; vertical-align: middle;}
    table tbody tr td{font-size:16px; padding:16px; vertical-align: middle;}
    table tbody tr td:first-child{text-align:left;}

    .half-tbl-wrap{display:block; width:100%;}
    .half-tbl-wrap .tbl-list{width:100%;}
    .half-tbl-wrap .tbl-list:last-child{margin-top:80px;}
    .half-tbl-wrap table tbody tr td:first-child{text-align:center;}

    .tab-item{width:50%; font-size:20px;}
    .three-tabs .tab-item{width:33%; padding:15px 0;}
    .four-tabs .tab-item {font-size: 16px; padding: 15px 0;}

    .circle-second .circle-list li{width:48%; margin-bottom:48px; display:inline-block; vertical-align: top;}

    .circle-three .circle-list .wid-circle{width:32%; margin-bottom:48px; display:inline-block; vertical-align: top;}
    .circle-three .circle-list .circle-detail{margin-top:32px;}
    .circle-three .circle-list .circle-detail p{font-size:16px;}

    .circle-four .circle-list{display:block;}
    .circle-four .circle-list li{margin-left:0; margin-bottom:48px; width:48%; display:inline-block; vertical-align: top; padding:0 8px;}
    .circle-four .circle-list .circle-detail p{font-size:16px; width:auto; text-align:center;}

    .circle-four .circle-list.m-half-circle .role{width:150px; height:150px;}
    .circle-four.circle-gray .circle-list.m-half-circle .wid-circle{width:48%; display:inline-block; vertical-align: top;}

    .circle-five .circle-list li{width:48%; margin-bottom:48px; display:inline-block; vertical-align: top;}
    .circle-five .circle-list li .circle-detail{padding:0 24px; margin-top:32px;}
    .circle-five .circle-list li .circle-detail ul{padding:0 24px;}
    .circle-five .circle-list li .circle-detail ul li{font-size:16px;}
    .circle-five .circle-list li .circle-detail p{font-size:16px;  width:auto; text-align:center;}


    .circle-five .circle-list.m-half-circle .role{width:150px; height:150px;}
    .circle-five .circle-list.m-half-circle .role p{font-size:16px;}
    .circle-five.circle-gray .circle-list.m-half-circle .wid-circle{width:32%; display:inline-block; vertical-align: top;}

    .circle-five.circle-gray .circle-list{display:block;}
    .circle-five.circle-gray .circle-list .wid-circle{width:32%; display:inline-block; vertical-align: top;}
    .circle-five.circle-gray .circle-list .wid-circle .circle-detail{padding:0; margin-top:32px;}
    .circle-five.circle-gray .circle-list .wid-circle .circle-detail ul{padding:16px 32px;}

    .circle-five.wid280-circle .circle-list .wid-circle{width:48%; display:inline-block; margin-right:0;}
    .circle-five.wid280-circle .circle-list.circle-center{display:block; text-align:left;}

    .circle-list .circle-detail ul li{font-size:16px; width:100%; padding:0;}

    .list-wrap{display:block;}
    .list-wrap .role{width:220px; height:220px;}
    .list-wrap .role img{height:40px;}
    .circle-six .list-wrap .role{width:200px; height:200px;}
    .circle-six .circle-list.m-half-circle li{margin-bottom:48px; display:inline-block; width:32%; vertical-align: top;}
    .circle-six .circle-list.m-half-circle .role{width:150px; height:150px;}
    .circle-six .circle-list.m-half-circle .role p{font-size:16px; margin: 14px 0 4px;}
    .circle-six.circle-gray .circle-list .circle-detail li{font-size:14px; margin:0 0 12px 16px; display:list-item;}


    .circle-list.m-half-circle .role span{font-size:14px;}
    .circle-list.m-half-circle li:nth-child(even) .role{box-shadow: 0 0 0 8px rgba(240, 131, 0, 0.6);}
    .circle-list.m-half-circle li:nth-child(odd) .role{box-shadow: 0 0 0 8px rgba(147, 7, 132, 0.6);}
    .circle-list .circle-detail{margin-top:16px;}


    .circle-four.circle-gray .circle-list .wid-circle{width:48%; display:inline-block; vertical-align: top;}
    .circle-four.circle-gray .circle-list .wid-circle .circle-detail{padding:0;}
    .circle-four.circle-gray .circle-list .wid-circle .circle-detail ul{padding:16px 32px;}


    .overseas-circle{display:block;}
    .overseas-circle.m-half-circle li{display:inline-block; margin-right:8px; margin-bottom: 32px; vertical-align: top;}
    .overseas-circle.m-half-circle li .role{width:130px; height:130px;}

    .overseas-circle.m-half-circle .circle-list{margin-top:0;}
    .business-explane .overseas-circle:last-child{margin-top:80px;}
    .overseas-circle .circle-yellow{margin:80px 0;}


    .info-wrap .info-detail ul li{font-size:16px;}


    .half-content{display:block;}



    .sub-keyword .keyword-bbick.tagless .bbick-line{margin-top:240px;}
    .sub-keyword .keyword-bbick.tagless .bbick-up:nth-child(1){width:280px; top:-222px; margin-right:-140px; }
    .sub-keyword .keyword-bbick.tagless .bbick-up:nth-child(2){width:160px; top:-184px; margin-right:-80px; }
    .sub-keyword .keyword-bbick.tmoneyGO .bbick-up:nth-child(1){width:260px; top:-173px; margin-right:-130px;  }
    .sub-keyword .keyword-bbick.mobiletmoney .bbick-up:nth-child(1){width:260px; top:-173px; margin-right:-130px; }
    .sub-keyword .keyword-bbick.express .bbick-up:nth-child(1){width:240px; top:-180px; margin-right:-120px; }
    .sub-keyword .keyword-bbick.transport .bbick-up:nth-child(1){width:320px; top:-143px; margin-right:-160px; }
    .sub-keyword .keyword-bbick.esg .bbick-up:nth-child(1){width:170px; top:-174px; margin-right:-35px; }
    .sub-keyword .keyword-bbick.esg .bbick-up:nth-child(2){width:120px; top:-80px; margin-right:-115px; }
    .sub-keyword .keyword-bbick.taxi .bbick-up:nth-child(1){width:240px; top:-181px; margin-right:-120px;}
    .sub-keyword .keyword-bbick.overseas .bbick-up:nth-child(1){width:250px; top:-168px; margin-right:-125px; }
    .sub-keyword .keyword-bbick.mobilePay .bbick-up:nth-child(1){width:300px; top:-142px; margin-right:-150px; }


    .sub-business .main-con-wrap{text-align: center; display: flex; justify-content: center;}
    .sub-business .busi-slide-wrap{width:720px; flex-direction: column-reverse; align-items: center; padding: 72px 0;}
    .sub-business .busi-slide-wrap .busi-img01{width:300px;}
    .sub-business .busi-slide-wrap .busi-img02{width:300px;}
    .sub-business .busi-slide-wrap .busi-img03{width:300px;}
    .sub-business .busi-slide-wrap .busi-img04{width:300px;}
    .sub-business .busi-slide-wrap .busi-img05{width:300px;}
    .sub-business .busi-slide-wrap .business-explane{width:100%; padding:0 0 32px; text-align:left;}
    .sub-business .busi-slide-wrap .business-explane .btn{margin-top:32px;}
    .sub-business .business-explane h3{font-size:32px;}
    .sub-business .business-explane .subhead{font-size:16px; margin-top:32px;}
    .sub-slider.card-slider{height:720px;}
    .sub-slider .slick-dots{bottom: 0 !important; top: 2%; height: fit-content;}
    .sub-slider .slick-list{height:100%;}

    .etc-contact{display:block; font-size:18px;}
    .etc-contact .etc-detail{padding: 8px 16px;}
    .etc-contact .etc-txt{margin-left:0; margin-top:8px;}


    /* Mobile---서브---티머니 소개 */
    .sub-visual .sub-wide-wrap .wide-visual-wrap{height:600px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit h2{font-size:32px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit-wrap{padding:0 24px; vertical-align: middle;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit .sub-symbol img{width:24%;}
    .greeting-wrap{position:relative; height:560px; padding:48px 30px; background: url('../images/ko/sub/introduce/ceo-img01.jpg') no-repeat center right 33%; background-size:cover;}
    .sub-content-wrap .business-explane .greeting-wrap h3{font-size:24px; width:56%;}
    .greeting-wrap .greeting-box .ceo-msg{position:absolute; bottom:8%;}
    .greeting-wrap .greeting-box .ceo-info p{display:block; margin-bottom:16px;}
    .greeting-wrap .greeting-box .ceo-info img{display:block;}
    .ceo-layer .ceo-img{display:none;}
    .horizon-wrap{display:block;}
    .closing-sel{margin-top:16px;}

    .vision-wrap{background:none; padding-top:0;}
    .vision-wrap .vision-slogan{margin-bottom:64px;}
    .vision-wrap .vision-statement{margin-bottom:64px;}

    .vision-wrap  .vision-first .list-wrap{display:block; text-align:left;}
    .vision-wrap  .vision-first .list-wrap li .role{margin:0 auto;}

    .talent-wrap .talent-slogan{margin-bottom:64px;}
    .talent-wrap .talent-first .list-wrap{text-align:left;}
    .talent-wrap .talent-first .list-wrap li{width:48%;}
    .talent-wrap .talent-first .list-wrap li .role{margin:0 auto;}
    .talent-wrap .talent-first .list-wrap li .circle-detail ul li{width:100%;}


    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit .history-intro h2{line-height: 1.5; margin-top:24px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit .history-intro h2:first-child span{font-size:72px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit .history-intro h2:first-child{font-size:64px; line-height: 1;}
    .company-timeline .container{padding-left:0; padding-right:0; width:100%; max-width: fit-content;}
    .company-timeline-wrapper{display:block;}
    .company-timeline-list{display:none;}
    .company-timeline-slider{width:100%; margin-top:0; padding-top:0; padding-left:0; border-left:0;}
    .company-timeline-block{margin-top:48px; padding-top:0;}
    .company-timeline-block h4{font-size:18px;}
    .company-timeline-block .image-block img{width:100%;}
    .company-timeline-block .circle{display:none;}




    /* Mobile---서브---ESG */
    .esg .half-content{display:block;}
    .esg .half-content .onetime-card img:first-child{width:100%;}
    .esg .half-img .img-box:first-child{margin-right:0; margin-bottom:16px;}
    .esg .esg-counter-list ul{display:block;}
    .esg .esg-counter-list .note-area{text-align:left;}
    .esg .esg-counter-list ul li{margin-bottom:48px; display:inline-block; width:33%;}
    .esg .esg-counter-list ul li:last-child{margin-bottom:0;}
    .esg .esg-counter-list ul li .counter-img{width:150px; height:150px;}
    .esg .esg-counter-list ul li .esg-counter p{font-size:18px;}
    .esg .esg-counter-list ul li .esg-counter h5{font-size:24px;}
    .esg .esg-counter-list ul li .esg-counter h5 span{font-size:32px;}
    .esg .circle-list .circle-detail ul{padding:16px 32px;}
    .esg .esg-full-img{display:none;}
    .esg .half-content .onetime-card{margin-bottom:40px;}
    .esg .half-content .onetime-card .onetime-img{display:none;}
    .esg .half-content .onetime-detail{width:100%;}
    .sub-content-esg{padding: 88px 0 0;}
    .sub-content-esg .sub-content-wrap .wide-cont-area h2{font-size:24px; margin-bottom:88px;}
    .sub-content-esg .sub-content-wrap .wide-cont-area.half-content img{width:100%;}

    .esg-ethical{margin-bottom:80px;}
    .esg-ethical:last-child{margin-bottom:0;}
    .esg-ethical .audit-list .role div{height:auto;}
    .esg-ethical .audit-list li::after{display:none;}
    .esg-ethical .circle-six .list-wrap .role{margin:0 auto;}
    .sinmungo .note.mt48{margin-top:0!important;}
    .sinmungo .circle-six .list-wrap .role{margin:0 auto;}


    .accordion button{padding:24px 8px;}
    .accordion .accordion-content{margin:0 8px;}


    .sinmungo .input-wrap .center-align button{width:45%; margin:0 4px;}



    /* Mobile---서브---플랫폼서비스 : 모바일티머니 */
    .mt-slider{width:380px;}
    .mt-slider .bento-detail{padding:35px 0;}
    .mt-slider .slick-dots{bottom:16px;}

    .sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit .txt-detail{font-size:16px; margin-top:24px;}
    .sub-business .busi-slide-wrap .mt-img{padding:0; width:260px;}
    .sub-business .busi-slide-wrap .mt-img01{width:260px; padding:0;}
    .sub-business .busi-slide-wrap .mt-img02{width:360px; padding:0;}
    .sub-business .busi-slide-wrap .mt-img03{width:240px; padding:0;}
    .sub-business .business-explane .subhead{font-size:14px;}
    .color-box-wrap{display:block;}
    .color-box-wrap .color-box-img{height:auto; width:100%;}
    .color-box-wrap .color-box-img img{height:100px;}
    .color-box-wrap .color-box-detail{margin-top:16px; text-align:center;}
    .color-box-wrap .color-box-detail h5{font-size:18px;}
    .color-box-wrap .color-box-detail a{margin-top:12px;}
    .content-flex .info-wrap-v2 .info-detail ul li{font-size:16px;}
    .color-box-wrap .puple-box{width:48%; padding:20px 8px; margin-right:8px; display:inline-block; position:relative;}
    .color-box-wrap .orange-box{width:48%; padding:20px 8px; margin-right:0; display:inline-block; position:relative;}
    .color-box-wrap .yellow-box{width:48%; padding:20px 8px; margin-top:8px; display:inline-block; position:relative;}

    .content-flex .info-wrap-v2{width:100%;}

    .color-box-list{width:100%;}
    .color-box-list .color-box-img img{height:160px;}
    .color-box-list .color-box-img .skyblue-box{padding:32px;}
    .color-box-list .color-box-img .mint-box{padding:32px;}
    .color-box-list .color-box-img .yellow-box{padding:32px;}
    .color-box-list .color-box-img .puple-box{padding:32px;}
    .color-box-list .color-box-img .green-box{padding:32px;}


    .push-process .push-detail:nth-child(1)::before{right:-35px;}

    .mt-reference {display: block;}
    .mt-reference .guide-wrap{width:100%;}
    .mt-reference .guide-wrap:first-child {margin-right: 0; margin-bottom: 16px;}
    .mt-reference .guide-wrap .guide-box{padding: 24px 32px 24px 72px; border-radius: 16px;}
    .mt-reference .guide-wrap .guide-box a{font-size:18px;}
    .mt-reference .guide-wrap .guide-box a::before{width: 40px; height: 40px; left: -50px; margin-top: -20px; background-size: contain;}
    .mt-reference .guide-wrap .guide-box a::after{width: 20px; height: 23px; right: 0; margin-top: -10px; background-size: contain;}


    /* Mobile---서브---플랫폼서비스 : 티머니GO */
    .tmoneyGo-slider{height:760px;}
    .tmoneyGo-slider .slide01{height:760px;}
    .tmoneyGo-slider .slide02{height:760px;}
    .tmoneyGo-slider .slide03{height:760px;}
    .tmoneyGo-slider .slide04{height:760px;}
    .tmoneyGo-slider .slick-dots{bottom:unset; top:16px;}
    .tmoneyGo-slider .business-explane .subhead li span{font-size:18px;}
    .tmoneyGo-slider .business-explane .subhead li{font-size:14px;}

    .tmoneygo .color-box-wrap .puple-box{height:240px;}
    .tmoneygo .color-box-wrap .orange-box{height:240px;}
    .tmoneygo .color-box-wrap .yellow-box{height:240px;}
    .tmoneygo .color-box-wrap .color-box-detail .more{bottom:6%; right:50%; margin-right:-20px;}
    .color-box-wrap .inner{font-size:14px; padding: 16px 10px 16px; height:100%;}

    .maas-road{display:block; padding:24px 16px;}
    .maas-road .maas-detail:nth-child(1){width:100%;}
    .maas-road .maas-detail:nth-child(2){width:100%;}
    .maas-road .maas-detail:nth-child(3){width:100%;}
    .maas-road .maas-detail .maas-first{display:block;}
    .maas-road .maas-detail .maas-first::after{top: unset; bottom:-20%; right: 50%; margin-top: 0; margin-right:-17px; background: url('../images/common/d-arrow-process.png') no-repeat center center; width: 34px; height: 40px; background-size:contain;}
    .maas-road .maas-detail .maas-first ul:nth-child(1){margin-right:0; display:flex; justify-content: space-between; align-items: flex-start; margin-bottom:40px;}
    .maas-road .maas-detail .maas-first ul:nth-child(1) li{display:table; width:30%; margin-bottom:0; height:88px; border-radius:16px;}
    .maas-road .maas-detail .maas-first ul:nth-child(1) li p{display:table-cell; vertical-align: middle;}
    .maas-road .maas-detail .maas-first ul:nth-child(1) li::after {top: unset; bottom:-38%; right: 50%; margin-top:0; margin-right:-13px; background: url('../images/common/big-d-arrow-after.png') no-repeat center center; width: 26px; height: 14px;}
    .maas-road .maas-detail .maas-first ul:nth-child(2){margin-right:0; display:flex; justify-content: space-between; align-items: flex-start;}
    .maas-road .maas-detail .maas-first ul:nth-child(2) li{display:table; width:30%; margin-bottom:0; height:88px; border-radius:16px;}
    .maas-road .maas-detail .maas-first ul:nth-child(2) li p{display:table-cell; vertical-align: middle;}

    .maas-road .maas-detail .maas-second{display:block; padding:16px; margin:48px 0;}
    .maas-road .maas-detail .maas-second::after {top: unset; bottom:-17%; right: 50%; margin-top: 0; margin-right:-17px; background: url('../images/common/d-arrow-process.png') no-repeat center center; width: 34px; height: 40px; background-size:contain;}
    .maas-road .maas-detail .maas-second .second-one{font-size:18px;}
    .maas-road .maas-detail .maas-second .second-one br{display:none;}
    .maas-road .maas-detail .maas-second .second-two{display:flex; justify-content: space-between; align-items: flex-start; margin:32px 0;}
    .maas-road .maas-detail .maas-second ul li{width:30%; height:88px; border-radius:16px; display:table; margin-bottom:0;}
    .maas-road .maas-detail .maas-second ul li::after{top: unset; bottom:-35%; right: 50%; margin-top:0; margin-right:-13px; background: url('../images/common/big-d-arrow-after.png') no-repeat center center; width: 26px; height: 14px;}
    .maas-road .maas-detail .maas-second ul li p{display:table-cell; vertical-align: middle;}
    .maas-road .maas-detail .maas-second .second-three{font-size:18px;}
    .maas-road .maas-detail .maas-second .second-three br{display:none;}

    .maas-road .maas-detail .maas-third .maasTit{font-size:20px;}
    .maas-road .maas-detail .maas-third .maasTit br{display:none;}



    /* Mobile---서브---비즈니스---대중교통 결제 */
    .sub-visual{width:100%; padding:0 16px;}
    .sub-visual .sub-main-wrap{display:block;}
    .sub-visual .sub-main-wrap .visual-wrap{width:100%; height:600px; margin-right:0; margin-bottom:16px;}
    .sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap{padding:64px 24px;}
    .sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit h2{font-size:32px;}
    .sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit .business-list{font-size:16px;}



    .sub-visual .sub-main-wrap .bento-transport{width:100%;}
    .sub-visual .sub-main-wrap .bento-transport h5{font-size:24px;}
    .sub-visual .sub-main-wrap .counter{font-size:32px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-top{padding:32px 0; height:350px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money p{font-size:16px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom p{font-size:16px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom .subway{margin-right:10px; height:220px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom .bus{height:220px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom .bento-detail img{height:32%}
    .sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money .money-list img{height:32%}


    .sub-keyword{margin-top:120px;}
    .sub-keyword .keyword-tit{padding:0 16px;}
    .sub-keyword .keyword-tit h2{font-size:28px;}
    .sub-keyword .keyword-bbick .bbick-up{width:360px; margin-right:-180px; top: -144px;}
    .sub-keyword .keyword-bbick .bbick-line{margin-top:188px;}
    .sub-keyword .keyword-bbick .bbick-line .bbick-hand{width:180px; margin-right:-72px;}


    .sub-content-wrap .business-explane{margin-bottom:120px;}
    .sub-content-wrap .business-explane h3{font-size:24px;}
    .sub-content-wrap .business-explane h3 br{display:none;}
    .sub-content-wrap .business-detail{margin-top:64px;}

    .sub-content-wrap.up-margin{padding-top:80px;}
    .sub-content-wrap{width:100%; padding:0 16px; margin: 120px auto 0; overflow:hidden;}
    .sub-paging-wrap .sub-content-wrap{margin: 0 auto;}
    .sub-paging-wrap .sub-content-wrap .box-paging{margin-bottom:80px;}

    .graphic-box{padding:16px; width:100%;}
    .graphic-box img{width:auto;}


    .list-wrap.transport-role{display:flex;}
    .list-wrap.transport-role .role{width: 148px; height: 148px;}
    .list-wrap.transport-role .role .role-detail{height:auto;}
    .list-wrap .role p{margin-bottom:8px; line-height:1.3; font-size:16px;}
    .list-wrap .role li{font-size:14px;}

    .list-wrap.mtPay-role{display:flex;}
    .list-wrap.mtPay-role .role{width: 148px; height: 148px;}

    .content-flex{display:block;}
    .content-flex .info-wrap{width:100%;}

    .sub-content-mt{padding:88px 16px; margin-bottom:80px;}
    .sub-content-tgo{padding:88px 16px; margin-bottom:80px;}
    .app-down-area .float{width:20%;}
    .app-down-area h2{font-size:32px; margin: 32px 0 40px;}
    .app-down-area p{font-size:18px;}
    .app-down-area .down-list a{margin-right:8px; display:inline-block;}




    .newCard-slider{width:100%; height:248px;}
    .newCard-slider .slick-slide img{width:76%;}



    .marquee ul li img{height:24px;}

    .transport-slider{width:100%;}



    /* Mobile---서브---비즈니스---태그리스 */
    .taglessBus-slider .taglessBus-detail{padding:16px;}
    .taglessBus-slider .taglessBus-detail p{font-size:16px;}
    .taglessBus-slider .taglessBus-detail video{border-radius:8px;}
    .taglessRail-slider .taglessRail-detail{padding:16px;}
    .slider-box{width:100%;}
    .slider-box.rail{width:100%;}
    .taglessRail-slider .slick-dots{bottom:-25px;}
    .tagless-process-img{padding:16px;}



    /* Mobile---서브---비즈니스---고속시외예매 */
    .express-reference{display:block;}
    .express-reference .reference-wrap{width:100%;}
    .express-reference .reference-wrap:first-child{margin-right:0; margin-bottom:32px;}
    .express-reference .reference-wrap .reference-box{padding:24px 32px 24px 80px; border-radius:16px;}
    .express-reference .reference-wrap .reference-box a{font-size:18px;}
    .express-reference .reference-wrap .reference-box a::before{width:40px; height:40px; left: -56px; margin-top:-20px; background-size: contain;}
    .express-network{display:block; padding:24px 16px;}
    .express-slider .express-detail img{width:50%;}
    .express-reservation .circle-four .circle-list .express-circle{width:100%;}
    .circle-four .circle-list .circle-detail.express{padding:24px; display:flex; justify-content: space-between;}
    .circle-four .circle-list .circle-detail .express-box{display:block; width:48%;}
    .circle-four .circle-list .circle-detail .express-box:first-child{margin-bottom:0;}
    .circle-four .circle-list .circle-detail .express-box ul{padding: 0; margin-top: 16px;}
    .circle-four .circle-list .circle-detail .express-box ul li{font-size:16px;}
    .express-reservation .circle-four .circle-list .express-circle .circle-detail .express-box .line-list{padding: 0 0 0 0px;}
    .express-reservation .circle-four .circle-list .express-circle .circle-detail .express-box .line-list li{font-size:14px;}
    .express-reservation .circle-four.expressOut .circle-list{display:flex;}
    .express-reservation .circle-four.expressOut .circle-list .express-circle{width:32%;}
    .express-reservation .circle-four.expressOut .circle-list .role{width:120px; height:120px;}
    .express-reservation .circle-four.expressOut .circle-list li{margin-bottom:0;}
    .express-reservation .circle-four.expressOut .circle-list li:nth-child(odd) .role{box-shadow: 0 0 0 8px rgba(147, 7, 132, 0.6);}
    .express-reservation .circle-four.expressOut .circle-list li:nth-child(even) .role{box-shadow: 0 0 0 8px rgba(240, 131, 0, 0.6);}



    .express-network .network-detail:nth-child(1){width:100%;}
    .express-network .network-detail:nth-child(2){width:100%; margin:48px 0; position:relative;}
    .express-network .network-detail:nth-child(3){width:100%; position:relative;}
    .express-network .network-detail:nth-child(4){width:100%; margin-top:48px;}
    .express-network .network-detail p{font-size:18px;}
    .express-network .network-detail .network-first{width:160px; height:160px;}
    .express-network .network-detail .network-first p{font-size:20px;}
    .express-network .network-detail .network-first::after {position: absolute; top: unset; bottom:-18%; right: 50%; margin-right:-13px; background: url('../images/common/big-d-arrow-after.png') no-repeat center center; width: 26px; height: 14px;}
    .express-network .network-detail .network-second ul li::after{display:none;}
    .express-network .network-detail span{text-align:left; font-size:14px;}

    .express-network .network-detail:nth-child(2)::after {content: ''; position: absolute; top: unset; bottom:-12%; right: 50%; margin-right:-13px; background: url('../images/common/big-d-arrow-after.png') no-repeat center center; width: 26px; height: 14px;}
    .express-network .network-detail:nth-child(3)::after {content: ''; position: absolute; top: unset; bottom:-6%; right: 50%; margin-right:-13px; background: url('../images/common/big-d-arrow-after.png') no-repeat center center; width: 26px; height: 14px;}

    .express-network .network-detail .network-four ul li::before{display:none;}



    .express-slider{padding:24px 0;}
    .express-slider .express-detail{padding:0 24px;}
    .express-slider .slick-dots{bottom:-24px;}
    .slider-box.express{width:100%;}

    .arrive-slider .terminal-detail img{width:100%;}
    .graphicNone-box{width:100%;}
    .graphicNone-box img{width:100%;}

    .info-wrap .info-detail.expressAFC div{width:88px; height:88px;}
    .info-wrap .info-detail.expressAFC p{width:72%;}

    .expressOut-box{margin-top:80px;}
    .expressOut-box::before{top:-56%;}
    .expressOut-box p{font-size:18px; padding: 12px 32px;}



    /* Mobile---서브---비즈니스---택시 결제 */
    .taxi-process{display:block; padding:24px 16px;}
    .taxi-process .taxi-detail .taxiTit{font-size:18px;}
    .taxi-process .taxi-detail:nth-child(1){width:100%; margin-bottom:40px;}
    .taxi-process .taxi-detail:nth-child(2){width:100%;}
    .taxi-process .taxi-detail:nth-child(2)::before{top: unset; bottom:-14%; right: 58%; margin-top: 0; margin-right:-13px; background: url('../images/common/big-d-arrow-after.png') no-repeat center center; width: 26px; height: 14px;}
    .taxi-process .taxi-detail:nth-child(2)::after{top: unset; bottom:-14%; right: 44%; margin-top: 0; margin-right:-13px; background: url('../images/common/big-u-arrow-after.png') no-repeat center center; width: 26px; height: 14px;}
    .taxi-process .taxi-detail:nth-child(3){width:100%; margin:40px 0;}
    .taxi-process .taxi-detail:nth-child(3)::before{top: unset; bottom:-14%; right: 58%; margin-top: 0; margin-right:-13px; background: url('../images/common/big-d-arrow-after.png') no-repeat center center; width: 26px; height: 14px;}
    .taxi-process .taxi-detail:nth-child(3)::after{top: unset; bottom:-14%; right: 44%; margin-top: 0; margin-right:-13px; background: url('../images/common/big-u-arrow-after.png') no-repeat center center; width: 26px; height: 14px;}
    .taxi-process .taxi-detail .taxi-first ul{display:flex; justify-content: space-between;}
    .taxi-process .taxi-detail .taxi-first ul li{display:table; margin-bottom:0; width:23%; border-radius:16px;}
    .taxi-process .taxi-detail .taxi-first ul li::after{top: unset; bottom:-70%; right: 50%; margin-top: 0; margin-right:-13px; background: url('../images/common/big-d-arrow-after.png') no-repeat center center; width: 26px; height: 14px;}
    .taxi-process .taxi-detail .taxi-first ul li p{display:table-cell; vertical-align: middle;}


    .taxi-process .taxi-detail .taxi-info img{height:40px;}
    .taxi-process .taxi-detail .taxi-second{width:200px; height:200px; margin: 0 auto;}
    .taxi-process .taxi-detail .taxi-second .info-next {top:unset; bottom: -17%; right: unset; left: -22%;}
    .taxi-process .taxi-detail .taxi-second .info-prev {top:unset; bottom: -25%; right: -34%;}
    .taxi-process .taxi-detail .taxi-third{width:200px; height:200px; margin: 0 auto;}
    .taxi-process .taxi-detail .taxi-third .info-next{top:unset; bottom: -17%; right: unset; left: 30%;}
    .taxi-process .taxi-detail .taxi-third .info-prev{top:unset; bottom: -17%; right: 30%;}
    .taxi-process .taxi-detail .taxi-third .taxiTit{font-size:18px; margin:4px 0;}
    .taxi-process .taxi-detail .taxi-four{width:200px; height:200px; margin: 0 auto;}

    .info-wrap .info-detail.taxi-merit-list{align-items: flex-start;}
    .info-wrap .info-detail.taxi-merit-list .merit-icon{width:88px; height:88px;}
    .info-wrap .info-detail.taxi-merit-list .taxi-merit{width:72%;}
    .info-wrap .info-detail.taxi-merit-list .taxi-merit .merit-tit{font-size:18px;}

    .taxi-product{display:block;}
    .taxi-product li{width:100%; padding: 48px 0; margin-bottom:24px;}
    .taxi-product li:last-child{margin-bottom:0;}
    .taxi-product li .product-detail p{font-size:14px;}


    .appmeter-product-v1{display:block;}
    .appmeter-product-v1 li{width:100%; margin-bottom:16px;}
    .appmeter-product-v1 li .product-detail.product-horizon ul li img{width:auto;}


    /* Mobile---서브---비즈니스---VAN */
    .van-list .van-product{width:48%; display:inline-block; vertical-align: top;}
    .van-list .van-product .product-info .van-img{margin-right:16px;}
    .van-list .van-product .product-info .van-img img{width:160px; height:160px;}
    .van-list .van-product .product-info .van-detail .line-list li{font-size:14px;}


    /* Mobile---서브---비즈니스---MaaS */
    .content-flex .reward-box:first-child{margin-bottom:16px;}
    .reward-box{width:100%; padding:24px 18px;}
    .reward-box .maasReward-info{font-size:24px;}
    .reward-box .maasReward-info br{display:none;}
    .reward-box .maasReward-img img{width:auto;}

    .reward-tbl{border-radius:16px;}
    .reward-tbl table thead tr th{font-size:14px;}
    .reward-tbl table tbody tr td{font-size:14px;}
    .reward-tbl table tbody tr td:first-child{text-align:center;}
    .reward-tbl table tbody tr td span{font-size:18px;}


    /* Mobile---서브---비즈니스---해외서비스 */
    .global-slider{width:100%;}
    .global-slider .bento-detail img{width:140px; height:144px;}
    .global-slider .bento-detail p{font-size:18px;}

    .newziland-bg{height:auto;}
    .newziland-bg::after{background: url('../images/ko/sub/overseas/newziland-bg.jpg') no-repeat top left; background-size:cover; opacity: 0.2;}

    .malaysia-bg{height:auto;}
    .malaysia-bg::after{background: url('../images/ko/sub/overseas/malaysia-bg.jpg') no-repeat top left; background-size:cover; opacity: 0.2;}

    .colombia-bg{height:auto;}
    .colombia-bg::after{background: url('../images/ko/sub/overseas/colombia-bg.jpg') no-repeat top left; background-size:cover; opacity: 0.2;}

    .thai-bg{height:auto;}
    .thai-bg::after{background: url('../images/ko/sub/overseas/thai-bg.jpg') no-repeat top left; background-size:cover; opacity: 0.2;}

    .mongolia-bg{height:auto;}
    .mongolia-bg::after{background: url('../images/ko/sub/overseas/mongolia-bg.jpg') no-repeat top left; background-size:cover; opacity: 0.2;}


    .sub-content-wrap.global{margin-bottom:80px;}
    .sub-content-wrap.global h5{font-size:24px;}


    .sub-bg-wrap{width:100%; padding: 48px 40px;}
    .sub-bg-wrap h5{font-size:24px; margin-bottom:24px;}
    .sub-bg-wrap .half-info{display:block;}
    .sub-bg-wrap .half-info .right-info, .sub-bg-wrap .half-info .left-info{width:100%;}
    .sub-bg-wrap .half-info .left-info{margin-bottom:48px;}
    .sub-bg-wrap .half-info .global-info .info-detail{margin-bottom:32px;}
    .sub-bg-wrap .half-info .global-info .info-detail .line-list li{font-size:16px;}
    .sub-bg-wrap .half-info .global-info .info-detail .global-count .count-icon{margin-right:16px;}
    .sub-bg-wrap .half-info .global-info .info-detail .global-count.last{margin-left:32px;}
    .sub-bg-wrap .half-info .global-info .info-detail .count-wrap{margin-left:0;}
    .sub-bg-wrap .half-info .global-info .info-detail .global-count .count-num.pw80{width:80%;}
    .sub-bg-wrap .half-info .global-info .info-detail .global-count .count-num .num span{font-size:24px;}

    .sub-bg-wrap .half-info .global-info .info-detail.two .global-count{width:100%; margin-bottom:40px;}
    .sub-bg-wrap .half-info .global-info .info-detail.two .global-count:last-child{margin-bottom:0;}
    .sub-bg-wrap .half-info .global-info .info-detail.three .global-count{width:48%; margin-bottom:40px;}
    .sub-bg-wrap .half-info .global-info .info-detail.three .global-count:last-child{margin-bottom:0;}




    .global-timeline ul{display:block; padding:0 24px;}
    .global-timeline ul::after {top:0; left:3px; bottom: unset; width: 1px; height:100%; border-bottom: unset; border-left:1px solid #ccc;}
    .global-timeline ul li{text-align:left; position: relative; margin-bottom:32px;}
    .global-timeline ul li::before{content: ''; position:absolute; top:8px; left:-24px; width:8px; height:8px; background:#920883; border-radius:100%;}
    .global-timeline ul li .time-tit{margin-bottom:4px;}
    .global-timeline ul li .time-tit br{display:none;}
    .global-timeline ul li span{display:none;}





    /* Mobile---서브---뉴스 */
    .sub-content-wrap .search-container{width:100%;}
    input#search-bar{font-size:16px; padding:0 32px; height:64px;}
    .search-icon{width:24px; height:24px; top:-46px;}
    .search-word{text-align:left;}
    .search-word li{margin-bottom:8px; font-size:14px;}
    .sub-visual .sub-main-wrap .bento-news{width:100%;}
    .sub-visual .sub-main-wrap .bento-news .bento-top .instar{margin-right:10px;}
    .sub-visual .sub-main-wrap .bento-news .bento-top p{font-size:18px;}
    .sub-visual .sub-main-wrap .bento-news .bento-bottom .instar{height:200px;}
    .sub-visual .sub-main-wrap .bento-news .bento-bottom .youtube{height:200px;}
    .sub-visual .sub-main-wrap .bento-news .bento-bottom .etc-box p{font-size:18px;}
    .sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .sns-list{width:30%;}
    .sub-visual .sub-main-wrap .bento-news .bento-top .etc-box .brochure{padding:0 24px;}

    .sub-board-wrap .sub-content-wrap .board-head h4{font-size:24px;}
    .sub-board-body{width:100%; padding:0 16px;}
    .sub-board-body .board-txt-area{font-size:16px;}
    .sub-board-body .board-txt-area img{width:100%;}
    .sub-board-body .board-img-area img{width:100%;}
    .sub-listpre-wrap .sub-content-wrap{padding:0;}
    .sub-listpre-wrap .sub-content-wrap .listview-btn a{padding:16px 40px; font-size:18px;}
    .sub-listpre-wrap .sub-content-wrap .listview-category li{padding:24px 12px;}
    .sub-listpre-wrap .sub-content-wrap .listview-category li p{width:88%;  margin-top:16px; display:block;}
    .sub-listpre-wrap .sub-content-wrap .listview-category li span{margin-right:0; font-size:16px;}






    .tabs-content{padding:60px 0 0;}

    .card-wrap{width:100%; margin-right:0;}
    .news-card{width:100%; height:400px;}



    /* Mobile---서브---이벤트 */
    .event-slider{width:770px;}
    .sub-visual .sub-main-wrap .bento-event{width:100%;}
    .sub-visual .sub-main-wrap .bento-event .bento-bottom .instar{height:200px;}
    .sub-visual .sub-main-wrap .bento-event .bento-bottom .youtube{height:200px;}
    .event-slider .event-slide-tit .event-tit-box{padding:16px 24px 16px; font-size:20px;}
    .sub-board-wrap .sub-content-wrap .board-head .board-head-detail .views p{display:block;}
    .sub-board-wrap .sub-content-wrap .board-head .board-head-detail .views p:first-child{margin-right:0; padding-right: 0; border-right: 0;}

    .sub-board-body .board-event-area img{width:100%;}


    .partner-slider {width: 380px;}
    .partner-slider .slick-dots {bottom: 16px;}

    .express-additional{height:auto;}
    .express-additional .additional-list{width:100%; display:block; margin-bottom:16px;}
    .express-additional .additional-list:last-child{margin-bottom:0;}
    .express-additional .additional-list .additional-flex ul{justify-content: space-evenly;}
    .express-additional .additional-list:first-child img{width:100%;}

    .info-wrap-noMargin-v2 .info-wrap:first-child .info-detail{margin-bottom:48px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom .partner-slider .bento-detail img {width: 56%;}

    .appmeter-slider .appmeter-detail img {height: 240px;}
    .appmeter-product-v3 li:first-child{margin-bottom:16px;}
    .appmeter-product-v3 {display: block;}
    .appmeter-product-v3 li {width: 100%;}
    .tmoneygo .color-box-wrap .deep-blue-box{height:240px;}
    .tmoneygo .color-box-wrap .deep-puple-box{height:240px;}
    .tmoneygo .color-box-wrap .deep-pink-box{height:240px;}
    .tmoneygo .color-box-wrap .deep-orange-box{height:240px;}
    .tmoneygo .color-box-wrap .deep-yellow-box{height:240px;}
    .tmoneygo .color-box-wrap .deep-remon-box{height:240px;}

    .color-box-wrap .deep-blue-box{width:49%; padding:20px 8px; margin-right:8px; display:inline-block; position:relative;}
    .color-box-wrap .deep-puple-box{width:49%; padding:20px 8px; margin-right:0; display:inline-block; position:relative;}
    .color-box-wrap .deep-pink-box{width:100%; padding:20px 8px; margin-top:8px; display:inline-block; position:relative;}
    .color-box-wrap .deep-orange-box{width:49%; padding:20px 8px; margin-right:8px; display:inline-block; position:relative;}
    .color-box-wrap .deep-yellow-box{width:49%; padding:20px 8px; margin-right:0; display:inline-block; position:relative;}
    .color-box-wrap .deep-remon-box{width:100%; padding:20px 8px; margin-top:8px; display:inline-block; position:relative;}

    .today-bbick img {width: 50%;}
    .today-bbick { width: 100%; text-align: center; margin-top: 48px;}
    .sub-business .taxiToday01-slider .slide02 .busi-slide-wrap .mt-img {width: 480px;}
    .taxiToday01-slider{height:760px;}
    .taxiToday01-slider .slide01{height:760px;}
    .taxiToday01-slider .slide02{height:760px;}
    .taxiToday01-slider .slide03{height:760px;}
    .taxiToday01-slider .slide04{height:760px;}
    .taxiToday01-slider .slick-dots{bottom:unset; top:16px;}
    .taxiToday01-slider .business-explane .subhead li span{font-size:18px;}
    .taxiToday01-slider .business-explane .subhead li{font-size:14px;}



    .taxiToday02-slider{height:760px;}
    .taxiToday02-slider .slide01{height:760px;}
    .taxiToday02-slider .slide02{height:760px;}
    .taxiToday02-slider .slide03{height:760px;}
    .taxiToday02-slider .slide04{height:760px;}
    .taxiToday02-slider .slick-dots{bottom:unset; top:16px;}
    .taxiToday02-slider .business-explane .subhead li span{font-size:18px;}
    .taxiToday02-slider .business-explane .subhead li{font-size:14px;}

    .sub-business .taxiToday01-slider .slide02 .busi-slide-wrap .mt-img{width:360px;}
    .sub-business .taxiToday01-slider .slide03 .busi-slide-wrap .mt-img{width:360px;}

    .sub-business .taxiToday02-slider .slide01 .busi-slide-wrap .mt-img{width:360px;}
    .sub-business .taxiToday02-slider .slide02 .busi-slide-wrap .mt-img{width:360px;}
    .sub-business .taxiToday02-slider .slide03 .busi-slide-wrap .mt-img{width:360px;}

    .taxiToday02-slider.slick-dotted.slick-slider{margin-bottom:180px;}

}




/* Mobile */
@media only screen and (max-width: 768px) {
    .main-visual .visual-wrap .main-tit-wrap .main-symbol img{width:12%;}



    .main-slider{height:720px;}
    .main-slider .slide01{height:720px;}
    .main-slider .slide02{height:720px;}
    .main-slider .slide03{height:720px;}
    .main-slider .slide04{height:720px;}

    .main-business .busi-slide-wrap{width:685px;}
    .main-business .business-explane .explane-btn{margin-top:32px;}
    .main-business .busi-slide-wrap .busi-img01{width:56%;}
    .main-business .busi-slide-wrap .busi-img01 img{width:72%; margin:0 auto;}
    .main-business .busi-slide-wrap .busi-img02{width:56%;}
    .main-business .busi-slide-wrap .busi-img02 img{width:72%; margin:0 auto;}
    .main-business .busi-slide-wrap .busi-img03{width:56%;}
    .main-business .busi-slide-wrap .busi-img03 img{width:72%; margin:0 auto;}
    .main-business .busi-slide-wrap .busi-img04{width:56%;}
    .main-business .busi-slide-wrap .busi-img04 img{width:72%; margin:0 auto;}


    .circle-five.circle-gray .circle-list.m-half-circle .wid-circle{width:33%;}


    .circle-six .list-wrap{display:block;}
    .circle-six .circle-list.m-half-circle li:nth-child(odd){margin-right:0;}

    .list-wrap.transport-role .role{width:140px; height:140px;}
    .list-wrap.mtPay-role .role{width:140px; height:140px;}



    .mt-slider{width:363px;}
    .event-slider{width:736px;}

    .taxi-appmeter .circle-three .circle-list .wid-circle{margin-right:10px;}

    .partner-slider {width: 363px;}

}



@media only screen and (max-width: 430px) {
    .main-visual .visual-wrap .main-tit-wrap .main-symbol img{width:20%;}
    .main-business .busi-slide-wrap{width:375px;}
    .main-business .busi-slide-wrap .busi-img01 img{width:100%; margin:0 auto;}
    .main-business .busi-slide-wrap .busi-img02 img{width:100%; margin:0 auto;}
    .main-business .busi-slide-wrap .busi-img03 img{width:100%; margin:0 auto;}
    .main-business .busi-slide-wrap .busi-img04 img{width:100%; margin:0 auto;}

    .main-business .business-explane h3{font-size:28px;}
    .main-con-wrap h2{font-size:28px;}

    .overseas-circle .list-wrap{display:block;}
    .overseas-circle.m-half-circle li{width:48%; margin-right:0; vertical-align: top;}
    .overseas-circle.m-half-circle li .role{margin:0 auto;}

    .circle-second .circle-list li{width:100%;}
    .circle-three .circle-list .wid-circle{width:100%;}
    .circle-three .circle-list .express-circle{width:31%; display:inline-block;}
    .circle-three .circle-list .express-circle .role{width:120px; height:120px; margin:0 auto;}
    .circle-four .circle-list li{width:100%;}
    .circle-four.circle-gray .circle-list .wid-circle{width:100%;}
    .circle-four.circle-gray .circle-list .wid-circle .role{width:160px; height:160px;}
    .circle-five.wid280-circle .circle-list .wid-circle{width:100%;}
    .circle-five.circle-gray .circle-list.m-half-circle .wid-circle{width:48%;}
    .circle-five .circle-list li{width:100%;}
    .circle-five.circle-gray .circle-list .wid-circle{width:100%;}
    .circle-six .circle-list.m-half-circle li{width:48%;}

    .sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit h2{font-size:28px;}

    .talent-wrap .talent-first .list-wrap li{width:100%;}
    .sub-content-wrap .business-explane .greeting-wrap h3{font-size:20px;}
    .esg .esg-counter-list ul li{width:48%;}
    .sub-content-esg .sub-content-wrap .wide-cont-area.half-content h2{font-size:24px;}


    .sub-business .busi-slide-wrap{width:380px;}
    .mt-slider{width:194px;}

    .sub-visual .sub-main-wrap .bento-event .bento-top{height:240px;}
    .event-slider{width:397px; height:240px;}
    .event-slider .slick-slide img{width:100%;}
    .event-slider .event-slide-tit{height:48%;}
    .event-slider .event-slide-tit .event-tit-box{padding: 8px 24px 8px; font-size: 18px;}
    .arrive-slider{width:100%;}

    .tagless-process-img img{width:100%;}
    .mt-ad .tagless-process-img img{width:auto;}
    .mt-ad .content-flex .info-wrap:first-child{margin-bottom:48px;}
    .push-process{display:block;}
    .push-process .push-detail:nth-child(1){width:100%; margin-bottom:80px;}
    .push-process .push-detail:nth-child(2){width:100%;}
    .push-process .push-detail:nth-child(1)::before {
        top: unset;
        right: 50%;
        bottom:-30%;
        margin-top:0;
        margin-right:-20px;
        background: url('../images/common/d-arrow-process.png') no-repeat center center;
        width: 40px;
        height: 45px;
        background-size:contain;
    }
    .push-process .push-detail .push-first{width:200px; height:200px;}
    .push-process .push-detail .push-first .push-info img{width:64%;}


    .card-list-section .item {width:390px; height: 480px;}
    .card-list-section .item.active {width:390px; height: 560px;}
    .van-list .van-product{width:100%;}

    .list-wrap.transport-role{display:block;}
    .list-wrap.transport-role li{margin:0 auto; margin-bottom:8px;}
    .list-wrap.transport-role .role{width:200px; height:200px;}


    .list-wrap.mtPay-role{display:block;}
    .list-wrap.mtPay-role .role{margin:0 auto; margin-bottom:8px;}
    .list-wrap.mtPay-role .role{width:200px; height:200px;}

    .graphic-box img{width:100%;}
    .reward-box .maasReward-img img{width:100%;}

    .taxi-process .taxi-detail .taxi-second{width:160px; height:160px;}
    .taxi-process .taxi-detail .taxi-third{width:160px; height:160px;}
    .taxi-process .taxi-detail .taxi-four{width:160px; height:160px;}
    .taxi-process .taxi-detail .taxi-first ul li::after{bottom:-48%;}
    .taxi-process .taxi-detail .taxi-second .info-prev{right:-45%; text-align:left;}
    .taxi-process .taxi-detail .taxi-third .info-next{left:16%;}
    .taxi-process .taxi-detail .taxi-third .info-prev{right:17%;}

    .taxi-appmeter .circle-three .circle-list .wid-circle .role{width:160px; height:160px;}
    .taxi-appmeter .circle-three .circle-list .wid-circle{width:48%; margin-right:8px;}
    .taxi-appmeter .circle-three .circle-list .wid-circle:nth-child(3n){margin-right:8px;}
    .taxi-appmeter .circle-three .circle-list .wid-circle:nth-child(2n){margin-right:0;}
    .taxi-appmeter .circle-three .circle-list .wid-circle .circle-detail p{font-size:14px;}

    .appmeter-product-v1 li .product-detail.product-horizon ul li{display:block; width:100%;}
    .appmeter-product-v2{display:block;}
    .appmeter-product-v2 li .product-detail ul{display:block; width:100%;}
    .appmeter-product-v2 .product-detail ul li:first-child img{width:100%;}

    .newCard-slider .slick-slide{margin:12px 16px;}
    .newCard-slider .slick-slide img{width:100%;}



    .app-down-area .down-list a{display:inline-block; width:48%; vertical-align: top;}
    .app-down-area .down-list a img{width:100%;}
    .app-down-area .float{width:32%;}
    .half-wrap .half-48 {width: 100%;}
    .app-down-area .down-list.t2 a{width:100%;}
    .taxiPay-counter {display: block; text-align: center;}
    .taxiPay-counter .detail-box:first-child {margin: 0 auto;}
    .taxiPay-counter:last-child {margin-bottom: 48px;}
    .percent-grid {text-align: center;}

    .graphic-process-v1 .taxi-global{flex-direction: column;}
    .graphic-process-v1 .taxi-global li{width:100%; margin-bottom:80px;}
    .graphic-process-v1 .taxi-global li::after{top: unset; bottom:-18%; right: 50%; margin-top: 0; margin-right:-13px;  width: 26px; height: 14px; background: url('../images/common/small-d-arrow-black.png') no-repeat center center;}
    .graphic-process-v1 .taxi-global li:last-child{margin-bottom:0;}
    .graphic-process-v1 .taxi-global li img{width:100%;}
    .graphic-process-v1 .taxi-global.receipt li img{height:280px;}

    .appmeter-product-v3 img{width:100%;}

    .color-box-wrap .deep-blue-box{width:48%; padding:20px 8px; margin-right:8px; display:inline-block; position:relative;}
    .color-box-wrap .deep-puple-box{width:48%; padding:20px 8px; margin-right:0; display:inline-block; position:relative;}
    .color-box-wrap .deep-orange-box{width:48%; padding:20px 8px; margin-right:8px; display:inline-block; position:relative;}
    .color-box-wrap .deep-yellow-box{width:48%; padding:20px 8px; margin-right:0; display:inline-block; position:relative;}

    .today-bbick img {width: 80%;}

    .sub-business .taxiToday01-slider .slide02 .busi-slide-wrap .mt-img {width: 360px;}

    .partner-slider {width: 194px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom .partner-slider .bento-detail img {width: 100%;}

    .sub-visual .sub-main-wrap .bento-transport .narrow-area{font-size:18px;}

}



@media only screen and (max-width: 414px) {
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit h2{font-size:28px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit .history-intro h2:first-child{font-size:48px;}
    .sub-visual .sub-wide-wrap .wide-visual-wrap .sub-tit .history-intro h2:first-child span{font-size:48px;}
    .sub-business .business-explane h3{font-size:28px;}

    .event-slider{width:381px;}
    .newCard-slider{width:381px;}
    .mt-slider{width:186px;}


    .news-card{height:382px;}
    .card-list-section .item{width:370px; height:440px;}
    .card-list-section .item.active {width:370px; height: 520px;}

    .app-down-area h2{font-size:28px;}

    .partner-slider {width: 186px;}
}


@media only screen and (max-width: 390px) {
    .event-slider{width:358px;}
    .newCard-slider{width:358px;}
    .mt-slider{width:174px;}

    .news-card{height:358px;}

    .card-list-section .item{width:350px; height:420px;}
    .card-list-section .item.active {width:350px; height: 500px;}

    .partner-slider {width: 174px;}
    
    table thead tr th{font-size:14px;}
    table tbody tr td{font-size:14px;}

}


@media only screen and (max-width: 375px) {
    .font-small{font-size:14px!important;}

    .main-visual .visual-wrap .main-tit-wrap .main-tit h2{font-size:32px;}
    .main-visual .visual-wrap .main-txt-wrap p{font-size:16px;}
    .main-con-wrap .btn.more-btn{margin-top:32px;}

    .sub-visual .sub-wide-wrap .wide-visual-wrap{height:540px;}
    .sub-visual .sub-main-wrap .visual-wrap{height:540px;}
    .sub-visual .sub-main-wrap .visual-wrap .sub-tit-wrap .sub-tit h2{font-size:24px;}
    .sub-visual .sub-main-wrap .bento-transport h5{font-size:20px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-top .transport-money p{font-size:14px; margin-bottom: 8px;}
    .sub-visual .sub-main-wrap .bento-transport .bento-bottom p{font-size:14px; margin-bottom: 8px;}
    .sub-visual .sub-main-wrap .counter{font-size:28px;}
    .sub-keyword .keyword-tit h2{font-size:24px;}

    .main-business .busi-slide-wrap{width:335px;}
    .sub-business .busi-slide-wrap{width:335px;}

    .card-list-section .item{width:335px; height:400px;}
    .card-list-section .item.active {width:335px; height: 480px;}

    .sub-visual .sub-main-wrap .bento-event .bento-top{height:230px;}
    .event-slider{width:343px; height:230px;}
    .newCard-slider{width:343px;}
    .mt-slider{width:166px;}

    .express-reservation .circle-four.expressOut .circle-list .role{width:102px; height:102px;}
    .express-reservation .circle-four.expressOut .circle-list .role img{height:36px;}
    .express-reservation .circle-four.expressOut .circle-list .role .circle-tit{font-size:18px;}
    .expressOut-box p{font-size:16px;}
    .slider-box.express{width:343px;}
    .arrive-slider{width:343px;}

    .news-card{height:343px;}

    .taxi-appmeter .circle-three .circle-list .wid-circle .role{width:140px; height:140px;}

    .partner-slider {width: 166px;}

}