<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@font-face {
  font-family: 'GmarketSans';
  font-weight: 300;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.woff') format('woff'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansLight.ttf') format("truetype");
  font-display: swap;
} 
@font-face {
  font-family: 'GmarketSans';
  font-weight: 500;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.woff') format('woff'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansMedium.ttf') format("truetype");
  font-display: swap;
} 
@font-face {
  font-family: 'GmarketSans';
  font-weight: 700;
  font-style: normal;
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot');
  src: url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.woff') format('woff'),
       url('https://cdn.jsdelivr.net/gh/webfontworld/gmarket/GmarketSansBold.ttf') format("truetype");
  font-display: swap;
} 

/*폰트*/
.G_font {font-family: 'GmarketSans';}
.G_font.thin {font-weight:300;}
.G_font.medium {font-weight:500;}
.G_font.blod {font-weight:700;}
.light_gray {color:#f1f1f1;}
.blue {color:#0056a7;}
.dark_gray {color:#48505a;}
/* banner01.css */
.banner01{ position:relative; height:100vh; max-height:1000px; min-height:620px; margin:0 auto;}
.banner01 .swiper-container{ height:100%; overflow: hidden; }
.banner01 .swiper-wrapper{ height:100%; }
.banner01 .swiper-slide{ position:relative; height:100%; overflow: hidden; }
.banner01 h1,
.banner02 h1 {font-size:7.5rem; line-height:1.2em; position:relative; display:block; letter-Spacing:-5px;}
.banner01 h2, 
.banner01 h2 {font-size:6rem; font-weight:600; line-height:1.2em; position:relative; display:block;}

@media screen and (max-width:1024px){
  .banner01 h1,
  .banner02 h1 {font-size:5.5rem;}
  .banner01 h2, 
  .banner01 h2 {font-size:4rem;}
}
@media (max-width: 768px){
  .banner01{ height:620px;}
  .banner01 h1,
  .banner02 h1 {font-size:4.6rem;}
  .banner01 h2, 
  .banner01 h2 {font-size:3.2rem;}
}
/* bnnBgImg.scale -- 슬라이드 배경이미지 컸다가 작아지는  */
.banner01 .bnnBgImg{ position:absolute; top:50%; left:50%; height:100%; width:100%; background-size: cover; background-repeat: no-repeat;background-position:right center;  transition:transform 3s ease-out; -webkit-transition:transform 3s ease-out;}
.banner01 .bnnBgImg.scale {transform:translate(-50%, -50%) scale(1.2);}
.banner01 .swiper-slide.swiper-slide-active .bnnBgImg.scale{ transform:translate(-50%, -50%) scale(1); }

/* 슬라이드되고 배너 글씨들 애니메이션 */ 
.sliderCont .line1{transition-delay:.7s;}
.sliderCont .line2{transition-delay:1.1s;}
.sliderCont .line3{transition-delay:1.5s;}

.down-up{  opacity:0; transform:translateY(40px); transition-property: opacity, transform; transition-duration: .4s, .7s; transition-timing-function:ease, linear;  will-change: transform; will-change: opacity;}
.swiper-slide.swiper-slide-active .down-up{opacity:1; transform:translateY(0);}


/* bulletBasic01 -- 배너 pagination 기본타입 */
.swiper-pagination.bulletBasic01{bottom:50px; left:50%; transform: translateX(-50%);}
.swiper-pagination.bulletBasic01 .swiper-pagination-bullet{background:transparent; width:14px; height:14px; border-radius: 14px; margin:0 7px; border:2px solid #fff; opacity:.4;}
.swiper-pagination.bulletBasic01 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#fff; opacity:1; }
@media (max-width: 768px){
  .swiper-pagination.bulletBasic01{ bottom:25px; }
  .swiper-pagination.bulletBasic01 .swiper-pagination-bullet{width:12px; height:12px; margin:0 5px;}
}


/* &lt; &gt; */
.banner01 .swiper-button-next,
.banner01 .swiper-button-prev{ color:#fff; font-size:60px; }
.banner01:hover .swiper-button-next,
.banner01:hover .swiper-button-prev{ opacity:.6; }
.banner01 .swiper-button-next{right:50px;}
.banner01 .swiper-button-prev{left:50px;}
@media screen and (max-width: 1630px){
  .banner01 .swiper-button-next{right:5px;}
  .banner01 .swiper-button-prev{left:5px;}
  .banner01 .swiper-button-next,
  .banner01 .swiper-button-prev{ font-size:50px; }
}
@media (max-width: 768px){
  .banner01 .swiper-button-next,
  .banner01 .swiper-button-prev{display:none;}
  
}


/*배너 안에 있는 이미지*/
.tbinner_narrow h1 img.bnntxtImg {width:auto; height:170px; display:inline-block;}
.slide3 .tbinner_narrow h1 img.bnnPointImg {width:auto; height:220px; display:inline-block; margin-bottom:20px;}

@media (max-width: 768px){
  .slide3 .tbinner_narrow h1 img.bnnPointImg {height:150px;}
}



.slide2 h5.line2 {color:#48505a;}

/*아이콘 4개*/
.slide2 .fixed_icon {padding-top:50px;}
.slide2 .fixed_icon ul {display:flex; }
.slide2 .fixed_icon ul li {color:#222; margin-right:10px;  border-radius:15px;}
.slide2 .fixed_icon ul li:nth-child(1) { background-color:rgba(255,255,255,.8); }
.slide2 .fixed_icon ul li:nth-child(2) { background-color:rgba(255,255,255,.8);; }
.slide2 .fixed_icon ul li:nth-child(3) { background-color:rgba(255,255,255,.8);; }
.slide2 .fixed_icon ul li:nth-child(4) { background-color:rgba(255,255,255,.8);; }

.li_layout { position:relative; display:flex; flex-direction: column; justify-content:center; text-align:center; width:200px; height:0; padding-bottom:100%;}
.li_inner { width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.li_inner .cont {font-size:1.6rem; font-weight:400; padding-bottom:5px; color:#989898;}
.li_inner .tit {font-size:2.2rem; font-weight:600; padding-bottom:7px;}
.li_inner .icon img {width:80px; margin:0 auto;}

@media screen and (max-width:768px){
  .slide2 .fixed_icon ul {display:none;}
}

.sliderCont .tbbtn {font-size:1.8rem;}

.slide3 .sliderCont { transform: translate(-50%, -46%);}</pre></body></html>