@charset "UTF-8";

@import url(reset.css?v=1);

/* @import url("https://webfontworld.github.io/pretendard/Pretendard.css"); */

@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 200; src: url('/css/fonts/Pretendard-Thin.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 300; src: url('/css/fonts/Pretendard-Light.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 400; src: url('/css/fonts/Pretendard-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 500; src: url('/css/fonts/Pretendard-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 600; src: url('/css/fonts/Pretendard-Bold.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 700; src: url('/css/fonts/Pretendard-ExtraBold.woff2') format('woff2'); }
@font-face { font-family: 'Pretendard'; font-style: normal; font-weight: 800; src: url('/css/fonts/Pretendard-Black.woff2') format('woff2'); }

:root {
  --primary-color: #ffd500;
  --primary-hover-color: #ffc700;
  --primary-lightcolor: #fff4d9;
  --highlight: #ff9a02;
  --text-dark: #151515;
  --text-lightdark: #4f4f4f;
  --gray: #5c5c5c;
  --lightgray: #d9d9d9;
  --main-font-color: #222;
  --dotgray: #999999;
  --point-color: #ff7a00;
  --primary-stroke: #ff9a02;
}

body { font-family: "Pretendard";overflow-x: hidden !important;}

::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-thumb {
  background-color: #ffd502;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}
::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}
/* .container{background-color: skyblue !important;} */

/* 팝업레이어 */
#hd_pop {
  z-index: 1000;
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 1px;
}
#hd_pop h2 {
  position: absolute;
  font-size: 0;
  text-indent: -9999em;
  line-height: 0;
  overflow: hidden;
}
.hd_pops {
  position: absolute;
  border: 1px solid #e9e9e9;
  background: #fff;
}

.hd_pops_footer {
  margin-top:-3px;
  padding: 10px 0;
  background: #000;
  color: #fff;
  text-align: right;
}
.hd_pops_footer button {
  margin-right: 5px;
  padding: 5px 10px;
  border: 0;
  background: #393939;
  color: #fff;
}

/* 화면낭독기 사용자용 */
#hd_login_msg {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.msg_sound_only,
.sound_only {
  display: inline-block !important;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  font-size: 0;
  text-indent: -9999em;
  line-height: 0;
  border: 0 !important;
  overflow: hidden !important;
}

/* .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
	align-items: center !important;
} */

.container { max-width: 1060px; margin: 0 auto;padding:0 !important}

#hd {
  position: relative;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  border-bottom: 1px solid #ccc;
  background: rgb(255, 255, 255);
}

#hd .header {
  /*  height: 68px; */
  width: 1060px;
  margin: 0 auto;
}

#hd .header .navbar {
  padding: 0px;
  width: 100%;
  display: flex;
}

#hd .navbar > .container-fluid {
  display: flex;
  width: 100%;
  flex-wrap: inherit;
  background: #fff;
  justify-content: space-between;
  padding: 0px;
}

#hd .navbar > .container-fluid::before {
  display: none;
}

#hd .hd_wr {
  position: relative;
  padding: 10px 0px;
  height: 100%;
  /* box-sizing: border-box; */
}

#hd .logo {
  /* float: left; */
  display: inline-block;
  /* padding: 0 20px;
  width: 210px; */
  height: 68px;
  display: flex;
  /* min-width: 230px; */
  align-items: center;
  justify-content: center;
}

#hd .logo a img {
  width: 100%;
}

#hd .nav-item a {
  font-size: 17px;
  color: #000 !important;
  font-weight: 500;
}
#hd .nav-item.nation_flag {
  border: 1px solid #c1c1c1;
  border-radius: 3rem;
  padding: 0 20px;
}

#hd .nav-item .log,
#hd .nav-item .search {
  font-size: 14px;
}

#hd .navbar-toggler {
  border: none;
  min-height: 68px;
  width: 68px;
  display: flex;
  padding: 0 20px;
  align-items: center;
}

#hd .navbar-nav {
  gap: 30px;
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}

.navbar-collapse nav .collapseing {
  background: #fff;
}

#hd .navbar-toggler-icon {
  display: none;
}

#hd .nav {
  justify-content: center;
}
.menu ul li {
  float: left;
  padding: 13px;
}

.menu ul li a {
  color: var(--text-dark);
  font-size: 1.1rem;
  font-weight: 800;
}

.login {
  float: left;
}

.login ul li {
  float: left;
  padding: 13px;
}

.login ul li a {
  color: var(--text-dark);
  font-size: 1rem;
}

.login ul li a.line::after {
  content: "";
  width: 1px;
  height: 14px;
  background: #000;
  position: absolute;
  top: 24px;
  right: 80px;
}

#hd .m_header {
  display: none;
}

#hd .sidebar {
  display: none;
}

/* ////////////////////////banner/////////////////////////////*/

#banner {
  margin-top: 68px;
}

#banner .swiper {
  height: 440px;
}

.banner1 {
  background: url(http://renew.zimcarry.net/lee/img/main_banner1.png) center
    no-repeat;
  background-size: cover;
}
.banner_desc {
  padding-top: 73px;
  color: var(--main-font-color);
}
.banner_desc p {
  font-size: 30px;
  color: var(--highlight);
  line-height: 2;
  font-weight: 700;
}

.banner_desc strong {
  display: block;
  font-size: 40px;
  font-weight: 800;
  line-height: 1.4;
}

.banner_desc span {
  font-size: 20px;
  font-weight: 500;
  margin-top: 20px;
  display: block;
}

.banner2 {
  background: url(http://renew.zimcarry.net/lee/img/main_banner2.png) center
    no-repeat;
  background-size: cover;
}

.banner3 {
  background: url(http://renew.zimcarry.net/lee/img/main_banner3.png) center
    no-repeat;
  background-size: cover;
}

.main_button {
  margin-top: 26px;
  display: flex;
  justify-content: center;
}

.main_button ul {
  display: inline-block;
}

.main_button ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main_button ul li button {
  position: relative;
  width: 90px;
  height: 90px;
  border: none;
  border-radius: 20px;
  box-shadow: 4px 3px 5px rgb(151 149 149 / 11%), -3px -2px 8px #ffffff;
  margin: 0 40px;
}

.main_button ul li span {
  font-size: 18px;
  display: block;
  white-space: nowrap;
  text-align: center;
  margin-top: 19px;
  font-weight: 600;
  width: 100%;
  position: relative;
  z-index: 5;
  color: #222;
}

.main_button ul .deliver button {
  background: #fff url(http://renew.zimcarry.net/lee/img/banner_icon1-1.png)
    /* deliver_icon.png */ center no-repeat;
  background-color: #fbfbfb;
  background-size: 85%;
  display: block;
}
/* 
.main_button ul .deliver button:active {
  background: var(--primary-hover-color)
    url(http://renew.zimcarry.net/lee/img/deliver_icon2.png) center no-repeat;
  background-size: 58%;
} */

.main_button ul .storage button {
  background: #fff url(http://renew.zimcarry.net/lee/img/banner_icon2.png)
    /* storage_icon */ center no-repeat;
  background-color: #fbfbfb;
  background-size: 58%;
}

/* .main_button ul .storage button:active {
  background: var(--primary-hover-color)
    url(http://renew.zimcarry.net/lee/img/stroage_icon2.png) center no-repeat;
  background-size: 58%;
} */

.main_button ul .rent button {
  background: #fff url(http://renew.zimcarry.net/lee/img/banner_icon3.png)
    center no-repeat;
  background-color: #fbfbfb;
  background-size: 58%;
}

/* .main_button ul .rent button:active {
  background: var(--primary-hover-color)
    url(http://renew.zimcarry.net/lee/img/camera_icon2.png) center no-repeat;
  background-size: 58%;
} */

.main_button ul .ticket button {
  background: #fff url(http://renew.zimcarry.net/lee/img/banner_icon3.png)
    center no-repeat;
  background-color: #fbfbfb;
  background-size: 58%;
}

/* 스와이퍼 설정 */
.swiper {
  width: 100%;
  position: relative;
  cursor:grab;
}

.swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: transparent;
  background-color: var(--dotgray);
  opacity: 1;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 5px 3px;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  display: flex;
  align-items: center;
  justify-content: center;
  width: unset;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: unset; position: relative;z-index: 4;}

.swiper-pagination-bullet-active {
  /* width: 30px;
  height: 7px; */
  border-radius: 5px;
  background: var(--gray);
}


/* ////////////////////////event/////////////////////////////*/

#service_area {
  margin-top: 50px;
}

#service_area .swiper {
  width: 100%;
  height: 305px;
}

#service_area .swiper-wrapper {
  height: 85%;
}

#service_area .swiper-slide {
}

#service_area .swiper-slide ul {
  width: 100%;
  height: 100%;
}

#service_area .swiper-slide ul li {
  width: 100%;
  height: 100%;
}

#service_area .swiper-slide ul li .service_btn {
  width: 100%;
  height: 100%;
  position: relative;
  background: url(http://renew.zimcarry.net/lee/img/seoul.jpg) center no-repeat;
  background-size: cover;
  border-radius: 20px;
  padding: 30px 25px;
}

#service_area .service_btn span {
  font-size: 28px;
  font-weight: 600;
  color: #fff;
}
#service_area .service_btn p {
  position: absolute;
  bottom: 25px;
  left: 25px;
  font-size: 16px;
  font-weight: 600;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  color: #606060;
}

/* ////////////////////////event/////////////////////////////*/

#event {
  margin-top: 50px;
}
/* 
#event h1 {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 1.6rem;
    font-weight: 800;
} */

#event .swiper {
  width: 100%;
  height: 210px;
}

#event .swiper-wrapper {
  height: 80%;
}

#event .swiper-slide ul {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    #7281cf 5.4%,
    rgba(43, 60, 218, 0) 99.92%
  );
  border-radius: 20px;
}

#event .swiper-slide ul li {
  height: 100%;
}

#event .swiper-slide ul li a {
  display: block;
  height: 100%;
}

#event .swiper-slide ul li .event_btn {
  width: 100%;
  height: 100%;
  padding: 20px;
  position: relative;
  background: url(http://renew.zimcarry.net/lee/img/event.png) center no-repeat;
  background-size: cover;
  border-radius: 20px;
}

#event .swiper-slide ul li a span {
  position: absolute;
  bottom: 40%;
  left: 6%;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 1px;
}

/* ///////////////////review//////////////////////// */

#review {
  margin-top: 50px;
  margin-bottom: 100px;
}

/* #review h1{
    text-align: center;
    margin-bottom: 3rem;
    font-size: 2rem;
    font-weight: 800;
} */

#review .swiper {
  width: 100%;
  height: 250px;
}

#review .swiper-wrapper {
  height: 210px;
}

#review .swiper-slide ul {
  width: 100%;
  height: 100%;
  background: var(--lightgray);
  border-radius: 20px;
}

#review .swiper-slide ul li {
  width: 100%;
  height: 100%;
  padding: 20px;
  position: relative;
}

#review .swiper-slide ul li a span {
  font-size: 1rem;
  font-weight: 700;
}

/* --------------------------------------------------------------

                          운송 버튼페이지

-----------------------------------------------------------------
*/

#deliver_btn .deliver {
  background: #f5f5f5;

  padding-bottom: 100px;
}

.deliver_container {
  margin: 0 auto;
  height: 100%;
  padding-top: 173px;
  text-align: center;
  max-width: 500px;
}

.deliver_container h2 {
  font-size: 40px;
  font-weight: 700;
  position: relative;
  margin-bottom: 65px;
}

.deliver_container h2::before {
  content: "";
  position: absolute;
  background: var(--primary-stroke);
  top: 60px;
  /*     left: 40%; */
  width: 143px;
  height: 5px;
}

.btn_flex {
  display: flex;
  flex-direction: column;
}

.btn_box {
  display: flex;
  margin-bottom: 50px;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
}

.btn_box .btn_img {
  background: #fff;
  padding: 20px;
  border-radius: 10px 10px 0 0;
}

.btn_box .btn_img img {
  width: 100%;
}
.btn_box .btn_group {
  display: flex;
}

.btn_box .btn_group button {
  border: none;
  padding: 10px 20px;
}

.btn_box .btn_group .btn_reserve {
  background: #ffe39c;
  border-radius: 0 0 0 10px;
}

.btn_box .btn_group .btn_reserve:hover {
  background: #fddd8c;
}

.btn_box .btn_group .btn_detail {
  background: #f7f7f7;
  border-radius: 0 0 10px 0;
}

.btn_box .btn_group .btn_detail:hover {
  background: #efefef;
}

.btn_box .btn_group button img {
  width: 45%;
}

/* --------------------------------------------------------------

                    에어패스 이용방법 페이지

-----------------------------------------------------------------
*/

#air_banner {
  background: #fbf8f2;
}

.air_main {
  height: 415px;
  margin-top: 68px;
  padding-bottom: 68px;
  background: url(http://renew.zimcarry.net/lee/img/airpass_banner.png) center
    no-repeat;
  background-size: cover;
}

.air_txt {
  padding-top: 50px;
}
.air_txt p {
  font-size: 20px;
  line-height: 2;
  font-weight: 600;
  color: var(--highlight);
}

.air_txt p em {
  font-size: 24px;
  font-weight: 700;
  font-style: inherit;
}

.air_txt span {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 20px;
  display: block;
  line-height: 1.4;
}

.air_txt button {
  padding: 23px;
  background: var(--primary-color);
  border: none;
  border-radius: 999px;
  font-size: 24px;
  font-weight: 600;
  color: #222;
}

.air_txt button:hover {
  background: var(--primary-hover-color);
  transition: all ease-in 0.3s;
}

/* --------------------------이용방법------------------------------- */

#air_service {
  margin: 100px 0 80px;
}

#air_service .swiper {
  width: 100%;
}

#air_service h2 {
  position: relative;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
}

#air_service h2:before {
  content: "";
  position: absolute;
  background: var(--primary-stroke);
  top: 48px;
  width: 121px;
  height: 5px;
}

.air_how .swiper-wrapper {
  display: flex;
  justify-content: space-between;
  padding-bottom: 38px;
  margin-top: 70px;
}

.air_how .swiper-slide {
  width: 30%;
  height: 80%;
}

.air_how .swiper-slide img {
  width: 100%;
}

#air_price {
  margin-top: 80px;
}


.air_size h2 {
  position: relative;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
}

.air_size h2:before {
  content: "";
  position: absolute;
  background: var(--primary-stroke);
  top: 48px;
  width: 121px;
  height: 5px;
}

.air_size p {
  font-size: 16px;
  text-align: center;
  margin-top: 38px;
}

.air_size .swiper-wrapper {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 38px;
}

.air_size .swiper-wrapper div {
  width: 27%;
}

.air_size .swiper-wrapper div img {
  width: 100%;
}

/* -----------------------------안내사항-------------------------------- */
#air_information {
  margin-top: 30px;
}

#air_information h2 {
  padding: 20px;
  margin: 0 auto;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
}
.air_info {
  background: var(--primary-lightcolor);
  padding: 30px 70px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  border-radius: 20px;
  margin: 30px 0 100px;
}

.air_info p {
  font-size: 18px;
  line-height: 1.8;
  font-weight: 500;
}

/* --------------------------------------------------------------

                        짐캐리 이용방법 페이지

-----------------------------------------------------------------
*/

#carry_banner {
  background: #fbf8f2;
}

.carry_main {
  height: 415px;
  margin-top: 68px;
  padding-bottom: 68px;
  background: url(http://renew.zimcarry.net/lee/img/zimcarry_banner.png) center
    no-repeat;
  background-size: cover;
}

.carry_txt {
  padding-top: 50px;
}
.carry_txt p {
  font-size: 20px;
  line-height: 2;
  font-weight: 600;
  color: var(--highlight);
}

.carry_txt p em {
  font-size: 24px;
  font-weight: 700;
  font-style: inherit;
}

.carry_txt span {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 20px;
  display: block;
  line-height: 1.4;
}

.carry_txt button {
  padding: 23px;
  background: var(--primary-color);
  border: none;
  border-radius: 999px;
  font-size: 24px;
  font-weight: 600;
  color: #222;
}

.carry_txt button:hover {
  background: var(--primary-hover-color);
  transition: all ease-in 0.3s;
}

/* --------------------------이용방법------------------------------- */

#carry_service {
  margin: 100px 0 80px;
}

#carry_service .swiper {
  width: 100%;
}

#carry_service h2 {
  position: relative;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
}

#carry_service h2:before {
  content: "";
  position: absolute;
  background: var(--primary-stroke);
  top: 55px;
  width: 120px;
  height: 4px;
}

.carry_how .swiper-wrapper {
  display: flex;
  justify-content: space-between;
  padding-bottom: 38px;
  margin-top: 70px;
}

.carry_how .swiper-slide {
  width: 30%;
  height: 80%;
}

.carry_how .swiper-slide img {
  width: 100%;
}

/* --------------------------요금안내------------------------------- */

#carry_price {
  margin-top: 80px;
}
.carry_size {
}

.carry_size h2 {
  position: relative;
  text-align: center;
  font-size: 34px;
  font-weight: 700;
}

.carry_size h2:before {
  content: "";
  position: absolute;
  background: var(--primary-stroke);
  top: 55px;
  width: 120px;
  height: 4px;
}

.carry_size p {
  font-size: 16px;
  text-align: center;
  margin-top: 38px;
}

.carry_size .swiper-wrapper {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 38px;
}

.carry_size .swiper-wrapper div {
  width: 27%;
}

.carry_size .swiper-wrapper div img {
  width: 100%;
}

/* -------------------------매장별 요금안내--------------------------- */

#carry_shop {
  margin-top: 30px;
}

#carry_shop h2 {
  font-size: 34px;
  text-align: center;
  font-weight: 700;
  position: relative;
  margin-bottom: 75px;
}

#carry_shop h2:before {
  content: "";
  position: absolute;
  background: var(--primary-stroke);
  top: 55px;
  width: 215px;
  height: 4px;
}

.dropdown-item:hover {
  background-color: #efefef; /* 바꿀 배경색 */
}

#carry_shop .dropdown {
  margin-bottom: 30px;
}
#carry_shop .dropdown button {
  background: #fff4d9;
  border: 1px solid #ffe39c;
  color: #606060;
  width: 161px;
  text-align: left;
  position: relative;
  font-size: 18px;
  font-weight: 500;
}

#carry_shop .dropdown button.btn:focus {
  box-shadow: none;
}

#carry_shop .dropdown button::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 14px;
  right: 10px;
  border-top: 0.5em solid;
  border-right: 0.4em solid transparent;
  border-bottom: 0;
  border-left: 0.4em solid transparent;
}
#carry_shop .dropdown ul {
  padding: 0;
}
#carry_shop .dropdown ul li {
}

#carry_shop .dropdown ul li a {
  padding: 10px;
}

#carry_shop #option1,
#option2,
#option3 {
}
#carry_shop .shop_guide {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}

#carry_shop .shop_guide .price {
  width: 45%;
}
#carry_shop .shop_guide h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 25px;
  display: inline-block;
}
#carry_shop .shop_guide ul {
  padding: 20px;
}

#carry_shop .shop_guide .price ul,
.time ul {
  background: #fffbf2;
  box-shadow: 3px 3px 7px #f4f0e6;
  padding: 30px;
  border-radius: 20px;
}
#carry_shop .shop_guide .price ul li {
  display: flex;
  justify-content: space-between;
  padding: 19px 13px;
  margin: 11px 0;
  font-size: 18px;
  font-weight: 600;
}
#carry_shop .shop_guide .price ul li hr {
  display: inline-block;
  display: inline-block;
  height: 1px;
  width: 54%;
  margin: 8px;
  border-top: 1px dashed #ccc;
  opacity: 1;
}
/* #carry_shop .shop_guide .price ul li span {
} */

#carry_shop .shop_guide .time {
  width: 45%;
}

#carry_shop .shop_guide .time p,
.price p {
  display: inline-block;
  margin-left: 20px;
  color: #727272;
}
/* #carry_shop .shop_box .time ul{
    background: #fffbf2;
    box-shadow: 3px 3px 7px #F4F0E6;
    border-radius: 20px;
    padding: 20px;
} */
#carry_shop .shop_guide .time ul li {
  display: flex;
  align-items: center;
  margin: 14px 0;
  padding: 0 25px;
  font-size: 18px;
  justify-content: space-between;
}

#carry_shop .shop_guide .time .blank em {
  font-weight: 400;
  color: #222;
  font-style: normal;
  font-size: 15px;
}

#carry_shop .shop_guide .time .blank {
  font-weight: 600;
  line-height: 1.6;
  position: relative;
}

#carry_shop .shop_guide .time .blank::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #ff9a02;
  top: 11px;
  margin-right: 10px;
  left: -21px;
}
#carry_shop #Gangneung .shop_guide .time .blank2 {
  text-align: right;
}

#carry_shop #Gangneung .shop_guide .time span em {
  font-style: normal;
  font-size: 15px;
}

/* -----------------------------안내사항-------------------------------- */
#carry_information {
  margin-top: 30px;
}

#carry_information h2 {
  padding: 20px;
  margin: 0 auto;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
}
.carry_info {
  background: var(--primary-lightcolor);
  padding: 30px 70px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  border-radius: 20px;
  margin: 30px 0 100px;
}

.carry_info p {
  font-size: 18px;
  line-height: 1.8;
  font-weight: 500;
}

/* top_banner */


/* .row{
    width: 800px;
    margin: 0 auto;
    padding:20px;
} */

#top_banner .top_main {
  height: 350px;
  margin-top: 68px;
  background: #d9d9d9;
}

#top_banner .test {
  padding-top: 90px;
}

#top_banner .test h2 {
  font-weight: 800;
  line-height: 1.4;
  font-size: 30px;
}

#top_banner .test p {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.8;
}

#top_test {
  margin-top: 100px;
  height: 500px;
}

/* ----------------------------------------------------------

                       보관 페이지   

--------------------------------------------------------------
*/

.storage_main {
  height: 380px;
  margin-top: 68px;
  padding-bottom: 68px;
  background: url(http://renew.zimcarry.net/lee/img/storage_banner.png) center
    no-repeat;
  background-size: cover;
}

.storage_txt {
  padding-top: 85px;
}
.storage_txt p {
  font-size: 20px;
  line-height: 2;
  font-weight: 600;
  color: var(--highlight);
}

.storage_txt p em {
  font-size: 24px;
  font-weight: 700;
  font-style: inherit;
}

.storage_txt span {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 20px;
  display: block;
  line-height: 1.4;
  white-space: normal;
}

#storage_shop {
  margin-top: 30px;
}

#storage_shop h2 {
  position: relative;
  padding: 20px;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
}

#storage_shop h2:before {
  content: "";
  position: absolute;
  background: var(--primary-stroke);
  top: 64px;
  width: 190px;
  height: 5px;
}

#storage_shop .tab_container {
  overflow: hidden;
  height: 100%;
  max-width: 1200px;
}

#storage_shop .nav {
  margin-top: 50px;
  display: flex;
  justify-content: flex-start;
}

#storage_shop .nav button {
  font-size: 20px;
  font-weight: 600;
  padding: 13px 15px;
  border-radius: 50px;
  border: 1px solid var(--primary-color);
  color: #606060;
}

#storage_shop .nav-pills > button.active {
  background: var(--primary-lightcolor);
  border: 1px solid var(--primary-color);
  color: #222;
}

#storage_shop .nav-pills > button {
  margin-right: 25px;
}

#storage_shop .tab-content .shop_box,
.gimhae_box,
.jeju_box {
  margin-top: 45px;
  display: flex;
  justify-content: space-between;
}

#storage_shop .s_table {
  margin-top: 18px;
}

.s_table {
  border-collapse: separate;
  border-spacing: 0 10px;
  border-radius: 20px;
  text-align: center;
  line-height: 3.4;
  margin: 10px 0;
  width: 100%;
}

.s_table .cate {
  padding: 10px;
  font-weight: 700;
  background: #d9d9d9;
}

.s_table .category {
  color: #222;
  font-weight: 600;
}

.s_table td {
  background: #f4f4f4 !important;
  color: #4f4f4f;
  font-weight: 500;
}

.s_table td:first-child,
.s_table th:first-child {
  border-radius: 20px 0 0 20px;
  padding-left: 10px;
}

.s_table td:last-child,
.s_table th:last-child {
  border-radius: 0 20px 20px 0;
  padding-right: 10px;
}

#storage_shop .b_s_guide {
  padding: 35px 65px;
  margin: 80px auto;
  background: var(--primary-lightcolor);
  border-radius: 20px;
}
#storage_shop .b_s_guide ul {
  display: flex;
  align-items: center;
}
#storage_shop .b_s_guide ul .g_title {
  font-size: 24px;
  font-weight: 700;
}
#storage_shop .b_s_guide ul li p {
  margin-left: 40px;
  line-height: 1.8;
  font-size: 18px;
  font-weight: 500;
}

#storage_shop .jeju_m {
  display: none;
}

#Jeju .j_modal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}

/* ----------------------------------------------------------

                       이벤트 페이지   

--------------------------------------------------------------
*/

.event_main {
  height: 370px;
  margin-top: 68px;
  padding-bottom: 68px;
  background: url(http://renew.zimcarry.net/lee/img/event_banner.jpg) center
    no-repeat;
  background-size: cover;
}

.event_txt {
  padding-top: 100px;
}
.event_txt p {
  font-size: 30px;
  line-height: 1.6;
  font-weight: 700;
  color: #222;
}

.event_txt span {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 20px;
  display: block;
  line-height: 1.4;
}

#zim_event {
}

#zim_event h2 {
  font-size: 28px;
  font-weight: 700;
  margin: 50px 0 30px;
  text-align: center;
}

#zim_event .tab_container {
}
#zim_event .nav {
  display: flex;
  justify-content: center;
  font-size: 18px;
}

#zim_event .nav-pills > button {
  margin: 0 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  color: #222;
}

#zim_event .nav-pills > button.active {
  background: darkgrey;
  color: #fff;
}

#zim_event .event_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 80px;
}
#zim_event .event_box li {
  height: 234px;
  width: 318px;
  margin: 58px 10px 30px;
}

#zim_event .event_box li a {
  display: block;
  height: 158px;
  width: 314px;
}
#zim_event .event_box li a .img {
  overflow: hidden;
  position: relative;
  background: url(http://renew.zimcarry.net/lee/img/event_img1.png) center
    no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
#zim_event .event_box li a span {
  line-height: 2;
  margin: 10px 0;
  font-size: 14px;
  padding: 2px 16px;
  display: inline-block;
  font-weight: 600;
  background: #e7e7e7;
  border-radius: 999px;
}
#zim_event .event_box li a p {
  font-size: 18px;
  font-weight: 600;
}

#zim_event .event_box li a .img2 {
  overflow: hidden;
  position: relative;
  background: url(http://renew.zimcarry.net/lee/img/event_img2.png) center
    no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

ul.pagination {
  margin-bottom: 15px;
}




/* ─────────────────────────────────────────짐캐리 메인페이지 ───────────────────────────────────────────────────── */

:root {
    --common-h1: clamp(2rem, calc(2rem + 1vw), 3.5rem);
    --common-h2: clamp(1.75rem, calc(1.75rem + 0.8vw), 3.25rem);
    --common-h3: clamp(1.5rem, calc(1.5rem + 0.6vw), 3rem);
    --common-h4: clamp(1.25rem, calc(1.25rem + 0.4vw), 2.5rem);
    --common-h5: clamp(1rem, calc(1rem + 0.2vw), 2rem);
    --common-h6: clamp(0.875rem, calc(0.875rem + 0.1vw), 1.5rem);
    --common-p: clamp(0.85rem, calc(0.85rem + 0.1vw), 1.45rem);
    --common-p-small: clamp(0.7rem, calc(0.7rem + 0.1vw), 1.25rem);
}


/* 메인 - 해더 */
body.no-scroll { overflow: hidden !important; } 
#hd_pop{display:block}
#hd_pop .hd_pops_con.con_sub{height:100% !important}
#hd_pop .hd_pops_con.con_sub img{width:100%;height:auto;object-fit:cover}

#main-header{position: fixed;box-shadow: 0px 5px 10px #0000002b;z-index: 10;background-color: #fff;width: 100%;top: 0;/*transition: top 0.0001s;*/z-index: 1001;height:70px;}
#main-header .main-menu{font-weight: 600;font-size: 1rem;width: 530px;transform: translateY(17px);}
#main-header .main-menu ul{display: flex;justify-content: center;align-items:center}
#main-header .main-menu ul li{width:calc(100% / 4); text-align: center;}
#main-header .navbar-toggler{border: 0;}
#main-header .navbar .wrap{display: flex; justify-content: center; width: 100%;align-items:flex-start;}
#main-header .navbar .wrap .logo{position: absolute;left: 0;transform: translateY(14px);}
#main-header .navbar .wrap .logo img{height:25px;}
.main-header-overlay .content-center .company{width:calc(100% /4);text-align: center;}
.main-header-overlay{ display: none; position: absolute; top: 100px; left: 0; width: 100%; height: 270px; background-color: rgb(255, 255, 255); transform: translateY(-30px);box-shadow: 0px 5px 10px #0000002b;overflow-y: auto; z-index: 1000;}
.main-header-overlay .content-center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: flex;justify-content: space-between;flex-wrap: wrap;width: 530px;}
.main-header-overlay .content-center .toggle-title{display: none;}
.main-header-overlay .content-center ul {list-style-type: none;padding: 0;letter-spacing: -1px;font-weight: 500;}
.main-header-overlay .content-center li {font-size: 0.975rem; color: #333; margin: 20px 0;}
.main-header-overlay .content-center li > a:hover{color: #ff9a02;}
.main-header-overlay .content-center .partner{transform: translateX(-22px);}
.main-language{width: 50px; height: 30px; line-height: 1.5; display: flex;justify-content: center;align-items: center;}
.main-language li{display: flex;align-items:center;gap:20px;}
.main-user{position: absolute;right: 0;transform: translateY(12px);font-size: 0.9rem;font-weight: 600;display: flex;align-items: center;gap: 10px;min-height:30px}
#main-header.login_class .main-user{font-size: 0.7rem;letter-spacing: -1.5px;font-weight: 800;gap:5px}
#main-header.login_class .main-user .main-language{width: 57px;}
#main-header.login_class .main-user .d-flex li:last-child a {color: #ff9a02;}
#main-header.login_class .main-user .d-flex li:last-child a > .fa{display: none;}
#main-header.login_class .main-menu ul{font-size: 1rem;font-weight: 700;}
.dropdown-menu-end[data-bs-popper]{font-weight: 500 !important;}

.text-title{font-size:2.5rem;font-weight: bold;margin:0 0 20px}
html[lang="en"] .text-title, body.gt-en .text-title{letter-spacing:-1px;text-transform: capitalize;font-size:1.5rem;}

.intro-control, .review-control{display: flex;align-items: center;justify-content: center;}
.intro-control .intro-stop, .intro-control .intro-play, 
.review-control .review-stop, .review-control .review-play{margin:0 7px;font-size:13px;cursor: pointer;}

#main-header .navbar-toggler { position: relative; width: 40px; height: 24px; padding: 0; border: none; background: none; cursor: pointer; display: flex; align-items: center; justify-content: center; }
#main-header .navbar-toggler .custom-hamburger { position: relative; width: 24px; height: 2px; background-color: #333; transition: all 0.1s ease-in-out; }
#main-header .navbar-toggler .custom-hamburger::before,
#main-header .navbar-toggler .custom-hamburger::after { content: ''; position: absolute; width: 24px; height: 2px; background-color: #333; transition: all 0.1s ease-in-out; }
#main-header .navbar-toggler .custom-hamburger::before { top: -8px; left:0; }
#main-header .navbar-toggler .custom-hamburger::after { top: 8px; left:0; }
#main-header .navbar-toggler.collapsed .custom-hamburger { background-color: transparent; }
#main-header .navbar-toggler.collapsed .custom-hamburger::before { transform: rotate(45deg); top: 0; }
#main-header .navbar-toggler.collapsed .custom-hamburger::after { transform: rotate(-45deg); top: 0; }


.main-header-overlay.active{display:block}
html[lang="en"] .main-header-overlay.active,body.gt-en .main-header-overlay.active{display:block}
#main-header .wrapper-right{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:20px}



/* 메인 - 인트로 배너 */
#intro_banner { margin: 120px 0 0 0; }
#intro_banner .intro{cursor: grab;}
#intro_banner .swiper-wrapper .swiper-slide .intro-banner{width:100%;height:280px;object-fit: cover;border-radius: 1rem;}
#intro_banner .swiper-wrapper .swiper-slide p {position: absolute; top:0; color: #333;margin:50px;font-weight: 600;font-size:2rem;line-height: 1.25;letter-spacing: -1px;}
html[lang="ko"] #intro_banner .swiper-wrapper .swiper-slide .lang-kr{display:block}
html[lang="en"] #intro_banner .swiper-wrapper .swiper-slide .lang-en, body.gt-en #intro_banner .swiper-wrapper .swiper-slide .lang-en{display:block}
#intro_banner .intro .swiper-slide a{display:block;height:100%}
#intro_banner .intro .swiper-slide a::before { content: ''; position: absolute; width: 100%; height: 100%; background-color: transparent; opacity: 0; border-radius: 0.5rem; transition: opacity .3s, background-color .3s; }
#intro_banner .intro .swiper-slide a:hover::before { background-color: #ffffffab;opacity: 0.5; }

#intro_banner .swiper-slide p.first strong{color:#6648f1}
#intro_banner .swiper-slide p.second strong{color:#f16148}
#intro_banner .swiper-slide p.third strong{color:#ff9f02}
#intro_banner .swiper-slide p.fourth strong{color:#139116}
#intro_banner .swiper-slide p.six strong{color:#0c2a59}
#intro_banner .swiper-slide p.maas strong{color:#2c90ff}
#intro_banner .swiper-slide p.six .zimcarry{color:#ffd500;font-style:normal;font-weight:700}
#intro_banner .font-small{font-size:0.85rem;letter-spacing:-1px;font-style:normal;}

/* 메인 - 서비스 영역 */
.main-service {margin:50px 0;position: relative;}
.main-service .container .box .row .col{padding:0}
.main-service .area-container{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 20px; max-width: 1060px; margin: 0 auto;}
.main-service a.area .title{color: #fff;position: relative;z-index: 5;}
.main-service a.area {background-color: #efefef;border-radius: 0.5rem;box-shadow: 0px 5px 10px #0000002b;position: relative;}
.main-service a.area:before { content: ''; background: #0000006e; height: 100%; width: 100%; position: absolute;border-radius: 0.5rem;}
.main-service a.area:hover::before { background-color: #dfdfdf42; transition: .3s; }
.main-service a.area.first { background-image: url('../../../img/main-img1.png'); background-size:cover;}
.main-service a.area.second { background-image: url('../../../img/main-ktx-ex.jpg');background-size:cover;}
.main-service a.area.third { background-image: url('../../../img/main-img3.png'); background-size:cover;}
.main-service a.area.fourth {  background-image: url('../../../img/main-img4.png');background-size:cover;}
.main-service a.area.fifth {  background-image: url('../../../img/main-img5.png'); background-size:cover;}
.main-service a.area.sixth {  background-image: url('../../../img/main-img6.png'); background-size:cover;}
.main-service a.area.seven {  background-image: url('../../../img/main-img7.jpg'); background-size:cover;}

.main-service a.area.sixth.eng { background-image: url('../../../img/main-img12.png'); background-size:cover;}
.main-service .bg_center{background-position: center center;}

.main-service .area .boxer{display: flex;justify-content: end;margin:15px 15px 15px 0;display: none;}
.main-service .area .boxer .circle{display: flex;align-items: center;justify-content: center;width:125px;height:125px;background-color:#f0f0f0;border-radius: 5rem;transform: translateY(50px);}
.main-service .split-area { flex: 2;  display: flex; flex-direction: column;gap:20px}
.main-service .upper-screen,.main-service .lower-screen  { flex: 1; }
.main-service .split-area .boxer .circle{display: flex;align-items: center;justify-content: center;width:80px;height:80px;background-color:#f0f0f0;border-radius: 5rem;transform: translateY(0);}
.main-service p:nth-child(1){font-size:1.8rem;font-weight:bold;margin:30px 0 0 30px;padding:0 20px 0 0}
.main-service p:nth-child(2){font-size:1.25rem;margin:30px;line-height: 1.25;}
.main-service p:nth-child(1).long_text{font-size:1.8rem;padding-bottom:0.2rem;}



/* .main-service .area:hover{background-color: #fbfbfb;transition: .2s;}
.main-service .area:hover .boxer { display: flex; }
.main-service .area:hover .boxer.absolute{transform: translate(150px, -110px);position: absolute;}
.main-service .area:hover .mobile-split{position: relative;z-index: 2;} */



/* 메인 - 솔루션(아직도 짐 때문에 고민하시나요?) */
.main-solution{position: relative;margin:50px 0}
.main-solution .row {gap:20px;margin:0 !important}
.main-solution .row .col{background-color: #efefef;padding:30px;display: flex;flex-wrap:wrap;justify-content: center;border-radius: 0.5rem;}
.main-solution .row .col .circle{display: flex;align-items: center;justify-content: center;width:125px;height:125px;background-color:#d9d9d9;border-radius: 5rem;overflow: hidden;}
.main-solution .row .col .circle img{width:100%;height:100%;object-fit: cover;}
.main-solution .row .col .text-area{text-align: center;display: flex;flex-wrap: wrap;justify-content: center;font-size: 1.2rem;font-weight: 600;width:100%;}
.main-solution .row .col .text-area span:nth-child(1){margin:40px 0 20px 0;width:100%;font-weight: 900;font-size: 1.45rem;}
.main-solution .row .col .text-area span:nth-child(2){line-height:1.5;font-size: 1rem;white-space:normal;letter-spacing:-1px}
/*.main-solution .row .col .text-area span > br{display:none}*/




/* 메인 - 서비스(소중한 물건이 짐이 될 때, 걱정말고 짐캐리하세요!) */
.main-service2{ position: relative; margin:50px 0 }
.main-service2 .box{margin:50px 0}
.main-service2 .box .row .col{padding:0}
.main-service2 .box .row{margin:0 !important; align-items: center;justify-content: space-between;}
.main-service2 .row .col.d-flex{justify-content: end;}
.main-service2 .row .col{font-size:1.25rem;font-weight: 600;}
.main-service2 .row .col .round{margin:0;background-color: #ececec;border-radius: 10rem;padding:15px 25px;display: inline-block;font-weight: 700;}
.main-service2 .row .col .text{margin:20px 0;color:#6f6f6f;line-height: 1.5;}
.main-service2 .row .col .link{margin:0 20px 0 0;display:flex;align-items: center;}
.main-service2 .row .col .link-a{width:165px;display: inline-block;color:#8b8b8b}
.main-service2 .row .col .link-a:hover{color: var(--bs-link-hover-color);}
.main-service2 .row .col .link-a:before{content: ''; position: absolute; width: 165px; border: 1px solid #b9b9b9; transform: translateY(20px); }
.main-service2 .row .col .link-a:hover::before { border-color: var(--bs-link-hover-color); }
.main-service2 .row .col .link .link-a:hover .link-b{ transform: translateX(5px); transition: transform 0.3s ease-in-out;}
.main-service2 .row .col .link .link-b{margin:0 10px;}
.main-service2 .row .col .circle{display: flex;align-items: center;justify-content: center;width:350px;height:350px;background-color:#d9d9d9;border-radius: 50rem;overflow: hidden;}
.main-service2 .row .col .circle img{width:100%;height:100%;object-fit: cover;}





/* 메인 - 리뷰(짐캐리를 이용하신 분들의 실제 후기입니다) */
.main-review{position: relative;margin:50px 0}
.main-review .text-title{margin:0;display:none}
.main-review .swiper{margin:50px 0}
.main-review .swiper-slide .review-box{display: flex;gap:30px;padding:0 70px}
.main-review .swiper-slide .review-box .col{background-color: #f7f7f7;padding:25px 30px;border-radius: 0.5rem;width: calc((100% - 30px) /2 );}
.main-review .swiper-slide .review-box .col .slide-title{font-size:1.25rem;font-weight: 600;}
.main-review .swiper-slide .review-box .col .slide-middle { margin: 30px 0 40px 0; line-height: 1.5; font-size: 1.075rem; color: #6f6f6f; padding: 0 25px 0 0; width: 385px; white-space: normal;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 103px; }
.main-review .swiper-slide .review-box .col .slide-bottom{text-align: right;color:#6f6f6f;font-weight: 600;}
.main-review .review-control{margin:20px 0 0 0}
.review-prev { background: url('../img/review-prev.png')center no-repeat;width:50px;height:50px;position: absolute;z-index: 10;top:0;left:0;top:50%;transform: translateY(-100%);}
.review-next { background: url('../img/review-next.png')center no-repeat;width:50px;height:50px;position: absolute;z-index: 10;top:0;right:0;top:50%;transform: translateY(-100%);}
html[lang="ko"] .main-review h2.lang-kr{display:block}
body.gt-en .main-review h2.lang-kr, body.gt-ja .main-review h2.lang-kr, body.gt-tw .main-review h2.lang-kr{display:none} /* 첫 화면부터 외국어 상태가 되도록 한국어 전용 요소를 body.gt-* 에서 숨긴다 (2026-09-09) */
html[lang="en"] .main-review h2.lang-en, body.gt-en .main-review h2.lang-en{display:block}


/* 메인 - 짐캐리가 만들어가는 가벼운 일상을 경험(버튼영역) */
.main-select{position: relative;margin:50px 0;background-color:#f7f7f7;background: url('../img/select-bg.png')center no-repeat; background-size: cover;}
.main-select h2{font-weight: 600;text-align: center;color: #ffd500;letter-spacing: 1px;}
.main-select .row{padding:100px 0}
.main-select .select-btn{display: flex;justify-content: center;gap:25px;flex-wrap:wrap}
.main-select .select-btn li{background-color: #ffd500;padding:10px 20px;border-radius: 3rem;font-weight: 600;display:flex;justify-content:center;align-items:center;text-transform: capitalize;}
.main-select .select-btn li a{display:flex;gap:5px;letter-spacing:-1px}
.main-select .select-btn li a:hover{color:#fff;transition:.3s}
/* 가벼운 일상 제목은 /lang 문구로 번역되어 h2 가 하나만 있다. 언어별 .lang-* 표시/숨김 규칙은 제거 (2026-09-09) */
html[lang="en"] .main-select h2, body.gt-en .main-select h2{font-size: clamp(1.5rem, calc(1.5rem + 0.6vw), 3rem);}


/* 메인 - 파트너배너*/
.main-partner{margin:80px 0;width:100%;overflow: hidden;}
.main-partner .swiper-partner {cursor:grab;}
.main-partner .swiper-partner .swiper-slide span{height:80px;display: flex;align-items: center;width:100%;justify-content: center;}
.main-partner .swiper-partner .swiper-slide span img{width:200px;height:100%;object-fit: cover;}
html[lang="ko"] .main-partner .row .lang-kr{display:block}
html[lang="en"] .main-partner .row .lang-en, body.gt-en .main-partner .row .lang-en{display:block}



/* ##서브 - 매장별 요금안내 페이지 */
.sub-price .nav {margin-top: 50px; display: flex; justify-content: flex-start;gap:10px}
.sub-price .nav-pills > button.active { background: var(--primary-lightcolor); border: 1px solid var(--primary-color); color: #222; }
.sub-price .nav button {font-size: 1.15rem;font-weight: 600;padding: 10px 15px;border-radius: 50px;border: 1px solid var(--primary-color);color: #606060;letter-spacing:-1px}
.sub-price .jeju-m {padding: 15px 16px;cursor: pointer;margin-top: 20px;border: none;font-size: 18px;border-radius: 999px;background: #ffe39c;font-weight: 600;display:none}
.sub-price .jm-content {width: 400px; height: 280px; background: #fff; border-radius: 10px; position: relative; top: 50%; left: 50%; margin-top: -100px; margin-left: -200px; text-align: center; box-sizing: border-box; line-height: 23px; cursor: pointer; padding: 26px 0; }
.sub-price .jm-content ul { display: flex; align-items: flex-start; flex-direction: column; margin-left: 20px; }
.sub-price .jm-content ul li { margin-top: 10px; font-size: 18px; font-weight: 600; padding: 10px 20px; border-radius: 12px; }
.sub-price .jm-content ul li p { font-weight: 500; display: inline; }
.sub-price .j-modal {position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);top: 0;left: 0;z-index: 2; }
.sub-price .bs-guide {padding: 35px 65px; margin: 50px auto; background: #fffbf3; border-radius: 20px; }
.sub-price .bs-guide ul { display: flex; align-items: center; }
.sub-price .bs-guide ul .g-title { font-size: 24px; font-weight: 700; }
.sub-price .bs-guide ul li p { margin-left: 40px; line-height: 1.8; font-size: 18px; font-weight: 500; }


/* 푸터 */
footer { background-color: #fff; position: relative; width: 100%; padding: 40px 0 0 0; border-top: 2px solid #5858589d; }
footer .row > * {padding:0}
footer .row.wrapper{margin:0 !important}
footer .top .left ul { display: flex; gap:15px;align-items: center;}
footer .top .left ul li {font-size: 1rem; font-weight: 600; cursor: pointer;}
footer .top .left ul li:hover{color:silver;transition:.3s}
footer .bottom { padding: 30px 0; }
footer .bottom .nav-tabs{border:0;gap:2px;}
footer .bottom .nav-tabs .nav-item .nav-link{ color:#333;border:0 !important;padding:0 ;margin:0}
footer .bottom .nav-tabs .nav-item .nav-link.active{font-weight:800}
footer .bottom .nav-tabs .nav-item .nav-link:hover{font-weight: 800;color: #333;transition: .1s;}

#sct .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color:#FFC700 !important;}
footer .bottom .txt li { font-size: 0.95rem; margin:15px 0;font-weight: 500;}
footer .bottom .txt li:last-child{margin-top:20px }
footer .right {margin-top:-20px}
footer .right .col span{font-size: 0.95rem;font-weight: 700;text-transform: capitalize;}
footer .right .col span img{height:25px;width:25px}
footer .right .col.sns{display: flex;gap:10px;transform: translate(-15px, 10px);}
footer .right ul li {font-size: 0.95rem; margin:20px 0;font-weight: 500;}
#privacy .modal-body .private-txt, #muse .modal-body .private-txt{ width: 90%; height: 70%; line-height: 2em; margin: 0 auto; text-align: left; font-size: 15px; white-space: pre-line;}
html[lang="en"] #privacy .modal-body .private-txt > *, body.gt-en #privacy .modal-body .private-txt > * , #muse .modal-body .private-txt > * { display:flex;flex-wrap:wrap; gap:20px 0}
#privacy .modal-content, #muse .modal-content{height:850px}
#muse .modal-footer.tail-btn , #privacy .modal-footer.tail-btn{display: flex;justify-content: center !important;}
#muse .tail-btn button ,#privacy .tail-btn button{padding:20px 40px;margin:20px;font-weight: 600;line-height: 0;border-radius: 5rem;text-transform: capitalize;}
#top-btn { display: none; position: fixed; bottom: 20px; right: 20px; z-index: 5; font-size: 18px; border: none; outline: none;background-color:#ffd400; color: var(--bs-white); cursor: pointer; padding: 10px; padding: 9px 13px;border-radius: 0.5rem;}
#top-btn:hover{background-color: var(--bs-gray);}

.reserve-pagenation{display: flex;justify-content: center;margin:30px 0}
.reserve-pagenation .pagination{gap:10px}
.pagination{color: #DFE3E8;border-radius: 0.5rem !important;gap:10px}
.pagination .page-link{color: #333 !important; border-radius: 0.5rem !important;padding: 11px !important;font-weight: 600;}
.pagination .fa-angle-left, .pagination .fa-angle-right{color: #C4CDD5 !important;}
.active>.page-link, .page-link.active{background-color: #fff !important;border-color: #FFC700 !important;color: #FFC700 !important;}
#zim_center .nav-pills > button:hover{color: #FFC700 !important;}

#floating-popup {position: fixed;z-index: 99999;background-color: #ffffff;box-shadow: 0px 0px 5px #ffd400;width: 600px;height: 400px;left:25%;top:5.5%;padding:10px;/* border-radius: 0.5rem; */border: 1px solid #ffd400;}
/* #floating-popup { position: fixed; z-index: 99999; background-color: #ffd400; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); width: 600px; height: 400px; left:25%;top:5.5%;padding:10px;border-radius: 0.5rem;} */
#floating-popup .btn-wrap{display:flex;gap:10px;justify-content: center;}
#floating-popup .btn-wrap .btn { margin-top: 10px; padding: 5px 10px; cursor: pointer; }
#floating-popup .btn-wrap .btn:hover{background-color: #595959;transition:.3s}
#floating-popup .btn-wrap .close-btn { background-color: #979693; color: #fff; border: none; }
#floating-popup .btn-wrap .hide-24hr-btn { background-color: #777777; color: #fff; border: none; }




/* @미디어 쿼리 */
@media (max-width:1200px){
/* 공통사용 */
  .container{padding:0 20px !important}
  .text-title{font-size:calc(1.25rem + .9vw);}
  html[lang="en"] .text-title, body.gt-en .text-title{font-size:calc(1rem + .9vw);}
  #sct .container{padding:0 !important}

/* 메인 - 슬라이드 */
  #intro_banner .swiper-wrapper .swiper-slide p{margin:50px 5vw}
  #intro_banner .swiper-wrapper .swiper-slide .intro-banner{height:unset;}
  
  
/* 메인 - 짐캐리서비스 */
  .main-service{margin:30px 0}
  .main-service p:nth-child(1){font-size:1.75rem;}
  .main-service p:nth-child(1).long_text{font-size:1.75rem;padding-bottom:0;}
  .main-service p:nth-child(2){font-size:1.15rem;}

/* 메인 - 소중한 물건이 짐이 될 대, 걱정말고 짐캐리하세요! */
  .main-service2 .area .boxer .circle{width:100px;height:100px;}
  .main-service2 .area .boxer .circle img{height:90px}
  .main-service2 .split-area .boxer .circle{width:60px;height:60px;}
  .main-service2 .split-area .boxer .circle img{height:50px}


/* 메인 - 아직도 짐때문에 고민하시나요? */
  .main-solution, .main-service2{margin:50px 0}
  .main-solution .row .col .text-area span > br{display:none}


/* 메인 - 짐캐리를 이용한 분들의 실제 후기 입니다. */
  .main-review .swiper-slide .review-box{gap:10px;}

/* 푸터 */
  footer .bottom .txt li, footer .right ul li{font-size:15px}
}

@media(min-width:1024px){ .mobile-add{display: none;}   }
@media (max-width:1024px){
/* 팝업 */
#floating-popup{width: 60vw; height: auto; left: 0;top:unset}
#floating-popup > img{width:100%}


/* 공통사용 */
  .text-title{margin:0 0 20px} 
  .list-dot > li, .sub-mastercard .master-color p{font-size:calc(0.4rem + .9vw);}
  .table-one tbody tr td, .table-one tbody tr th, .table-two tbody tr td, .table-one tbody tr th{font-size: 0.85rem;}
  .table-one th, .table-one td ,.table-two th, .table-one td {padding:10px 3px}
  .sub-warning .row{display: block;}
  .sub-warning .row .img-box{display: flex;flex-wrap: wrap;justify-content: center;text-align: center;width: unset;}
  .sub-warning .row .img-box .text-warning{font-size:1.5rem;margin:20px 0 40px 0}
  .sub-warning .row .img-box img{height:80px}

/* 메인 - 짐캐리서비스 */
.main-service a.area { background-size: cover; }


/* 메인 - 아직도 짐때문에 고민하시나요? */
  .main-solution .row{gap:10px}
  .main-solution .row .col{padding:25px 15px}
  .main-solution .row .col .circle{width:100px;height:100px}
  .main-solution .row .col .text-area span:nth-child(1){margin:25px 0}
  .main-solution .row .col .text-area span:nth-child(2){font-size: 1rem}

/* 메인 - 짐캐리서비스 */
  .main-service{margin:0}
  .main-service .split-area{gap:0}
  .main-service2 .box{margin:20px 0 0 0}
  .main-service .area-container{grid-template-columns: 1fr 1fr;}
  .main-service .area-container .area{margin:20px 0 0 0}
  .main-service .area:hover .boxer { display: none; }
  .main-service .area:hover .mobile-split{display: block;}
  .main-solution ,.main-service2{margin:60px 0}

/* 메인 - 소중한 물건이 짐이 될 대, 걱정말고 짐캐리하세요! */
  .main-service2 .row .col{flex:1 0 100%}
  .main-service2 .row .col .circle{width:300px;height:300px}
  .main-service2 .pc-add{display: none;}
  .main-service2 .mobile-add{display: block;}

/* 메인 - 짐캐리를 이용한 분들의 실제 후기 입니다. */
  .main-review .swiper{margin:50px 0}
  .main-review .swiper-slide .review-box .col .slide-title{font-size:1.1rem}
  .main-review .swiper-slide .review-box .col{padding:25px 3vw}
  .main-review .swiper-slide .review-box .col .slide-middle{width:100%;padding:0}
  
  .sub-price .bs-guide { padding: 35px 32px;}
  .sub-price .bs-guide ul .g-title{margin:0 0 20px 0}
  .sub-price .bs-guide ul { display: flex; flex-wrap:wrap;align-items: center; margin-bottom: 10px; }
  .sub-price .bs-guide ul li{width:100%}

/* #서브 - 매장별 요금 안내 */
.sub-price .bs-guide{margin:40px auto}




/* 푸터 */
  footer .bottom .txt li{letter-spacing: -1px;}
}

@media(min-width:992px){.main-user.mobiles{display: none;} }
@media(max-width:992px){

/* 메인 - 헤더 */

  #main-header > .container{padding:0 !important;height:100%;display:flex;align-items:center}
  #main-header > .container .navbar.navbar-expand-lg{padding:0 20px;width:100%;z-index:1002}
  #main-header .main-menu{display: none !important;}
  .main-user.mobiles{display:none}
  #main-header .wrapper-right{display:none}
  #main-header .wrapper-right.active{display:grid;top: 80px;position: relative;left: -50px;align-items: normal;transform:translate(0px, -2px)}
  #main-header .d-flex.mobile-none{font-size:clamp(0.875rem, calc(0.875rem + 0.1vw), 1.5rem);gap:5px; letter-spacing:0;flex-wrap:wrap;}
  html[lang="en"] #main-header .d-flex.mobile-none,  body.gt-en #main-header .d-flex.mobile-none{letter-spacing:-1px}


  #main-header{ display: flex; /*flex-direction: column;*/align-items:center }
  .main-header-overlay {  position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;z-index: 1000;   background-color: rgb(255, 255, 255); overflow-y: auto; transform: none;}
  .main-header-overlay .content-center{position: relative;top: 20%;left: unset;transform: unset;padding:0 50px;gap:50px;width:100%;}
  .main-header-overlay .content-center li{margin: 30px 10px;font-weight: 600;font-size: clamp(0.875rem, calc(0.875rem + 0.1vw), 1.5rem);letter-spacing: -2px;}
  .main-header-overlay .content-center .partner{transform: unset;}
  .main-header-overlay .content-center .mobile-box{width: calc((100% - 50px) /2);}
  .main-header-overlay .content-center .toggle-title{display: block;font-size: 1.35rem;color: #ff9a02;border-bottom:2px solid #ff9a0240}
  .content-center .company:nth-of-type(1), .content-center .company:nth-of-type(4){transform: unset;}
   #main-header .navbar {margin:0;padding:0}
   #main-header .navbar .wrap{margin:0 0 0 auto;justify-content:space-between;}
   #main-header .navbar .wrap .logo{transform: translate(0);position:relative}
   #main-header .navbar .wrap .logo img, #main-header .navbar-toggler{position:relative;z-index:5}
   
 
  #menu1Content { max-height: 100vh;  overflow-y: auto; }
  .main-user.mobiles{font-size: 1rem;right: 20px;top:-100px}
  .main-user.mobiles .d-flex {gap:20px;} 

/* 메인 - 슬라이드 */
  #intro_banner{margin:100px 0 0 0}

 /*팝업배너 */
.hd_pops{width:100%;left:0 !important;top:55px !important}
.hd_pops_con.con_sub{width:100% !important; height:auto !important}


  
}


@media (max-width:720px){ 
/* 팝업 */
#floating-popup{width: 100%;background-color: #ffc107;border:0}
#floating-popup .btn-wrap .btn {font-size: calc(0.6rem + .6vw);letter-spacing: -1px;}

/* 공통사용 */
.table-one tbody tr td, .table-one tbody tr th, .table-two tbody tr td, .table-one tbody tr th{font-size: 0.75rem;letter-spacing: -1px;}

/* 메인 -헤더 */
  .main-user.mobiles .d-flex {gap:10px;}
   #main-header .wrapper-right.active{gap:10px}
   #main-header .d-flex.mobile-none{font-size:.75rem}
   html[lang="ja"] #main-header .d-flex.mobile-none,   body.gt-ja #main-header .d-flex.mobile-none{letter-spacing:-2px}
 
/* 메인 - 슬라이드 */
  #intro_banner .swiper-wrapper .swiper-slide .intro-banner{border-radius:0.5rem}
  #intro_banner .swiper-wrapper .swiper-slide p{font-size:calc(1rem + .9vw);letter-spacing:-1px;margin:5vw;line-height:1.25}

/* 메인 - 헤더 */
  .main-user.mobiles{font-size: 1rem;right: 20px;top:-80px} 
  .main-header-overlay .content-center{gap:5px;padding:0 30px;}
  .main-header-overlay .content-center .mobile-box{margin:30px 0}

/* 메인 - 아직도 짐때문에 고민하시나요? */
	.main-solution, .main-service2{margin:30px 0}
  .main-solution .row{display: block;}
  .main-solution .row li{margin:20px 0}
  .main-solution .row .col .text-area span > br{display:block}
  .main-solution .row .col .text-area span:nth-child(2){font-size: unset}

/* 메인 - 짐캐리서비스 */
  .main-service{margin:0}
  .main-service p:nth-child(1){margin:20px 0 0 15px;font-size:1.5rem}
  .main-service p:nth-child(1).long_text{font-size:1.5rem;padding-bottom:0;}
  .main-service p:nth-child(2){margin:15px;}

/* 메인 - 소중한 물건이 짐이 될 대, 걱정말고 짐캐리하세요! */
  .main-service2 .row .col .circle{width:43vw;height:43vw}

/* 메인 - 짐캐리를 이용한 분들의 실제 후기 입니다. */
  .main-review .swiper{margin:20px 0}
  .main-review .swiper-slide .review-box .col:nth-child(2){display: none;}
  .main-review .swiper-slide .review-box{padding:0}
  .review-prev, .review-next{display: none;}
  .main-user.mobiles .d-flex{gap:2px}
  
  /* #서브 - 매장별 요금 안내 */
  .sub-price .bs-guide{margin:20px auto}
  .sub-price .bs-guide ul li p{margin:0;font-size:0.9rem;margin:10px 0}
  .sub-price .t_web{display:none}
  .sub-price .jeju-m {display:block}
   
   /*  메인 - 가벼운 일상 버튼  */
   .main-select{margin:30px 0}
   .main-select .row{padding:60px 0}
   .main-select .select-btn li{width: calc((100% - 15vw ) / 3);}

   
   /* ##서브 - 매장별 요금안내 페이지 */
	.sub-price .nav {margin-top: 25px}



/* 푸터 */
  footer{padding:80px 30px;background-color: #fdfdfd;border:0;box-shadow: 0px 1px 7px #00000030;}
  footer .row > *{padding:0 !important}
  footer .container{padding:0 !important}
  footer .top{position: absolute;top:20px;width:300px;}
  footer .row.wrapper{flex-direction: column-reverse;}
  footer .row  .col{flex:1 0 100%;}
  footer .top .left ul{gap:10px}
  footer .right{padding:0}
  footer .right .row{margin:5px 0;}
  footer .bottom{padding:10px 0}
  footer .bottom .nav-tabs{margin:30px 0 20px 0}
  footer .right ul li{margin:15px 5px 0 0;font-size:13px;font-weight: 600;}
  footer .right .row .col{display: flex;align-items: baseline;gap:2vw;}
  footer .right .row .col span{min-width: 100px;}
  footer .right .row .col ul{display: flex;gap:0px;flex-wrap:wrap;}
  footer .right .col.sns{position: absolute;bottom:10%;left:30px;transform:translate(0px, 10px)}
}



/* content_cf */
#content_wrap h2{font-size:1.5rem;font-weight:600}
#content_wrap .wrapper{position:relative;margin:0 0 50px 0}
#content_wrap .contentcf_text{width: 100%; height: 70%; line-height: 2em; margin: 0 auto; text-align: left; font-size: 15px; white-space: pre-line;}


@media (min-width:540px){ .main-service2 .text-title > br{display: none;} }
@media (max-width:540px){
	#nation_list{left:50%;}

  
/* 메인 - 헤더 */
  #main-header{height:55px;}
  #main-header .navbar{margin:0}
  #main-header .wrapper-right.active{left:-20px}
  .main-header-overlay .content-center .toggle-title{font-size: 1.15rem;padding:0 0 5px 0;text-align: center;}
  .main-header-overlay .content-center ul{text-align: center;}
  .main-header-overlay .content-center li{font-size: 0.95rem;margin:20px 0px}
  .main-header-overlay .content-center .mobile-box{margin:20px 0 0 0}
  .main-user.mobiles{top: -50px;}
  .main-user.mobiles ul li{font-size: 0.75rem;font-weight: 800;}
  .main-user.mobiles ul li a{padding:0 0 0 10px;display:flex;align-items:center}
  html[lang="en"] #main-header .container,  body.gt-en #main-header .container{padding:0 !important}
	/* 영어만 안쪽 여백을 0 으로 두던 규칙 제거 - 기본(0 20px)과 같게 (2026-09-08)
	html[lang="en"] #main-header > .container .navbar.navbar-expand-lg,  body.gt-en #main-header > .container .navbar.navbar-expand-lg{padding:0} */
  #main-header .wrapper-right.is_admim_css.active{grid-template-columns:1fr;justify-items:end}
  #main-header .wrapper-right.is_admim_css.active #nation_list{left:unset}
  
/* 메인 -슬라이드 */
  #intro_banner{margin:80px 0 0 0}
  #intro_banner .swiper-wrapper .swiper-slide p{margin:4vw;font-size: calc(0.65rem + .9vw);}
  #intro_banner .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{margin:0} 

/* 메인 - 짐캐리서비스 */
  .main-solution{margin:30px 0 0 0}
  .main-service .area-container{column-gap: 10px;}
  .main-service .area-container .area{margin:10px 0 0 0}
  /* .main-service .area-container .area.first,.main-service .area-container .area.third{height:240px}
  .main-service .area-container .area.second{height:210px} */
  .main-service p:nth-child(1){font-size:1.2rem}
  .main-service p:nth-child(1).long_text{font-size:1.2rem;padding-bottom:0;}
  .main-service p:nth-child(2){font-size:15px;letter-spacing: -1px;}
/*   .main-service .split-area{transform: translateY(-30px);} */
  /* .main-service .mobile-split{padding-top:5px} */
 
/* 메인 - 아직도 짐때문에 고민하시나요? */
  .main-solution .row .col{flex-wrap: nowrap;align-items: center;padding:25px 10px;margin:10px 0}
  .main-solution .row .col .circle{width:70px;height:70px}
  .main-solution .row .col .circle-box{margin:2vw}
  .main-solution .row .col .text-area span:nth-child(1){margin:15px 0}
  .main-solution .row .col .text-area span:nth-child(2){font-size: 0.8rem;line-height: 1.75;padding:0 5px;letter-spacing:-1.5px;}


/* 메인 - 소중한 물건이 짐이 될 대, 걱정말고 짐캐리하세요! */
  .main-service2 .row .col .round{padding:10px 20px;font-size:1rem}
  .main-service2 .row .col .link-a{font-size:1rem}
  .main-service2 .row .col .text{font-size:1rem;padding:0 85px 0 0;letter-spacing:-1px;}
  .main-service2 .row .col .circle{width:120px;height:120px}
  .main-service2 .row .col .link .link-b{margin:0 5px}
  .main-service2 .row .col .link-a:before{content: ''; position: absolute; width: 135px; border: 1px solid #b9b9b9; transform: translateY(20px); }

/* 메인 - 짐캐리를 이용한 분들의 실제 후기 입니다. */
  .main-review .swiper-slide { width: 100%;}

/* 메인 - 가벼운 일상 버튼 */
	.main-select .select-btn{gap:5vw;padding:0}
	.main-select .select-btn li{padding: 10px 2vw}
	.main-select .select-btn li a{font-size:0.8rem}
  
/* 푸터 */
  footer .right .row .col{display: block;margin:10px 0}
  footer .bottom .txt li{font-size: 0.75rem;letter-spacing: -1px;}

/* #서브 - 매장별 요금안내 */
.sub-price .nav {gap:5px}
.sub-price .nav button {font-size: 0.825rem; letter-spacing:-1px; font-weight: 600; padding:10px}

#intro_banner .font-small{display:none}
	html[lang="en"] .main-user.mobiles,	body.gt-en .main-user.mobiles{top:-55px;transform:translateX(10px)}
	html[lang="en"] .main-user.mobiles .d-flex,	body.gt-en .main-user.mobiles .d-flex{flex-wrap:wrap;}
	html[lang="en"] .main-user.mobiles .d-flex li,	body.gt-en .main-user.mobiles .d-flex li{margin:5px 0}
}


@media (max-width:380px){

 html[lang="en"] #main-header .wrapper-right.is_admim_css.active, body.gt-en #main-header .wrapper-right.is_admim_css.active{font-size:.65rem;left:-5px}

/* 메인 - 짐캐리서비스  */
  .main-service p:nth-child(2){font-size:12px;padding:2px 0}
  /*.main-service .mobile-split{padding-top:27px}*/
  
/* 메인 - 아직도 짐때문에 고민하시나요? */
  .main-solution .row .col .text-area span > br{display:none}

  html[lang="en"] .main-select h2, body.gt-en .main-select h2{font-size: 1.35rem}
}






/* ─────────────────홈페이지(외국어)───────────────────────  */

/*영문*/
	/* 메인 -헤더타이틀 */
	/* 영어만 헤더 폭을 넓히던 규칙 제거 - 기본 .container(1060px)를 그대로 쓴다 (2026-09-08)
	html[lang="en"] #main-header .container,	body.gt-en #main-header .container{max-width:1300px;padding:0 20px !important} */
	html[lang="en"] #main-header .main-menu,	body.gt-en #main-header .main-menu{transform:translateY(21px)}
	html[lang="en"] #main-header .main-menu ul li,	body.gt-en #main-header .main-menu ul li{font-size:0.9rem;font-weight:800;letter-spacing:-1px;text-transform:capitalize}
	/* 영어 메뉴 폭을 넓히던 규칙 제거 - 다른 언어와 같은 기본 폭(530px)을 쓴다 (2026-09-08)
	html[lang="en"] #main-header .main-menu,	body.gt-en #main-header .main-menu{width:730px} */
	html[lang="en"] .main-header-overlay .content-center li,	body.gt-en .main-header-overlay .content-center li{font-size:clamp(0.7rem, calc(0.7rem + 0.1vw), 1rem);letter-spacing:-1px;font-weight:600;}
	/* 영어만 서브메뉴 폭을 넓히던 규칙 제거 - 기본 530px(상단 메뉴와 동일)을 쓴다 (2026-09-08)
	html[lang="en"] .main-header-overlay .content-center,	body.gt-en .main-header-overlay .content-center{width:730px;text-transform:capitalize} */
	html[lang="en"] .main-user,	body.gt-en .main-user{font-size:0.8rem;letter-spacing:-1px}
	html[lang="en"] #main-header.login_class .main-user,	body.gt-en #main-header.login_class .main-user{font-size:0.678rem;letter-spacing:-2px}

	/* 메인 - 슬라이드 */
	html[lang="en"] #intro_banner .swiper-wrapper .swiper-slide p, body.gt-en #intro_banner .swiper-wrapper .swiper-slide p{font-size:var(--common-h4);letter-spacing:-1px;max-width:500px}
	html[lang="en"] #intro_banner .swiper-wrapper .swiper-slide p > br, body.gt-en #intro_banner .swiper-wrapper .swiper-slide p > br {display:none}

	/* 메인 - 짐운송 ~ 무인보관영역 */
	html[lang="en"] .main-service .area-container .area.first, body.gt-en .main-service .area-container .area.first, html[lang="en"] .main-service .area-container .area.third, body.gt-en .main-service .area-container .area.third{height:unset}
	html[lang="en"] .main-service p:nth-child(1), body.gt-en .main-service p:nth-child(1){font-size:1.25rem;text-transform:capitalize;letter-spacing:-1.5px}
	html[lang="en"] .main-service p:nth-child(2), body.gt-en .main-service p:nth-child(2), html[lang="zh-TW"] .main-service p:nth-child(2), body.gt-tw .main-service p:nth-child(2){font-size: 1rem;margin:30px}


	html[lang="en"] .main-service .split-area, body.gt-en .main-service .split-area,
	html[lang="en"] .main-service .split-area a, body.gt-en .main-service .split-area a{min-height: 200px;}
	html[lang="en"] .main-service .area p > br, body.gt-en .main-service .area p > br, html[lang="en"] .main-service .mobile-split > br, body.gt-en .main-service .mobile-split > br{display:none !important}

	/* 번역 문구가 두세 줄이 되면 상자 높이가 제각각이다. 상자 2개씩 감싼 .split-area 를 display:contents 로 풀어
	   8개 상자를 4열 2행 격자에 직접 놓고(열 우선 배치라 순서는 그대로) 두 행을 같은 높이(1fr)로 맞춘다.
	   1024px 이하는 2열로 접히며 별도 규칙이 있어 그대로 둔다. 한국어는 기존 모양 유지 (2026-09-09) */
	@media (min-width:1025px){
		html[lang="en"] .main-service .area-container, body.gt-en .main-service .area-container,
		html[lang="ja"] .main-service .area-container, body.gt-ja .main-service .area-container,
		html[lang="zh-TW"] .main-service .area-container, body.gt-tw .main-service .area-container{grid-template-rows:1fr 1fr;grid-auto-flow:column;row-gap:20px}
		html[lang="en"] .main-service .split-area, body.gt-en .main-service .split-area,
		html[lang="ja"] .main-service .split-area, body.gt-ja .main-service .split-area,
		html[lang="zh-TW"] .main-service .split-area, body.gt-tw .main-service .split-area{display:contents}
	}

	/* 메인 - 아직도 짐때문에 고민하시나요? */
	html[lang="en"] .main-solution .row .col .text-area span > br, body.gt-en .main-solution .row .col .text-area span > br{display:none}

	/* 메인 - 소중한 물건이 짐이 될대, 걱정말고 짐캐리하세요 */
	html[lang="en"] .main-service2 .row .col, body.gt-en .main-service2 .row .col{font-size:1rem;letter-spacing:-1px}
	html[lang="en"] .main-service2 .row .col .round, body.gt-en .main-service2 .row .col .round{text-transform:capitalize}
	html[lang="en"] .main-service2 .row .col .link-a, body.gt-en .main-service2 .row .col .link-a{letter-spacing:-2px;font-size:0.9rem}
	html[lang="en"] .main-service2 .text-title > br,

	/* 메인 - 가벼운 일상 버튼 */
	html[lang="en"] .main-select h2, body.gt-en .main-select h2{letter-spacing:-2px}
	html[lang="en"] .main-select .select-btn li a, body.gt-en .main-select .select-btn li a{font-size:0.85rem}

	/* 푸터 */
	html[lang="en"] footer .bottom .txt li, body.gt-en footer .bottom .txt li, html[lang="en"] footer .right ul li, body.gt-en footer .right ul li{font-size:0.85rem;letter-spacing:-1px;text-transform: capitalize;}
	html[lang="en"] footer .top .left ul li, body.gt-en footer .top .left ul li{font-size:1rem}


/*일본어*/
	html[lang="ja"] #main-header .main-menu ul li,	body.gt-ja #main-header .main-menu ul li{font-size:0.9rem;font-weight:700;letter-spacing:-1px;text-transform:capitalize}
	html[lang="ja"] .main-service p:nth-child(2), body.gt-ja .main-service p:nth-child(2){font-size:unset}
	html[lang="ja"] .main-solution .row .col .text-area span:nth-child(2) > br, body.gt-ja .main-solution .row .col .text-area span:nth-child(2) > br {display:none}
	html[lang="ja"] .main-header-overlay .content-center li,	body.gt-ja .main-header-overlay .content-center li{font-size:clamp(0.7rem, calc(0.7rem + 0.1vw), 1rem);letter-spacing:-1px;font-weight:600;}

/*중국어*/
	html[lang="zh-TW"] .main-service p:nth-child(2), body.gt-tw .main-service p:nth-child(2){font-size:unset}
	html[lang="zh-TW"] .main-service p:nth-child(2) > br, body.gt-tw .main-service p:nth-child(2) > br{display:none}
	html[lang="zh-TW"] .main-solution .row .col .text-area span:nth-child(2) > br, body.gt-tw .main-solution .row .col .text-area span:nth-child(2) > br {display:none}
	html[lang="zh-TW"] .main-header-overlay .content-center li,	body.gt-tw .main-header-overlay .content-center li{font-size:clamp(0.7rem, calc(0.7rem + 0.1vw), 1rem);letter-spacing:-1px;font-weight:600;}



@media(max-width:1200px){
	/* 영어 메뉴 폭 55vw 지정에서 상단 메뉴(.main-menu)는 뺀다 - 다른 언어와 같게 (2026-09-08) */
	/* 영어만 1200px 이하에서 서브메뉴를 55vw 로 넓히던 규칙 제거 - 기본과 같게 (2026-09-08)
	html[lang="en"] .main-header-overlay .content-center, body.gt-en .main-header-overlay .content-center{width:55vw} */
	html[lang="en"] #intro_banner .swiper-wrapper .swiper-slide p, body.gt-en #intro_banner .swiper-wrapper .swiper-slide p{max-width:40vw}
	html[lang="en"] .main-service p:nth-child(2), body.gt-en .main-service p:nth-child(2){margin:5px 30px 30px 30px}
	html[lang="en"] .main-service a.area.first, body.gt-en .main-service a.area.first, html[lang="en"] .main-service a.area.second, body.gt-en .main-service a.area.second, html[lang="en"] .main-service .split-area a, body.gt-en .main-service .split-area a{min-height: 150px;}
}


@media(max-width:1024px){
   html[lang="en"] .main-select .select-btn li, body.gt-en .main-select .select-btn li{width: calc((100% - 15vw ) / 3);}
}
 @media(max-width:992px){
	html[lang="en"] .main-header-overlay .content-center,	body.gt-en .main-header-overlay .content-center{width:100%}
	html[lang="en"] .main-header-overlay .content-center .toggle-title,	body.gt-en .main-header-overlay .content-center .toggle-title,
	html[lang="ja"] .main-header-overlay .content-center .toggle-title,	body.gt-ja .main-header-overlay .content-center .toggle-title,
	html[lang="zh-TW"] .main-header-overlay .content-center .toggle-title,	body.gt-tw .main-header-overlay .content-center .toggle-title{font-size:calc(0.75rem + .9vw);letter-spacing:-1px;font-weight:600}

}

@media(max-width:720px){
	html[lang="en"] #intro_banner .swiper-wrapper .swiper-slide p, body.gt-en #intro_banner .swiper-wrapper .swiper-slide p,
	html[lang="ja"] #intro_banner .swiper-wrapper .swiper-slide p, body.gt-ja #intro_banner .swiper-wrapper .swiper-slide p,
	html[lang="zh-TW"] #intro_banner .swiper-wrapper .swiper-slide p, body.gt-tw #intro_banner .swiper-wrapper .swiper-slide p{font-size:calc(0.75rem + .9vw);letter-spacing:-1px;}

	html[lang="en"] .main-service a.area.first, body.gt-en .main-service a.area.first, html[lang="en"] .main-service a.area.second, body.gt-en .main-service a.area.second, html[lang="en"] .main-service .split-area a, body.gt-en .main-service .split-area a{min-height: 130px;}

	html[lang="en"] .main-select .select-btn, body.gt-en .main-select .select-btn{gap:2.5vw;padding:0}
	html[lang="en"] .main-select .select-btn li, body.gt-en .main-select .select-btn li{padding: 10px 2vw;}
	html[lang="en"] .main-select .select-btn li a, body.gt-en .main-select .select-btn li a{font-size:0.8rem;letter-spacing:-1px}
	html[lang="en"] .main-service p:nth-child(1), body.gt-en .main-service p:nth-child(1),
	html[lang="ja"] .main-service p:nth-child(1), body.gt-ja .main-service p:nth-child(1),
	html[lang="zh-TW"] .main-service p:nth-child(1), body.gt-tw .main-service p:nth-child(1) {font-size:calc(0.85rem + .9vw)}

	html[lang="en"] .main-service p:nth-child(2), body.gt-en .main-service p:nth-child(2){font-size:clamp(0.85rem, calc(0.85rem + 0.1vw), 1.45rem); margin: 0 15px 30px 15px;}
	html[lang="ja"] .main-service p:nth-child(2), body.gt-ja .main-service p:nth-child(2),
	html[lang="zh-TW"] .main-service p:nth-child(2), body.gt-tw .main-service p:nth-child(2){margin: 15px 15px 30px 15px;}
	
	html[lang="zh-TW"] .main-service .area-container .area, body.gt-tw .main-service .area-container .area{min-height:130px}



	html[lang="en"] .main-service p:nth-child(1), body.gt-en .main-service p:nth-child(1){min-height:31px}
	html[lang="en"] .main-solution .row .col .text-area span > br, body.gt-en .main-solution .row .col .text-area span > br{display:block}
	html[lang="en"] footer .right .col.sns, body.gt-en footer .right .col.sns{bottom:8%}
}

@media(max-width:540px){
	html[lang="en"] #intro_banner .swiper-wrapper .swiper-slide p, body.gt-en #intro_banner .swiper-wrapper .swiper-slide p{font-size:calc(0.5rem + .9vw);letter-spacing:-1px;max-width:55vw;transform: translateY(-5px);}
	html[lang="en"] .main-solution .row .col .text-area span:nth-child(2) > br, body.gt-en .main-solution .row .col .text-area span:nth-child(2) > br{display:none}
	html[lang="en"] .main-service .mobile-split, body.gt-en .main-service .mobile-split{padding:unset}
	html[lang="en"] .main-select .select-btn li, body.gt-en .main-select .select-btn li{width: 100%;margin:0 50px}
	html[lang="en"] .main-service p:nth-child(2), body.gt-en .main-service p:nth-child(2){margin:0 15px 15px 15px}	

	html[lang="en"] .main-header-overlay .content-center .toggle-title,	body.gt-en .main-header-overlay .content-center .toggle-title{font-size:0.8rem}
	html[lang="en"] .main-header-overlay .content-center .mobile-box,	body.gt-en .main-header-overlay .content-center .mobile-box{width: calc((100% - 15px) /2);}			
	html[lang="en"] .main-service p:nth-child(1), body.gt-en .main-service p:nth-child(1){font-size:calc(0.8rem + .9vw)}
	
	html[lang="ja"] .main-service .area-container .area, body.gt-ja .main-service .area-container .area{min-height:130px}
	html[lang="ja"] .main-service p:nth-child(2) > br, body.gt-ja .main-service p:nth-child(2) > br{display:none}

}

@media (max-width:360px){
	html[lang="en"] .main-service p:nth-child(2), body.gt-en .main-service p:nth-child(2){margin:0 15px 0 15px}

}