* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Escoredream';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}




@font-face {
    font-family: 'BitgoeulGwangju';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Bitgoeul_Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'BitgoeulGwangju';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Bitgoeul_Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'BitgoeulGwangju';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_seven@1.2/Bitgoeul_Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}


body {
  font-family: 'Escoredream';
  font-weight: 400;
  font-style: normal;
  font-size:15px;
  letter-spacing:-0.5px;
  line-height:20px;
  color: #4d5974;
}

a,
button {
  text-decoration: none;
  color: inherit;
  display:block;
}

ul, li { list-style: none; }

img { width:100%; }

main {
  w1idth: min(980px, 85%);
  margin: 0 auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padd1ing-block: min(20vh, 5em);
}

main .owl-carousel { width: min(980px, 90%); margin: 0 auto; }


main .header {
  margin-bottom: 55px;
}
@media screen and (max-width: 720px) {
  main .header {
    margin-bottom: 70px !important;
  }
}
main .header h1 {
  font-weight: 700;
  font-size: 3rem;
  margin: 5px -5px 15px;
}
main .header span {
  text-transform: uppercase;
  letter-spacing: 1px;
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  color: #471aa0;
}
main .header p {
  max-width: min(40ch, 100% - 2rem);
  line-height: 1.6;
  color: #565656;
}
main .item {
  width: 100%;
  height: 400px;
  position: relative;
  border-radius: 12px;
  ove1rflow: hidden;
}
main .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  border-radius:12px;
}
main .item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 25px 20px 15px 20px;
  color: #fff;
  background: #020024;
  background: linear-gradient(0deg, #020024 0%, #000032a1 3%, #17d9ff00 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-radius:12px;
}
main .item .overlay span.car-name {
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 50px;
  padding: 5px 10px;
  display: inline-block;
  font-size:13px;
}
main .item .overlay > div { font-size:13px; width:100%; }
main .item .overlay > div h2 {
  letter-spacing: 0.5px;
  margin-bottom: 5px;
  font-size:16px;
}
main .item .overlay > div p { font-weight:400; }
main .item .overlay > div p span { color:#e11b22; font-size:24px; font-weight:900; marg1in-left:10px; line-height:26px; }
main .item .overlay > div p span.car-tsmall { color:#fff; font-size:12px; font-weight:300; display:block; margin-top:-5px; }
main .item > dl { position:absolute; bottom:-105px; width:100%; display:none; }
main .item > dl dt { font-size:12px; font-weight:300; display:flex; align-items:center; justify-content:center; line-height:24px; }
main .item > dl dt span { width:30%; backg1round:#0088dc; borde1r-radius:5px; }
main .item > dl dt span:nth-child(2) { margin:0 5%; }
main .item > dl dt span i { margin-right:5px; color:#1c1c1c; font-size:14px; }
main .item > dl dd { ba1ckground: rgba(0, 0, 0, 0.5); display:flex; align-items:center; justify-content:center; }
main .item > dl dd a { background:#0088dc; width:100%; padding:10px; border-radius:50px; color:#fff; font-size:18px; font-weight:500; }

.owl-nav {
  position: absolute;
  top: -100px;
  right: 0;
  display:none;
}

.owl-carousel .owl-stage-outer { overflow-x:hidden; padding-1bottom:105px; }


@media screen and (max-width: 720px) {
  .owl-nav {
    top: -60px !important;
  }
}
.owl-nav button {
  background: #fff !important;
  width: 45px;
  height: 45px;
  font-size: 25px !important;
  box-shadow: 0px 0px 17px #00000005;
  border-radius: 50%;
}
.owl-nav button:nth-of-type(1) {
  margin-right: 13px;
}


/*****************************************/
/* ¸Þ´º */
/*****************************************/
.nav {
  positi1on: fixed;
  z-index: 3;
  height: 60px;
  width: 100%;
  transition: 300ms ease;
  background:#fff;
}

.brand {
  floa1t: left;
  line-height: 60px;
  color: white;
  font-weight: 500;
  padding-left: 1rem;
  width:30%;
  max-width:130px;
  height:auto;
}
.brand span {
  font-size: 0.9em;
  font-weight: 700;
}
.brand img {
  vertical-align: middle;
  he1ight: calc(45px - 1rem);
  margin-right: 0.5rem;
}

.top-menu {
  display: none;
  position: relative;
  float: right;
  transition: 200ms ease;
  font-weight: 300;
  height: 60px;
}
@media screen and (min-width: 720px) {
  .top-menu {
    di1splay: block;
	display:none;
  }
}
.top-menu li {
  display: block;
  float: left;
  height: 60px;
}
.top-menu li a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-decoration: none;
  color: #111;
  padding: 0 1em;
}
.top-menu li a:hover {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

.mobile-open {
  display: block;
}

.hamburger-btn {
  float: right;
  dis1play: block;
  display:none;
  border: none;
  background: transparent;
  color: #111;
  height: calc(60px - 1rem);
  width: calc(60px - 1rem);
  margin: 0.5rem 0.5rem 0 0;
  padding: 0;
  position: relative;
}
@media screen and (min-width: 720px) {
  .hamburger-btn {
    display: none;
  }
}
.hamburger-btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.hamburger-btn .hamburger-line {
  height: 2px;
  width: calc(60px - 2rem);
  background: #111;
  display: block;
  position: absolute;
  left: calc(0.5rem - 1px);
  transition: transform 150ms ease-in, top 150ms ease-out 150ms, bottom 150ms ease-out 150ms, opacity 150ms ease 75ms;
}
.hamburger-btn .hamburger-line:first-child {
  top: 0.75rem;
}
.hamburger-btn .hamburger-line:nth-child(2) {
  top: calc(50% - 1px);
}
.hamburger-btn .hamburger-line:last-child {
  bottom: 0.75rem;
}

.hamburger-cross .hamburger-line {
  transition: transform 150ms ease-out 150ms, top 150ms ease-in, bottom 150ms ease-in, opacity 150ms ease 75ms;
}
.hamburger-cross .hamburger-line:first-child {
  transform: rotate(45deg);
  top: calc(50% - 1px);
}
.hamburger-cross .hamburger-line:nth-child(2) {
  top: calc(50% - 1px);
  opacity: 0;
}
.hamburger-cross .hamburger-line:last-child {
  transform: rotate(-45deg);
  bottom: calc(50% - 1px);
}

.scroll {
  background: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.scroll .top-menu li a, .scroll .brand {
  color: black;
}
.scroll .hamburger-line {
  background: #000;
}


.nav-right { fl1oat: right; margin-right:0.5rem; height:60px; width:70%; display: flex; align-items: center; justify-content:end; }
.nav-right p { padding: 5px 8px; background:#0088dc; border-radius: 30px; color: #fff; font-size: 11px; }



/*****************************************/
/* ¸ÞÀÎÀ̹ÌÁö */
/*****************************************/
.main-visual { position:relative; backgrou1nd: url(../img/bg-main-visual05.png) repeat-x center 23px; background-size: contain; paddin1g:30px 0 0 0; }
.main-vi11sual::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/main-visual.png');
    background-size: cover; /* À̹ÌÁö Å©±â Á¶Àý */
    opacity: 0.5; /* Åõ¸íµµ Á¶Àý */
}

.main-visual-wrap { width:100%; max-wi1dth:980px; background:#fff; margin:0 auto; position:relative; top:0; }

.main-img { margi1n:30px auto 0 auto!important; display:flex; flex-direction: column; width:100%; max-wid1th:980px; background:#000; }
.main111-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backgro1und-image: url('../img/main-visual.png');
    background-size: cover; /* À̹ÌÁö Å©±â Á¶Àý */
    opa1city: 0.8; /* Åõ¸íµµ Á¶Àý */
}
.main-img img { opa1city:0.8; display:flex; }


.main-visual ul { position: absolute; z-index:1; top:10%; left:5%; }
.main-visual ul li { margin-bottom:20px; }
/*.main-visual ul li:nth-child(1) { background:#0088dc; color:#fff; font-size:12px; width:fit-content; padding:5px 15px; border-radius:50px; font-weight:400; dis1play:none; }*/
.main-visual ul li:nth-child(1) { font-size:40px; font-weight:200; line-height:65px; color:#fff; tex1t-shadow: 3px 4px 5px #000; font-family: 'BitgoeulGwangju'; font-weight:900; }
.main-visual ul li:nth-child(1) span.main-txt01 { font-size:55px; color:#e11b22; }
.main-visual ul li:nth-child(1) span.main-txt02 { color:#fff; font-size:40px; padding:3px 10px; background:#e11b22; display:inline-block; }
.main-visual ul li:nth-child(2) { font-size:20px; color:#eee; font-weight:400; line-height:32px; }
.main-visual ul li:nth-child(2) span { color:#0088dc; font-weight:700; border-bottom:1px solid #0088dc; }
.main-visual ul li:nth-child(3) { font-size:16px; width:fit-content; font-weight:700; display:none; }
.main-visual ul li:nth-child(3) a { background:#0088dc; color:#fff; padding:10px 25px; border-radius:50px; }


.main-bottom { background:#005baa; }
.main-bottom ul { display:flex; }
.main-bottom ul li { display:flex; flex-direct1ion: column; align-items:center; justify-content:center; width:32%; padding:20px 0; font-size:14px; background:#f5f5f5; border-radius:10px; box1-shadow: 0 6px 18px rgba(0,0,0,0.08); }
.main-bottom ul li:nth-child(2) { margin:0 2%; }
.main-bottom ul li span { font-size:28px; color:#0088dc; font-weight:700; }

.main-bottom-em { 
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: 30px;
	grid-row-gap: 0px;
}

.main-bottom-em dl { width:50%; }
.main-bottom-em dl dt { font-size:20px; font-weight:800; margin-bottom:5px; color:#0088dc; }
.main-bottom-em dl dd {  }
.main-bottom-em div { background:#fff; border:2px solid #1c1c1c; width:60px; height:60px; border-radius:10px; display:flex; align-items:center; justify-content:center; }
.main-bottom-em div i { color:#1c1c1c; font-size:26px; }


.main-slide { margin:50px 0; }
.main-slide dl { text-align:center; margin-bottom:20px; }
.main-slide dl dt { font-size:30px; font-weight:700; margin-bottom:10px; line-height:36px; color:#30393b; }
.main-slide dl dd { color:#4d5974; font-size:18px; }


.main-width { wi1dth: min(980px, 90%); ma1rgn:20px auto; width:92%; margin:20px 4%; }



  @media screen and (max-width: 720px) {
  .main-visual { background-size: cover; }

  .main-visual ul li:nth-child(1) { font-size:20px; line-height:34px; }
  .main-visual ul li:nth-child(1) span.main-txt01 { font-size:22px; }
  .main-visual ul li:nth-child(1) span.main-txt02 { font-size:20px; padding:0px 10px; }
  .main-visual ul li:nth-child(2) { font-size:13px; line-height:22px; }
  .main-visual ul li:nth-child(2) span { border-bottom:1px solid #0088dc; }


  .main-bottom-em { 
	display: grid!important;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
	}
  .main-bottom-em div { margin:0 auto; width:38px; height:38px; border-radius:5px; }
  .main-bottom-em div i { font-size:20px; }
  .main-bottom-em dl { width:100%; text-align:center; margin-top:3px; }
  .main-bottom-em dl dt { font-size:18px; margin-bottom:0; }
  .main-bottom-em dl dd { font-size:12px; font-weight:400; line-height:16px; }

  .main-bottom ul li { padding:10px 0; }

  .main-slide dl dt { font-size:20px; line-height:24px; }
  .main-slide dl dd { font-size:14px; }
}

/*****************************************/
/* »ó´ã ½Åû */
/*****************************************/
.top-estimate { background:#1c1c1c; }
.top-estimate-wrap { display:flex; }
.top-estimate ul { flex: 1 1 100%; }
.top-estimate ul li { font-size:14px; margin-bottom:10px; }
.top-estimate ul li input { width:95%; height:40px; border-radius:5px; border:none; padding:0 10px; }
.top-estimate ul li label { display:flex; align-items:center; color:#fff; }
.top-estimate ul li label input { width:16px; height:16px; margin-right:5px; }
.top-estimate ul li label button { font-size:13px; font-weight:700; margin-left:5px; background:#0088dc; col1or:#4d5974; padding:0 8px; border-radius:2px; }
.top-estimate button { flex: 1 1 35%; display:inline-block; border-radius:5px; border:none; background:#e11b22; color:#fff; font-size:18px; line-height:24px; font-weight:700; cursor:pointer; }

.bt-detail { back1ground:transparent!important; }


  @media screen and (max-width: 720px) {
  .top-estimate ul li label { font-size:11px; }
  .top-estimate ul li label button { font-size:11px; margin-left:3px; padding:0 5px; line-height: inherit; }
}



.float-estimate { position:fixed; bottom:0; z-index:2; width:100%; background:#1c1c1c; border-1top:3px solid #0088dc; }
.float-estimate-wrap { display:flex; padding:10px 0; max-width:980px; margin:0 auto; }
.float-estimate ul { flex: 1 1 100%; }
.float-estimate ul li { font-size:14px; margin-bottom:10px; }
.float-estimate ul li input { width:95%; height:40px; border-radius:5px; border:none; padding:0 10px; }
.float-estimate ul li label { display:flex; align-items:center; color:#fff; }
.float-estimate ul li label input { width:16px; height:16px; margin-right:5px; }
.float-estimate ul li label button { font-size:13px; font-weight:700; margin-left:5px; background:#0088dc; col1or:#4d5974; padding:0 8px; border-radius:2px; }
.float-estimate button { flex: 1 1 35%; display:inline-block; border-radius:5px; border:none; background:#e11b22; color:#fff; font-size:18px; line-height:24px; font-weight:700; cursor:pointer; }

.bt-detail { back1ground:transparent!important; }


  @media screen and (max-width: 720px) {
  .float-estimate-wrap { padding:10px 0; }
  .float-estimate ul li { margin-bottom:5px; }
  .float-estimate ul li label { font-size:11px; }
  .float-estimate ul li label button { font-size:11px; margin-left:3px; padding:0 5px; line-height: inherit; }
}



/*****************************************/
/* »óÇ° ¾È³» */
/*****************************************/
.product-wrap { width:92%; margin:30px 4%; }
.product-top {  }
.product-top > div,
.product-bottom > div { margin-bottom:30px; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); border-radius:10px; }
.product-top .product-item { margin-bottom:10px; }
.product-bottom { 
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 0px;
}

.product-item { 
width: 100%;
    height: 300px;
    position: relative;
    border-radius: 10px;
}

.product-item .overlay { 
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 25px 20px 15px 20px;
    color: #fff;
    backg1round: linear-gradient(0deg, #020024 0%, #000032a1 3%, #17d9ff00 100%);
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-start;
    border-radius: 10px;
}

.product-txt { padding:10px; }
.product-txt h2 { letter-spacing:-0.5px; margin-bottom: 5px; font-size: 18px; color:#1c1c1c; font-weight:800; border-bottom:1px solid #eee; padding-bottom:5px; }
.product-txt p { font-weight: 400; font-size:14px; text-align:right; }
.product-txt p span { color: #e11b22; font-size: 26px; font-weight: 900; line-height: 32px;  }
.product-txt p span.car-tsmall { color:#4d5974; font-size:12px; font-weight:300; display:block; margin-top:-5px; }

.product-item img { 
	height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
    border-radius: 10px;
	display: block;
}


  @media screen and (max-width: 720px) {
  .product-top .product-item { margin-bottom:0; }
  .product-bottom { 
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 0px;
}
  .product-item { height:160px; }

.product-txt h2 { font-size: 14px; line-height:16px; }
.product-txt h2 span { font-size:11px; }
.product-txt p { font-size:13px; }
.product-txt p span { font-size: 20px; line-height: 26px; }
}




/*****************************************/
/* Àü±âÂ÷ º¸Á¶±Ý ¾È³» */
/*****************************************/
.top-txt { background:#7e929f; padding:10px 0; }
.top-txt-wrap { background:#fff; border-radius:10px; padding:15px; }
.top-txt-wrap dl { margin-b1ottom:20px; }
.top-txt-wrap dl dt { font-size:18px; font-weight:600; color:#0088dc; margin-bottom:10px; }
.top-txt-wrap dl dd {  }
.top-txt-wrap p { background:#1c1c1c; color:#fff; border-radius:10px; padding:20px; font-weight:400; display:none; }
.top-txt-wrap p span { display:block; font-size:16px; font-weight:600; margin-bottom:10px; }

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
  padding:20px;
  border-radius:10px;
}

.swiper-slide span { font-size:18px; font-weight:600; display:block; }


.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}


  @media screen and (max-width: 720px) {
  .top-txt-wrap dl dd { font-size:14px; }
}




/*****************************************/
/* ±è°æÁø ¼Ò°³ */
/*****************************************/
.main-company { padding:10px 0 80px 0; background:#f9f9f9; }
.company-title { text-align:center; margin-bottom:30px; }
.company-title dt { font-size:26px; font-weight:900; margin-bottom:10px; color:#1c1c1c; line-height:30px; }
.company-title dt span { color:#0088dc; font-size:32px; line-height:46px; }
.company-title dd { font-size:17px; line-height:26px; color:#666; }
.company-title dd span { font-weight:600; }
.company-title .title-w { color:#fff; }
.company-title .title-b { color:#0088dc; }

.company-man { width:220px; height:220px; border-radius:220px; margin:0 auto; overflow:hidden; box-shadow: 0 6px 18px rgba(0,0,0,0.08); }
.man-info { width:220px; margin:30px auto; }
.man-info li { margin-bottom:10px; }
.man-info li i { width:26px; color:#0088dc; text-align:center; }
.company-script { text-align:center; }
.company-script dt { 
	color: #fff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 15px;
    background: #0088dc;
    display: inline-block;
    padding: 20px;
    border-radius: 100px; 
	}

.company-script dd { margin-bottom:30px; line-height:24px; }
.company-script dd span { font-weight:500; color:#0088dc; }

.company-movie { 
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 0px;
  }
.company-movie li { background:#000; border-radius:10px; overflow:hidden; hei1ght:400px; position:relative; display:flex; align-items:center; }
.company-movie li label { cursor:pointer; }
.company-movie li label p { position:absolute; top:50%; margin-top:-30px; left:50%; margin-left:-30px; width:60px; height:60px; border:2px solid #fff; border-radius:150px; background-color : rgb(0,0,0,0.5); }
.company-movie li label p i { color:#fff; font-size:30px; width:60px; height:60px; display:flex; align-items:center; justify-content:center; }
.company-movie li img { width:100%; margi1n-top:-55px; display:flex; }

  .spacer { height: 700px; } /* ¿¹½Ã·Î ½ºÅ©·Ñ °ø°£ */

  .counter-wrap {
    margin: 30px auto;
    display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 0px;
  }

  .card{
    background: #fff;
	bor1der:2px solid #1c1c1c;
    border-radius:10px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
	padding:30px 20px;
	text-align:center;
  }

  .label{
    font-size:14px;
    margin-bottom:8px;
    letter-spacing:0.2px;
	colo1r:#eee;
	font-weight:400;
  }

  .counter{
    font-size:40px;
    font-weight:700;
    color:#0088dc;
    /* Ãʱ⠻óÅÂ(Ä«¿îÆ® Àü) ½ÃÁ¡ÀÇ ½ºÅ¸ÀÏ */
    transform: translateY(0);
  }

  /* ¼±ÅÃ(¿øÇϸé) : Ä«¿îÆ® ÁßÀÏ ¶§ ½Ã°¢Àû Ç¥½Ã */
  .counter.counting {
    color: #7288a2;
  }

/* À¯Æ©ºê ¼îÃ÷ »çÀÌÁî */
.shorts-container { position:relative; width:100%; max-width:360px; margin:0 auto; }
.shorts-container iframe { width:100%; aspect-ratio: 9 / 16; height:auto; display:block;}

  /* Á¢±Ù¼º: reduced motion */
  @media (prefers-reduced-motion: reduce){
    .counter { transition: none !important; }
  }

  @media screen and (max-width: 720px) {
  .company-movie {
    display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
  }

  .company-movie li { height:340px; }
  .company-movie li img { marg1in-top:-15px; }
  .counter { font-size:17px; font-weight:900; }
  .card { padding:20px 0px; }

  .company-title {  }
  .company-title dt { font-size:20px; }
  .company-title dt span { font-size:28px; font-weight:900; line-height:28px; }
  .company-title dd { font-size:14px; line-height:20px; }

  .company-script dt { font-size:20px; padding:12px 18px; }
}



@media screen and (min-width: 720px) {
  .company-title br.mobile-br { display:none; }
  }


.modal-video { 
	position: relative; 
	paddin1g-bottom: 56.25%; 
	overflow: hidden; 
	max-width: 100%; 
	height: auto; 
	text-align:center;
}

.modal-video img { width:fit-content; max-width:70%; }

.modal-video iframe,
.modal-video object,
.modal-video embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	border:none;
	display:none;
}

.modal__inner__video {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width:fit-content!important;
  margin: auto;
  overflow: auto;
  background: transparent!important;
  border-radius: 5px;
  padding:1.5em 2.5em;
  he1ight: 80%!important;
  max-width:980px!important;
  display: flow!important;
}

.close__white {  }
.modal__inner__video p { font-size:20px; color:#fff; font-weight:900; margin-top:20px; line-height:26px; text-align:center; }
.close__white:after, .close__white:before { background:#fff!important; }

  @media screen and (max-width: 720px) {
.modal__inner__video {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding:2.5em 0!important;
  height: fit-content!important;
  display: grid;
	grid-template-columns: repeat(1, 1fr)!important;
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 10px;
}
}


/*****************************************/
/* ·»Æ®, ¸®½º ¾È³» */
/*****************************************/
/* [Object] Modal
 * =============================== */
.rent-info { overflow: hidden; position: relative; width: 100%; background:#000; }
.rent-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg_rent.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;
    opacity: 0.3; /* Åõ¸íµµ Á¶Àý */
}

.rent-info-wrap { padding:80px 0; position:relative; z-index:1; }

.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0,0,0, .9);
  transition: opacity .25s ease;
  z-index:5;
}

.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.modal-state {
  display: none;
}

.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
}

.modal-state:checked + .modal .modal__inner {
  top: 0;
}

.modal__inner {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 1.5em 2.5em;
  height: 50%;
  display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 10px;
}


.modal__inner__left { width:100%; }
.modal__inner h2 { margin-bottom:10px; }
.modal__inner h3 { font-weight:200; background:#0088dc; display:inline-block; font-size:14px; border-radius:50px; padding:2px 10px; color:#fff; margin-bottom:20px; }
.modal__inner dl { margin-bottom:15px; background:#f9f9f9; border-radius:10px; padding:15px; }
.modal__inner dl dt { font-weight:500; margin-bottom:10px; }
.modal__inner dl dd { font-size:14px; line-height:24px; }
.modal__inner dl dd span { font-weight:500; }
.modal__inner dl dd i { color:#0088dc; margin-right:5px; }
.modal__inner__left .icon-blue i { color:#d13838!important; }

.modal__inner__right { background:#666; border-radius:10px; overflow:hidden; display:none; }
.modal__inner__right img {
  max-1width: 200px;
  width:160%;
  height: auto;
  position:relative;
  left:-30%;
  flo1at: left;
  mar1gin: 0 1em 1em 0;
}


.modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #666;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #333;
}

.modal__close:before {
  transform: rotate(-45deg);
}

.rent-btn { text-align:center; }
.rent-btn p { display:flex; align-items:center; justify-content:center; color:#fff; }

@media screen and (max-width: 720px) {
	
  .modal__inner {
    width: 90%;
    height: 88%;
    box-sizing: border-box;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 10px;
  }
  .modal__inner__right { display:none; }
}


/* Other
 * =============================== */

.btn {
  cursor: pointer;
  background: #0088dc;
  display: inline-block;
  width:120px; height:120px;
  color: #fff;
  border-radius: 200px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction: column;
  margin:10px;
}


.btn span { font-size:20px; font-weight:600; }

.btn:hover,
.btn:focus {
  bac1kground: #196797;
}

.btn:active {
  backg1round: #196797;
  box-shadow: 0 1px 2px rgba(0,0,0, .2) inset;
}

.btn--blue {
  background: #d13838!important;
}

.btn--blue:hover,
.btn--blue:focus {
  backg1round: #9b3939!important;
}

.btn--blue:active {
  backgro1und: #9b3939!important;
}








/*****************************************/
/* ¸®¾ó °í°´Èıâ */
/*****************************************/
.customer-review { margin:20px auto 80px auto; }
.review-wrap { 
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: repeat(3, 1fr);
			grid-column-gap: 20px;
			grid-row-gap: 20px;
 }
.review-wrap ul { border-radius:10px; overflow:hidden; background:#f9f9f9; box-sha1dow: 0 6px 18px rgba(0,0,0,0.1); }
.review-wrap ul li {  }
.review-wrap ul li.review-img { height:250px; overflow:hidden; display:flex; align-items:center; }

.review-comment { padding:30px 20px; box-shadow:none; }
.review-comment li:nth-child(1) { color:#FFC107; margin:0 0 10px 0; }
.review-comment li:nth-child(2) { font-size:14px; color:#666; margin-bottom:20px; min-height:50px; }
.review-comment li:nth-child(3) { display:flex; align-items:center; }
.review-comment li:nth-child(3) span.icon { width:40px; height:40px; line-height:40px; text-align:center; border-radius:30px; background:#0088dc; font-size:20px; font-weight:700; color:#fff; }
.review-comment li:nth-child(3) span.name { margin-left:10px; font-size:14px; }


  @media screen and (max-width: 720px) {
  .review-wrap { 
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-template-rows: repeat(3, 1fr);
			grid-column-gap: 10px;
			grid-row-gap: 10px;
 }

  .review-comment { padding:15px 10px; }
  .review-wrap ul li.review-img { height:auto; }
  .review-comment li:nth-child(2) { min-height:75px; }
  .review-comment li:nth-child(1) { font-size:15px; }
  .review-comment li:nth-child(2) { font-size:13px; margin-bottom:10px; }
  .review-comment li:nth-child(3) span.icon { width:26px; height:26px; font-size:14px; line-height:26px; }
  .review-comment li:nth-child(3) span.name { font-size:12px; margin-left:5px; }
}


/*****************************************/
/* Àü±âÂ÷±¸¸Å ÇýÅà */
/*****************************************/
.favor-info { backgr1ound:#1c1c1c; padd1ing:80px 0; }
.favor-info p img { display:flex; }
.favor-info-con { 
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			grid-template-rows: 1fr;
			grid-column-gap: 10px;
			grid-row-gap: 0px;
		}

  @media screen and (max-width: 720px) {
  .favor-info-con {
    display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 10px;
  }
}

.favor-info-con ul { background:#fff; border-radius:10px; text-align:center; padding:40px 15px; }
.favor-info-con ul li { font-size:12px; line-height:16px; margin-bottom:5px; }
.favor-info-con ul li:nth-child(1) {  }
.favor-info-con ul li:nth-child(2) { font-weight:700; }
.favor-info-con ul li:nth-child(3) { font-size:18px;font-weight:700; color:#0088dc; }
.favor-info-con ul li:nth-child(4) { color:#666; }



  @media screen and (max-width: 720px) {
  .favor-info-con ul { padding:20px 15px; }
}



/*****************************************/
/* Àü±âÂ÷ ±¸¸Å Àü ²À ¾Ë¾Æ¾ßÇÒ ²ÜÆÁ */
/*****************************************/
main .item-tip {
  height: 330px;
}

main .item .overlay-tip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 28px 25px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-radius:12px;
}

.main-tip { background:#e5f0f6; padding:80px 0; margin:0; }


.overlay-tip ul {  }
.overlay-tip ul li:nth-child(1) { background:#0088dc; padding:5px 10px; border-radius:50px; color:#fff; font-size:13px; font-weight:500; display:inline-block; margin-bottom:10px; }
.overlay-tip ul li:nth-child(2) { font-weight:500; margin-bottom:10px; }
.overlay-tip ul li:nth-child(3) { font-size:14px; letter-spacing:-1px; }
.overlay-tip ul li:nth-child(3) span { font-weight:500; color: #0088dc; margin-bottom:5px; display:block; }
.overlay-tip ul li:nth-child(4) { position:absolute; bottom:40px; font-weight:500; }
.overlay-tip ul li:nth-child(4) a i { color: #0088dc; margin-left:5px; }

.item-tip-pc { 
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-template-rows: repeat(2, 1fr);
			grid-column-gap: 10px;
			grid-row-gap: 10px;
			width:92%; margin: 0 4%;
			}
.item-tip-pc ul { background:#fff; border-radius:10px; padding:40px 20px 80px 20px; position:relative; }
.item-tip-pc ul li:nth-child(1) { background:#0088dc; padding:5px 10px; border-radius:50px; color:#fff; font-size:13px; font-weight:500; display:inline-block; margin-bottom:10px; }
.item-tip-pc ul li:nth-child(2) { font-weight:500; margin-bottom:10px; }
.item-tip-pc ul li:nth-child(3) { font-size:14px; letter-spacing:-1px; }
.item-tip-pc ul li:nth-child(3) span { font-weight:500; color: #0088dc; margin-bottom:5px; display:block; }
.item-tip-pc ul li:nth-child(4) { position:absolute; bottom:40px; font-weight:500; }
.item-tip-pc ul li:nth-child(4) a i { color: #0088dc; margin-left:5px; }


  @media screen and (max-width: 720px) {
  .item-tip-pc { display:none; }
}
  @media screen and (min-width: 720px) {
  .item-tip-mobile { display:none!important; }
}





/*****************************************/
/* ½Ç½Ã°£ »ó´ã ÇöȲ */
/*****************************************/
.vticker-estimate { background:#f9f9f9; padding:80px 0; }
.vticker {  }
.vticker ul { width:100%; }
.vticker ul li { display:flex; align-items:center; height:60px; background:#fff; border-radius:10px; margin-bottom:10px!important; padding:0 20px; }
.vticker ul li span { padding:2px 0; border-radius:50px; }
.vticker ul li span:nth-child(1) { width:30%; }
.vticker ul li span:nth-child(2) { width:30%; }
.vticker ul li p { display:flex; justify-content:end; width:40%; }
.vticker ul li p span { width:auto; max-width:90px; font-weight:400; text-align:center; font-size:14px }
.vticker ul li span.con-ing { background:#fde5e5; color:#b4172c; width:60%; }
.vticker ul li span.con-app { background:#fff6ec; color:#9b553b; width:60%; }
.vticker ul li span.con-end { background:#e3f1e4; color:#26581d; width:60%; }


@media screen and (max-width: 720px) {
  .vticker ul li { font-size:11px; }
  .vticker ul li span:nth-child(1) { width:50%; }
  .vticker ul li span:nth-child(2) {  }
  .vticker ul li span:nth-child(3) { width:45%;  }
  .vticker ul li p span { font-size:11px; }
  .vticker ul li span.con-ing { width:60%!important; }
  .vticker ul li span.con-app { width:60%!important; }
  .vticker ul li span.con-end { width:60%!important; }
}





/*****************************************/
/* FAQ */
/*****************************************/
.main-faq { margin:80px 0; }
.accordion-container {
    width: 92%;
    max-w1idth: 980px;
}

.accordion-item {
    background-color: #FFFFFF; /* White background for items */
    border-bottom:1px solid #e5e5e5;

}

.accordion-item .active { color: #0088dc; border-bottom:1px solid #0088dc; }

.accordion-header {
	background:#fff;
    color: #7288a2; /* Soft purple */
    padding: 15px;
    font-size: 18px;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s ease;
	font-weight:500;
}

.accordion-header:hover {
    color: #0088dc; /* Darker shade of purple */
}

.accordion-content {
    overflow: hidden;
    padding: 0 15px;
    max-height: 0;
    transition: max-height 0.3s ease;
}

.accordion-content div {
    margin: 30px 0;
    line-height: 2;
	color:#4d5974;
}

.accordion-content div p { background:#f9f9f9; padding:10px; margin:10px 0; border-radius:10px; }
.accordion-content div span { font-weight:500; }
.accordion-content div p span { display:block; }
.accordion-content div i { color: #0088dc; margin-right:5px; }

.icon-faq {
    transition: transform 0.3s ease;
	font-size:24px;
}

.active .icon-faq {
    transform: rotate(45deg);
}


@media screen and (max-width: 720px) {
  .accordion-header { font-size:14px; }
  .accordion-content div { font-size:13px; }
}





/*****************************************/
/* FOOTER */
/*****************************************/
footer { padding:0 0 80px 0; backgro1und:#1c1c1c; color:#999; }
.footer-copy { text-align:center; }

.bottom-estimate { position:fixed; bottom:0; z-index:4; background-color : rgb(0,0,0,0.8); width:100%; padding:15px 0; }

.bottom-estimate a.btn-bottom-estimate { width:300px; background:#e11b22; color:#fff; height:50px; display:flex; align-items:center; justify-content:center; margin:0 auto; border-radius:100px; font-size:18px; font-weight:500; position:relative; z-index:1; }



@media screen and (max-width: 720px) {
  .footer-copy { font-size:12px; }
}