/*main-sec1*/
.main-sec1 .swiper {
  height: 85vh;
}
.main-sec1 .swiper-slide .inner {
  position: absolute;
  left: 50%;
  bottom: 10vh;
  transform: translateX(-50%);
}
.main-sec1 .swiper-slide .inner h1 {
  color: var(--white);
  font-size: var(--size50);
  font-weight: 700;
  text-align: end;
  
  font-size: 40px;
}
.main-sec1 .swiper-slide1 {
  background: url(../img/main/sec1-bg1.png) no-repeat;
  background-size: cover;
  background-position: 50%, 50%;
}
.main-sec1 .swiper-slide2 {
  background: url(../img/main/sec1-bg2.png) no-repeat;
  background-size: cover;
  background-position: 50%, 50%;
}
.main-sec1 .swiper-slide3 {
  background: url(../img/main/sec1-bg3.png) no-repeat;
  background-size: cover;
  background-position: 50%, 50%;
}
.main-sec1 .sec1-control {
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  z-index: 10;
}
.main-sec1 .sec1-control .swiper-pagination-bullet {
  /*width: 100px;
  height: 5px;*/
  background: var(--white);
  /*border-radius: 0;*/
  opacity: 1;
  margin: 0 4px;

	width: 10px;
	height: 10px;
	border-radius:50%;
}
.main-sec1 .sec1-control .swiper-pagination-bullet-active {
  background: var(--primary);
}
/*main-sec2*/
.main-sec2 {
  padding: 50px 0;
  background: var(--gray01);
}
.main-sec2 .quick-menu {
  display: flex;
  gap: 24px;
}
.main-sec2 .quick-menu > li {
  width: calc(25% - 18px);
}
.main-sec2 .quick-menu > li > a {
  background: var(--white);
  border-radius: 20px;
  padding: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.main-sec2 .quick-menu .icon-box {
  width: 90%;
  max-width: 84px;
  margin: auto;
  position: relative;
}
.main-sec2 .quick-menu .icon-box img {
  transition: all 0.4s;
}
.main-sec2 .quick-menu .icon-box img:nth-child(2) {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.main-sec2 .quick-menu p {
  font-size: var(--size22);
  font-weight: 500;
  transition: all 0.4s;
  text-align: center;
}
.main-sec2 .quick-menu > li > a:hover {
  background: var(--primary);
  color: var(--white);
}
.main-sec2 .quick-menu > li > a:hover .icon-box img:nth-child(1) {
  opacity: 0;
}
.main-sec2 .quick-menu > li > a:hover .icon-box img:nth-child(2) {
  opacity: 1;
}
/*main-sec3*/
.main-sec3 {
  padding: 50px 0;
}
.main-sec3 .inner {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}
.main-sec3 .notice-area {
  width: calc(65% - 48px);
}
.main-sec3 .notice-area .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.main-sec3 .notice-area .title h1 {
  font-size: var(--size34);
  font-weight: 500;
}
.main-sec3 .notice-area .title .more-btn {
  width: 30px;
  height: 30px;
}
.main-sec3 .notice-area .notice-list {
  border-radius: 20px;
  border: 1px solid var(--gray02);
  box-sizing: border-box;
  padding: 35px 40px;
  background: var(--white);
}
.main-sec3 .notice-area .notice-item a {
  padding: 12px 10px 12px 26px;
  border-bottom: 1px solid var(--gray02);
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.main-sec3 .notice-area .notice-item a::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--primary);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.main-sec3 .notice-area .notice-item a span {
  font-size: 14px;
  color: var(--primary);
}
.main-sec3 .notice-area .notice-item:last-child a {
  border-bottom: 0;
}
.main-sec3 .banner-area {
  width: 35%;
}
/*main-sec4*/
.main-sec4 {
  padding: 50px 0;
  background: var(--gray03);
}
.main-sec4 .inner {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}
.main-sec4 .lost-area .btn-wrap {
  display: flex;
  gap: 10px;
}
.main-sec4 .lost-area .btn-wrap a {
  padding: 10px 22px;
  border-radius: 10px;
  background: var(--secondary);
  color: var(--white);
  font-weight: 500;
  display: block;
}
.main-sec4 .lost-area .btn-wrap a:last-child {
  background: var(--primary);
}
.main-sec4 .lost-area .btn-wrap2 {
  display: none;
}
.main-sec4 .partner-area {
  width: 35%;
}
.main-sec4 .partner-area h1 {
  font-size: var(--size24);
  font-weight: 500;
  margin-bottom: 20px;
}
.main-sec4 .partner-area .banner-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/*subtop*/
.sub-top {
  background: url(../img/sub/subtop1.png) no-repeat;
  background-size: cover;
  background-position: 50%, 50%;
  padding: 77px 0;
}
.sub-top2 {
  background: url(../img/sub/subtop2.png) no-repeat;
  background-size: cover;
  background-position: 50%, 50%;
}
.sub-top3 {
  background: url(../img/sub/subtop3.png) no-repeat;
  background-size: cover;
  background-position: 50%, 50%;
}
.sub-top4 {
  background: url(../img/sub/subtop4.png) no-repeat;
  background-size: cover;
  background-position: 50%, 50%;
}
.sub-top h1 {
  text-align: center;
  font-size: var(--size38);
  font-weight: 600;
  color: var(--white);
}
/*subtop-nav*/
.subtop-nav {
  border-bottom: 1px solid var(--gray02);
}
.subtop-nav .mob-btn {
  display: none;
}
.subtop-nav .nav-list {
  display: flex;
}
.subtop-nav .nav-list > li {
  width: 25%;
  position: relative;
}
.subtop-nav .nav-list2 > li {
  width: 33.333%;
  position: relative;
}
.subtop-nav .nav-list3 > li {
  width: 50%;
  position: relative;
}

.subtop-nav .nav-list > li::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--secondary);
  opacity: 0;
}
.subtop-nav .nav-list > li > a {
  text-align: center;
  color: var(--gray06);
  font-size: var(--size18);
  padding: 18px 0;
  display: block;
}
.subtop-nav .nav-list > li.on > a {
  color: var(--secondary);
}
.subtop-nav .nav-list > li.on::before {
  opacity: 1;
}
/*sub-con*/
.sub-con {
  padding: 100px 0;
}
.sub-con2 {
  padding: 100px 0 0;
}
.sub-title {
  font-size: var(--size40);
  font-weight: 700;
  text-align: center;
  margin-bottom: 60px;
}
.sub-title2 {
  font-size: var(--size34);
  font-weight: 700;
  margin-bottom: 20px;
}
/*station*/
.station-wrap {
  display: flex;
  gap: 40px;
}
.station-wrap .search-area {
  width: calc(27% - 40px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.station-wrap .search-input {
  border-radius: 10px;
  background: var(--gray04);
  border: 1px solid var(--gray02);
  overflow: hidden;
}
.station-wrap .search-input input {
  height: 50px;
  box-sizing: border-box;
  padding: 0 60px 0 20px;
  background: url("../img/icon/ic-search.png") calc(100% - 20px) center
    no-repeat;
  background-size: 24px;
  width: 100%;
}
.station-wrap .search-input input::placeholder {
  color: var(--gray05);
}
.station-wrap .often-box {
  border: 1px solid var(--gray02);
  box-sizing: border-box;
  padding: 20px;
  height: 540px;
  overflow-y: auto;
}
.station-wrap .often-box .often-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.station-wrap .often-box .often-list > li > a {
  transition: all 0.4s;
}
.station-wrap .often-box .often-list > li > a:hover {
  color: var(--primary);
}
.station-wrap .map-area {
  width: 73%;
}
.station-wrap .map-box {
  height: 480px;
}
.station-wrap .map-box iframe {
  width: 100%;
  height: 100%;
}
.station-wrap .map-info {
  background: var(--gray03);
  box-sizing: border-box;
  padding: 18px 30px;
  display: flex;
  gap: 20px;
}
.station-wrap .map-info .info-box {
  width: calc(100% - 160px);
  display: flex;
  align-items: center;
  gap: 20px;
}
.station-wrap .map-info .info-box img {
  width: 50px;
}
.station-wrap .map-info .info-box .info-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.station-wrap .map-info .info-box p span {
  color: var(--primary);
}
.station-wrap .map-info .btn-box {
  width: 140px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.station-wrap .map-info .btn-box a {
  border-radius: 10px;
  background: var(--secondary);
  color: var(--white);
  width: 100%;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.station-wrap .map-info .btn-box a:last-child {
  background: var(--primary);
}
/*route*/
.route-wrap .route-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.route-wrap .route-list > li {
  width: calc(20% - 16px);
}
.route-wrap .route-list > li > a {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid var(--gray02);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.route-wrap .route-list .num {
  font-size: var(--size22);
  font-weight: 500;
}
.route-wrap .route-list .region {
  color: var(--gray06);
  font-weight: 500;
}
.route-wrap .route-list > li.on > a {
  border: 1px solid var(--primary);
}
.route-wrap .route-list > li.on .num {
  color: var(--primary);
}
.route-wrap .route-info {
  margin: 90px 0 80px;
}
.route-wrap .route-info .route-num {
  display: flex;
  align-items: baseline;
  gap: 12px;
  font-size: var(--size46);
  font-weight: 700;
  margin-bottom: 40px;
}
.route-wrap .route-info .route-num span {
  font-size: var(--size20);
  font-weight: 400;
}
.route-wrap .route-info .info-box {
  display: flex;
  align-items: flex-start;
  gap: 12.5%;
}
.route-wrap .route-info .info-box .left-area {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.route-wrap .route-info table {
  text-align: center;
  font-size: 14px;
}
.route-wrap .route-info table th:nth-child(1) {
  width: 130px;
}
.route-wrap .route-info table th:nth-child(2) {
  width: 270px;
}
.route-wrap .route-info table thead tr {
  border-top: 1px solid var(--primary);
}
.route-wrap .route-info table thead tr,
.route-wrap .route-info table tbody tr {
  border-bottom: 1px solid var(--gray02);
}
.route-wrap .route-info table th,
.route-wrap .route-info table td {
  border-right: 1px solid var(--gray02);
}
.route-wrap .route-info table th:last-child,
.route-wrap .route-info table td:last-child {
  border-right: 0;
}
.route-wrap .route-info table th,
.route-wrap .route-info table td {
  padding: 8px 0;
  vertical-align: middle;
}
.route-wrap .route-info table th,
.route-wrap .route-info table span {
  color: var(--primary);
}
.route-wrap .route-tab .tab-nav {
  display: flex;
  gap: 8px;
}
.route-wrap .route-tab .tab-nav > li {
  cursor: pointer;
  border-radius: 20px 20px 0 0;
  border: 1px solid var(--gray02);
  width: 180px;
  padding: 20px 0;
  box-sizing: border-box;
  font-size: var(--size18);
  color: var(--gray06);
  text-align: center;
}
.route-wrap .route-tab .tab-nav > li.on {
  border: 1px solid var(--secondary);
  background: var(--secondary);
  color: var(--white);
}
.route-wrap .route-tab .tab-con > div {
  display: none;
  border: 1px solid var(--gray02);
  padding: 310px 140px 100px 50px;
  margin-top: -1px;
}
.route-wrap .route-tab .tab-con > div.on {
  display: block;
}
.route-wrap .route-tab .route-map {
  position: relative;
}
.route-wrap .route-tab .route-link {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 111%;
}
.route-wrap .route-tab .route-link > li {
  width: 10%;
  position: relative;
}
.route-wrap .route-tab .route-link > li a {
  transform: rotate(-45deg);
  display: inline-block;
  font-size: var(--size18);
  font-weight: 500;
  width: max-content;
  transform-origin: left;
  position: absolute;
  left: 0;
  bottom: 0px;
}
.route-wrap .route-tab .route-course {
  display: flex;
  position: relative;
  width: 100%;
  justify-content: space-between;
  margin: 0 auto;
}
.route-wrap .route-tab .route-course::before {
  content: "";
  width: 100%;
  height: 6px;
  background: var(--secondary);
  border-radius: 20px;
  position: absolute;
  left: 5px;
  bottom: 0;
}
.route-wrap .route-tab .route-course > li {
  position: relative;
}
.route-wrap .route-tab .route-course > li > a {
  position: relative;
}
/*
.route-wrap .route-tab .route-course > li:nth-child(1)::before,
.route-wrap
  .route-tab
  .route-course
  > li:nth-last-child(2):not(:last-child):before {
  content: "";
  width: 7px;
  height: 6px;
  background: url(../img/icon/ic-route.png) no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  position: absolute;
  left: 55%;
  top: -6px;
  z-index: 28;
  transform: translateX(-50%);
}
*/
.route-wrap .route-tab .route-course .mark {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--secondary);
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 1;
  background: #fff;
}
.route-wrap .route-tab .route-course .mark-end {
  width: 16px;
  height: 16px;
  bottom: -4px;
}
.route-wrap .route-tab .route-course .mark-big {
  width: 16px;
  height: 16px;
  border: 5px solid var(--secondary);
  bottom: -4px;
}
.route-wrap .route-tab .route-course .course-name {
  font-size: 14px;
  font-weight: 500;
  transform: rotate(-45deg);
  transform-origin: left;
  position: absolute;
  left: 4px;
  bottom: 8px;
  width: max-content;
}
.route-wrap .route-tab .route-txt {
  margin-top: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.route-wrap .route-tab .route-txt .btn-box {
  display: flex;
  gap: 8px;
}
.route-wrap .route-tab .route-txt .btn-box > a {
  background: var(--secondary);
  color: var(--white);
  padding: 10px 26px;
  border-radius: 10px;
}
.route-wrap .route-tab .route-txt .btn-box > a:last-child {
  background: var(--primary);
}
.route-wrap .route-schedule {
  margin: 60px 0;
}
.route-wrap .route-schedule .schedule-box {
  display: flex;
  border-top: 1px solid #222;
}
.route-wrap .route-schedule .schedule-wrap .schedule-box:last-child {
  border-bottom: 1px solid var(--gray02);
}
.route-wrap .route-schedule .schedule-box .title {
  width: 56px;
}
.route-wrap .route-schedule .schedule-box .title.mob {
  display: none;
}
.route-wrap .route-schedule .schedule-box .title dd {
  background: var(--gray01);
}
.route-wrap .route-schedule .schedule-box dl {
  width: calc(8.333% - 4.666px);
}
.route-wrap .route-schedule .schedule-box dl dt,
.route-wrap .route-schedule .schedule-box dl dd {
  text-align: center;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-right: 1px solid var(--gray02);
}
.route-wrap .route-schedule .schedule-box dl:last-child dt,
.route-wrap .route-schedule .schedule-box dl:last-child dd {
  border-right: 0;
}
.route-wrap .route-schedule .schedule-box dl dt {
  background: var(--gray01);
  border-bottom: 1px solid var(--gray02);
  padding: 14px 0;
}
.route-wrap .route-schedule .schedule-box dl dd {
  min-height: 90px;

  padding: 8px 0;
}
.route-wrap .route-schedule .alert-txt {
  margin-top: 20px;
}
.route-wrap .route-location .location-map {
  height: 310px;
}
.route-wrap .route-location .location-map iframe {
  width: 100%;
  height: 100%;
}
.route-wrap .route-location .location-txt {
  display: flex;
  margin-top: 20px;
}
.route-wrap .route-location .location-txt > dl {
  width: 50%;
}
/*real-wrap*/
.real-wrap .real-info {
  margin-top: 90px;
}
.real-wrap .real-info .real-num {
  font-size: var(--size46);
  font-weight: 700;
  margin-bottom: 40px;
}
.real-wrap .real-info .real-area {
  display: flex;
  align-items: flex-start;
  gap: 80px;
}
.real-wrap .real-info .real-area .left-area {
  width: 44%;
}
.real-wrap .real-info .real-area .right-area {
  width: calc(56% - 80px);
}
.real-wrap .real-time {
  border: 1px solid var(--gray02);
  border-radius: 20px;
  padding: 32px 42px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.real-wrap .bus-info {
  margin-top: 40px;
}
.real-wrap .bus-info h3 {
  font-size: var(--size20);
  font-weight: 700;
  margin-bottom: 20px;
}
.real-wrap .loctaion-info .top-area {
  border-radius: 20px 20px 0 0;
  background: var(--primary);
  color: var(--white);
  padding: 24px 40px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.real-wrap .loctaion-info .top-area dl {
  display: flex;
  gap: 20px;
}
.real-wrap .loctaion-info .top-area dl dt {
  display: flex;
  align-items: center;
  gap: 6px;
  position: relative;
}
.real-wrap .loctaion-info .top-area dl dt::after {
  content: "";
  width: 1px;
  height: 16px;
  background: var(--white);
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.real-wrap .loctaion-info .top-area dl dt img {
  width: 20px;
}
.real-wrap .loctaion-info .top-area div {
  display: flex;
  align-items: center;
  gap: 16px;
}
.real-wrap .loctaion-info .top-area .refresh-btn {
  width: 24px;
  border: 0;
  background: transparent;
  padding: 0;
}
.real-wrap .loctaion-info .location-list {
  border: 1px solid var(--gray02);
  border-top: 0;
  border-radius: 0 0 20px 20px;
  box-sizing: border-box;
  padding: 20px 0 20px 20px;
  position: relative;
}
.real-wrap .loctaion-info .location-list::before {
  content: "";
  width: 4px;
  height: calc(100% - 102px);
  background: var(--gray07);
  position: absolute;
  left: 125px;
  top: 50%;
  z-index: -1;
  transform: translateY(-50%);
}
.real-wrap .loctaion-info .item-box {
  display: flex;
  align-items: center;
  gap: 18px;
}
.real-wrap .loctaion-info .item-box .icon-box {
  width: 128px;
  box-sizing: border-box;
  padding-left: 90px;
  position: relative;
}
.real-wrap .loctaion-info .item-box .icon-box .img-box {
  width: 34px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.real-wrap .loctaion-info .item-box .icon-box .check {
  width: 20px;
}
.real-wrap .loctaion-info .item-box .icon-box .bubble-box {
  width: 76px;
  height: 50px;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/icon/ic-bubble.png) no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.real-wrap .loctaion-info .item-box .txt-box {
  width: calc(100% - 146px);
  padding: 20px 0;
  border-bottom: 1px solid var(--gray02);
  color: var(--gray05);
}
.real-wrap .loctaion-info .item-box:last-child .txt-box {
  border-bottom: 0;
}
.real-wrap .loctaion-info .item-box .txt-box h6 {
  font-size: 1rem;
  font-weight: 400;
}
.real-wrap .loctaion-info .item-box .txt-box p {
  font-size: 14px;
}
.real-wrap .loctaion-info .item-box .txt-box.on h6 {
  color: #222;
}
.real-wrap .loctaion-info .item-box .txt-box.on p {
  color: var(--gray06);
}
/*incheon*/
.incheon-info {
  /*margin-top: 90px;*/
}
.incheon-info > div {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
/*price*/
.price-info {
  margin-top: 90px;
}
.price-info .payment-method {
  font-weight: 500;
  margin-bottom: 8px;
}
/*faq*/
.faq-wrap {
  border-top: 1px solid #222;
}
.faq-wrap .que-box {
  box-sizing: border-box;
  border-bottom: 1px solid var(--gray02);
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.faq-wrap .que-box p {
  display: flex;
  align-items: center;
  gap: 24px;
}
.faq-wrap .que-box p span {
  color: var(--primary);
  font-size: var(--size24);
}
.faq-wrap .que-box .plus {
  width: 18px;
  height: 18px;
  position: relative;
}
.faq-wrap .que-box .plus span {
  background: #222;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 500;
}
.faq-wrap .que-box .plus span:nth-child(1) {
  width: 100%;
  height: 1px;
}
.faq-wrap .que-box .plus span:nth-child(2) {
  width: 1px;
  height: 100%;
  transition: all 0.4s;
}
.faq-wrap .faq-box.on .que-box .plus span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}
.faq-wrap .ans-box {
  display: none;
}
.faq-wrap .ans-box > div {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding: 14px 24px;
  background: var(--gray04);
}
.faq-wrap .ans-box .tit {
  color: var(--primary);
  font-size: var(--size24);
  font-weight: 500;
  display: inline-block;
}
.faq-wrap .ans-box .txt {
  margin-top: 2px;
}
/*분실물안내*/
.board-style1 .bo-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 24px;
}
.board-style1 .bo-list > div {
  width: calc(25% - 18px);
}
.board-style1 .bo-list .bo-thum {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  padding-bottom: 67.55%;
}
.board-style1 .bo-list .bo-thum img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}
.board-style1 .bo-list .bo-txt {
  margin-top: 14px;
}
.board-style1 .bo-list .bo-txt .bo-tit {
  font-weight: 500;
  margin-bottom: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}
.board-style1 .bo-list .bo-txt .bo-date {
  color: var(--gray06);
}
/*분실물 접수*/
.lost-wrap .lost-alert p {
  line-height: 1.62;
}
.lost-wrap .lost-alert p span {
  color: var(--primary);
}
.lost-wrap .lost-step {
  margin: 80px 0;
}
.lost-wrap .lost-step > div {
  display: flex;
  gap: 40px;
  margin-top: 50px;
}
.lost-wrap .lost-step .step-box {
  width: calc(33.333% - 26.666px);
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid var(--gray02);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 500;
  position: relative;
  padding: 33px 0;
}
.lost-wrap .lost-step .step-box .txt {
  line-height: 1.62;
}
.lost-wrap .lost-step .step-box .txt span {
  color: #37b7c7;
}
.lost-wrap .lost-step .step-box .num {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #37b7c7;
  color: var(--white);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%);
}
.lost-wrap .lost-step .step-box:nth-child(2) .txt span {
  color: var(--secondary);
}
.lost-wrap .lost-step .step-box:nth-child(2) .num {
  background: var(--secondary);
}
.lost-wrap .lost-step .step-box:nth-child(3) .txt span {
  color: var(--primary);
}
.lost-wrap .lost-step .step-box:nth-child(3) .num {
  background: var(--primary);
}
.lost-wrap .lost-form .form-alert {
  color: var(--gray06);
}
.lost-wrap .lost-form .form-wrap {
  margin: 30px 0;
  border-top: 1px solid #222;
}
.lost-wrap .lost-form .input-wrap {
  display: flex;
  border-bottom: 1px solid var(--gray02);
}
.lost-wrap .lost-form .input-tit {
  width: 140px;
  background: var(--gray01);
  display: flex;
  align-items: center;
  padding: 0 24px;
}
.lost-wrap .lost-form .input-tit span {
  color: var(--secondary);
}
.lost-wrap .lost-form .input-box {
  width: calc(100% - 140px);
  padding: 10px 16px;
  box-sizing: border-box;
}
.lost-wrap .lost-form .input-box input,
.lost-wrap .lost-form .input-box select,
.lost-wrap .lost-form .input-box textarea {
  width: 100%;
  height: 38px;
  border-radius: 5px;
  border: 1px solid var(--gray02);
  box-sizing: border-box;
  padding: 0 8px;
  font-size: 14px;
}
.lost-wrap .lost-form .wid-496 {
  width: 100%;
  max-width: 496px;
  display: flex;
  gap: 8px;
}
.lost-wrap .lost-form .wid-496 input,
.lost-wrap .lost-form .wid-496 select {
  width: calc(33.333% - 5.333px);
}
.lost-wrap .lost-form .wid-496 input::placeholder {
  color: var(--gray06);
}
.lost-wrap .lost-form .wid-752 {
  width: 100%;
  max-width: 752px;
  display: flex;
  gap: 8px;
}
.lost-wrap .lost-form .wid-752 input,
.lost-wrap .lost-form .wid-752 select {
  width: 240px;
}
.lost-wrap .lost-form .wid-752 > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 248px);
}
.lost-wrap .lost-form .date-select select {
  width: calc(20% - 6.4px);
}
.lost-wrap .lost-form select {
  background: url("../img/icon/ic-select.png") calc(100% - 8px) center no-repeat;
  background-size: 12px;
  padding: 0 24px 0 16px;
  font-family: "pretendard";
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
}
.lost-wrap .lost-form select:focus {
  outline: 0;
}
.lost-wrap .lost-form .input-box textarea {
  height: 138px;
  padding: 12px 8px;
  font-size: 14px;
  font-family: "pretendard";
}
.lost-wrap .lost-form .input-box textarea::placeholder {
  color: var(--gray06);
}
.lost-wrap .check-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.lost-wrap .check-item .check-box {
  border: 1px solid var(--gray02);
  border-radius: 20px;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lost-wrap .check-item .check-box label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.lost-wrap .check-item .check-box label span {
  color: var(--secondary);
}
.lost-wrap .check-item .check-box label input {
  display: none;
}
.lost-wrap .check-item .check-box label .check {
  width: 16px;
  height: 16px;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid var(--gray02);
  position: relative;
}
.lost-wrap .check-item .check-box label .check::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/icon/ic-check2.png) no-repeat;
  background-size: 12px;
  background-position: 50% 50%;
}
.lost-wrap .check-item .check-box label input:checked + .check {
  background: var(--secondary);
  border: 1px solid var(--secondary);
}
.lost-wrap .check-item .check-box label input:checked + .check::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/icon/ic-check3.png) no-repeat;
  background-size: 12px;
  background-position: 50% 50%;
}
.lost-wrap .check-item .check-box .plus-btn {
  width: 18px;
  height: 18px;
  position: relative;
  cursor: pointer;
}
.lost-wrap .check-item .check-box .plus-btn span {
  background: #222;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
}
.lost-wrap .check-item .check-box .plus-btn span:nth-child(1) {
  width: 100%;
  height: 1px;
}
.lost-wrap .check-item .check-box .plus-btn span:nth-child(2) {
  width: 1px;
  height: 100%;
}
.lost-wrap .check-item .check-box.on .plus-btn span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg);
}
.lost-wrap .check-item .check-con {
  display: none;
  margin-top: 10px;
  border-radius: 20px;
  border: 1px solid var(--gray02);
  background: var(--gray04);
  box-sizing: border-box;
  padding: 32px;
}
.lost-wrap .form-btn {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.lost-wrap .form-btn button {
  width: 160px;
  height: 48px;
  border-radius: 10px;
  background: var(--secondary);
  color: var(--white);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lost-wrap .form-btn button:last-child {
  background: var(--primary);
}
/*채용*/
.bo-banner {
  margin-bottom: 50px;
}
.board-style2 .bo-list table {
  width: 100%;
  border-top: 1px solid #222;
  table-layout: fixed;
}
.board-style2 .bo-list table tr {
  border-bottom: 1px solid var(--gray02);
}
.board-style2 .bo-list table thead {
  text-align: center;
  font-weight: 500;
}
.board-style2 .bo-list table .wid80 {
  width: 80px;
  text-align: center;
}
.board-style2 .bo-list table .wid120 {
  width: 120px;
  text-align: center;
}
.board-style2 .bo-list table th,
.board-style2 .bo-list table td {
  padding: 20px 0;
}
.board-style2 .bo-list table a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
/*contact-wrap*/
.contact-wrap .map-box {
  height: 500px;
}
.contact-wrap .map-box iframe {
  width: 100%;
  height: 100%;
}
.contact-wrap .map-info {
  width: 90%;
  margin: -82px auto 0;
  max-width: 1024px;
  background: var(--primary);
  color: var(--white);
  padding: 40px 64px;
  z-index: 1;
  position: relative;
}
.contact-wrap .map-info h1 {
  font-size: var(--size34);
  font-weight: 700;
  margin-bottom: 14px;
}
.contact-wrap .map-info > div {
  display: flex;
  gap: 40px;
}
.contact-wrap .map-info dl {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: var(--size18);
}
.contact-wrap .map-info dl dt {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.contact-wrap .map-info dl dt img {
  width: auto;
  height: 20px;
}
.contact-wrap .map-info2 {
  margin-top: 80px;
}
.contact-wrap .map-info2 h3 {
  font-size: var(--size20);
  font-weight: 700;
  margin-bottom: 10px;
}
.contact-wrap .map-info2 p {
  display: flex;
  align-items: center;
  gap: 16px;
}
.contact-wrap .map-info2 p img {
  width: 30px;
}
/*회사소개*/
.intro-wrap .intro-con .txt1 {
  font-size: var(--size28);
  font-weight: 500;
  margin-bottom: 20px;
}
.intro-wrap .intro-con .txt2 {
  line-height: 1.52;
}
.intro-wrap .intro-con .txt2 span {
  color: var(--secondary);
}
.intro-wrap .intro-con .txt3 {
  font-size: var(--size20);
  font-weight: 700;
  margin-top: 50px;
}
.intro-wrap .intro-con .con-list {
  display: flex;
  margin: 56px 0 80px;
}
.intro-wrap .intro-con .con-list > li {
  width: 33.333%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.intro-wrap .intro-con .con-list .img-box {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.intro-wrap .intro-con .con-list .img-box img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.intro-wrap .intro-con .con-list p {
  font-size: var(--size18);
  font-weight: 500;
  text-align: center;
}
.intro-wrap .intro-con .con-list p span {
  color: var(--primary);
}
.intro-wrap .intro-his {
  padding: 100px 0;
  background: var(--gray03);
  margin-top: 100px;
}
.intro-wrap .intro-his .inner {
  display: flex;
  gap: 190px;
}
.intro-wrap .intro-his .his-tit {
  font-size: var(--size34);
  font-weight: 500;
  color: var(--secondary);
  width: 130px;
}
.intro-wrap .intro-his .his-list {
  width: calc(100% - 320px);
  border-top: 2px solid var(--secondary);
  border-bottom: 2px solid var(--secondary);
}
.intro-wrap .intro-his .his-item {
  padding: 20px 22px;
  display: flex;
  align-items: flex-start;
  gap: 40px;
  border-bottom: 1px solid var(--gray02);
}
.intro-wrap .intro-his .his-item:last-child {
  border-bottom: 0;
}
.intro-wrap .intro-his .his-item .year {
  font-size: var(--size24);
  color: var(--secondary);
  font-weight: 700;
  width: 62px;
}
.intro-wrap .intro-his .his-item .month {
  width: 36px;
  font-weight: 500;
  margin-top: 5px;
}
.intro-wrap .intro-his .his-item .con {
  width: calc(100% - 178px);
  font-weight: 500;
  margin-top: 5px;
}
.root_daum_roughmap .wrap_map {
    border-bottom: 1px solid #dfdfdf;
}