html, body {
   /* overflow-x: hidden;
    overflow-y: auto;*/
}
.riseNews__chip--st.is-open   { background:#e8fff1; color:#0f7a3a; }
.riseNews__chip--st.is-urgent { background:#fff2f2; color:#c0262d; }
.riseNews__chip--st.is-soon   { background:#eef2ff; color:#3730a3; }
.riseNews__chip--st.is-ended  { background:#f3f4f6; color:#374151; }
.riseNews__chip--st.is-close  { background:#111827; color:#fff; }

.riseNews__chip--dday{
  background:#111827;
  color:#fff;
  font-weight:700;
}
 .text_sect{padding: 125rem 0;background:#f5f7fa;}
 .text_sect .txt_grid{display: flex; align-items: center; justify-content: center; height: 100%;}
 .text_sect .txt_grid .txt_wrap{display: flex; flex-direction: column; align-items: center;}
 .text_sect .txt_grid .txt_wrap .tit{display: inline-block; position: relative; white-space: nowrap; color: #e1e1e1; font-size: 64rem; font-weight: 700; line-height: 1.425em;}
 .text_sect .txt_grid .txt_wrap .tit .copy {position: absolute; left: 0; top: 0; width: 0%; height: 100%; font-size: 1em; font-weight: inherit; color: #000; overflow: hidden; white-space: nowrap;}
 .text_sect .txt_grid .txt_wrap .sub_tit{display: inline-block; position: relative; white-space: nowrap; margin-top: 3em; color: #e1e1e1; font-size: 35rem; font-weight: 700; line-height: 1.425em;}
 .text_sect .txt_grid .txt_wrap .sub_tit .copy {position: absolute; left: 0; top: 0; width: 0%; height: 100%; font-size: 1em; font-weight: inherit; color: #000; overflow: hidden; white-space: nowrap;}


.riseNews__grid.nodata {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px 46px;
}


.oservice{
  position: relative;
  border-radius: 24px; 
}

.oservice .text-wrap{
  position: relative;
}


.oservice .bg{
  position: absolute;
  z-index: 1;
}

.oservice .line-layer{
  position: absolute;
  inset: 0;
  z-index: -4;
  pointer-events: none;
  opacity: 1;           
  mix-blend-mode: screen;   
}

.oservice .line-layer img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  
  width: 180%;    
  height: auto;  

  min-height: 50%; 
  display: block;
}
.main-tit-wrap .btn_wrap a {
    display: inline-flex;
    align-items: center;
    padding: 1.5em;
    margin-top: 4em;
    background: #000;
    fill: #fff;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    border-radius: 2em;
    line-height: 1em;
    transition: background 0.25s;
}
.main-tit-wrap .btn_wrap a svg {
    margin-left: 3em;
}
.main-tit-wrap .btn_wrap a:hover {
        background: #008735;
    }
.cnu-typo-en--01 {
    font-size: 52px;
    line-height: 57px;
    font-weight: 700;
    letter-spacing: 0em;
	color:#fff;    font-family: 'gmarket';
}

.main-visual { --visual-fvh: 100vh; width: 100%; height: 100%; height: calc(var(--visual-fvh) + 0px); position: relative; background: var(--color-gray-200); }

.main-visual__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }
.main-visual__bg:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .08); }
.main-visual__picture { width: 100%; height: 100%; position: relative; background: no-repeat center center; background-size: cover; }

.main-visual__bg [class^="main-visual__bg-poster--"] { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: no-repeat center / cover; }
.main-visual__bg-poster--small { display: none; }

.main-visual__content { width: 100%; /*padding-bottom: 120px;*/padding-bottom: 0px; position: absolute; top: 50%; left: 0; text-align: center; color: var(--color-white); translate: 0 -50%; }
.main-visual__title { display: block; opacity: 0; }
.main-visual__desc { margin-top: 16px; opacity: 0; }

.main-visual .swiper-control { width: auto; left: 52px; bottom: 165px; opacity: 0; }
.main-visual .scroll-down { bottom: 155rem; }


html.mobile .main-visual { --visual-fvh: 100svh; }


.swiper { height: 100%; }

.swiper-buttons { width: 100%; }
.swiper-control { width: 100%; position: absolute; left: 0; bottom: 45px; font-size: 0; text-align: center; z-index: 2; }


.swiper-control .swiper-pagination.swiper-pagination-bullets { display: inline-block; vertical-align: middle; width: auto; position: relative; bottom: auto; left: auto; margin-left: -8px; margin-right: -8px; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 20px; height: 20px; margin: 0 8px; position: relative; background: transparent; opacity: 1; will-change: transform; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:after { content: ''; width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; position: absolute; top: 50%; left: 50%; background: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color .3s; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; scale: 0; border: 1px solid var(--color-white); transition: scale .4s; box-sizing: border-box; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after { background: var(--color-white); width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before { scale: 1; }


.swiper-navigation .swiper-button { width: 52px; height: 52px; margin: -26px 0 0; padding: 0; background: var(--color-gray-700); border: none; border-radius: 50%; transition: background .3s; }
.swiper-navigation .swiper-button:after { display: none; }
.swiper-navigation .swiper-button-prev { left: 0; }
.swiper-navigation .swiper-button-next { right: 0; }
.swiper-navigation .swiper-button-next.swiper-button-disabled, 
.swiper-navigation .swiper-button-prev.swiper-button-disabled { opacity: 0; }
.swiper-navigation .swiper-button-prev .cnu-icon { margin-left: -1px; }
.swiper-navigation .swiper-button-next .cnu-icon { margin-left: 1px; }
.swiper-navigation .swiper-button .cnu-icon { width: 20px; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }
.swiper-navigation .swiper-button .cnu-icon path { fill: var(--color-white); }

.swiper-scrollbar { background: var(--color-gray-300); border-radius: 0; }
.swiper-scrollbar.swiper-scrollbar-horizontal { width: 100%; height: 5px; margin-top: 60px; position: relative; left: auto; bottom: auto; }
.swiper-scrollbar .swiper-scrollbar-drag { background: var(--color-black); border-radius: 0; cursor: grab; }

.swiper-pagination-progressbar { background: var(--color-gray-400); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--color-secondary); }



img[data-unveil] { opacity: 0; transition: opacity .3s; }
.cnu-lazyload--loaded img[data-unveil], img[data-unveil].cnu-lazyload--loaded { opacity: 1; }

.cnu-lazyload { position: relative; overflow: hidden; }
.cnu-lazyload img { display: block; width: 100%; position: absolute; left: 0; top: 0; }
.cnu-lazyload.cnu-lazyload--loaded img, .cnu-lazyload img.cnu-lazyload--loaded { height: auto; }

/* Color preview */
.cnu-lazyload__color-preview { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: var(--color-gray-200); }
.cnu-lazyload.cnu-lazyload--loaded .cnu-lazyload__color-preview { background: transparent; transition: background-color .1s; transition-delay: .3s; }



.cnu-embed-video { margin-left: auto; margin-right: auto; position: relative; } 
.cnu-embed-video__inner { position: relative; width: 100%; padding-top: 56.25%; } 
.cnu-embed-video__inner iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-sizing: content-box; background: #000 url(../images/layout/spin.png) no-repeat center center; background-size: 32px 32px; }
.cnu-embed-video__poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; z-index: 1; }
.cnu-embed-video__poster .cnu-embed-video__img { display: block; width: 100%; margin: 0; }
.cnu-embed-video__overlay { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .4); }
.cnu-embed-video__overlay-btn { display: block; width: 64px; height: 64px; margin-top: -32px; margin-left: -32px; position: absolute; top: 50%; left: 50%; background: var(--color-white); border-radius: 50%; box-sizing: border-box; opacity: 0.8; scale: 1; transition: opacity .5s cubic-bezier(.165, .84, .44, 1), scale 1s cubic-bezier(.23, 1, .32, 1); }
.cnu-embed-video__overlay-btn:after { content: ''; width: auto; height: auto; display: block; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -4px; font-style: normal; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid var(--color-primary); transition: scale 1s cubic-bezier(.23, 1, .32, 1); }

.ios .cnu-embed-video__poster { opacity: 0; visibility: hidden; }

/* Native Background Video */
.cnu-background-video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.cnu-background-video__vod { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; transform: translateZ(0); }
.cnu-background-video__vod:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.cnu-background-video__vod video { display: block; width: auto; height: auto; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }
.cnu-background-video__poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: no-repeat center center; background-size: cover; }
.wrapper:not(.mo-header-transparent) .header-wrapper[data-mobile-only] ~ .container-wrapper > .cont-box:first-child {
        padding-top: 0px;
    }
.cnu-background-video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.cnu-background-video__vod { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; transform: translateZ(0); }
.cnu-background-video__vod:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.cnu-background-video__vod video { display: block; width: auto; height: auto; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }
.cnu-background-video__poster { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: no-repeat center center; background-size: cover; }
/* **************************************** *
 * SWIPER
 * **************************************** */
.swiper { height: 100%; }

.swiper-buttons { width: 100%; }
.swiper-control { width: 100%; position: absolute; left: 0; bottom: 45px; font-size: 0; text-align: center; z-index: 2; }

/* PAGINATION */
.swiper-control .swiper-pagination.swiper-pagination-bullets { display: inline-block; vertical-align: middle; width: auto; position: relative; bottom: auto; left: auto; margin-left: -8px; margin-right: -8px; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { width: 20px; height: 20px; margin: 0 8px; position: relative; background: transparent; opacity: 1; will-change: transform; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:after { content: ''; width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; position: absolute; top: 50%; left: 50%; background: rgba(255, 255, 255, 0.6); border-radius: 50%; transition: background-color .3s; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; scale: 0; border: 1px solid var(--color-white); transition: scale .4s; box-sizing: border-box; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after { background: var(--color-white); width: 4px; height: 4px; margin-top: -2px; margin-left: -2px; }
.swiper-control .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:before { scale: 1; }

/* NAVIGATION */
.swiper-navigation .swiper-button { width: 52px; height: 52px; margin: -26px 0 0; padding: 0; background: var(--color-gray-700); border: none; border-radius: 50%; transition: background .3s; }
.swiper-navigation .swiper-button:after { display: none; }
.swiper-navigation .swiper-button-prev { left: 0; }
.swiper-navigation .swiper-button-next { right: 0; }
.swiper-navigation .swiper-button-next.swiper-button-disabled, 
.swiper-navigation .swiper-button-prev.swiper-button-disabled { opacity: 0; }
.swiper-navigation .swiper-button-prev .cnu-icon { margin-left: -1px; }
.swiper-navigation .swiper-button-next .cnu-icon { margin-left: 1px; }
.swiper-navigation .swiper-button .cnu-icon { width: 20px; position: absolute; top: 50%; left: 50%; translate: -50% -50%; }
.swiper-navigation .swiper-button .cnu-icon path { fill: var(--color-white); }

/* SCROLLBAR */
.swiper-scrollbar { background: var(--color-gray-300); border-radius: 0; }
.swiper-scrollbar.swiper-scrollbar-horizontal { width: 100%; height: 5px; margin-top: 60px; position: relative; left: auto; bottom: auto; }
.swiper-scrollbar .swiper-scrollbar-drag { background: var(--color-black); border-radius: 0; cursor: grab; }

/* PROGRESSBAR */
.swiper-pagination-progressbar { background: var(--color-gray-400); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--color-secondary); }
@media (max-width: 1480px){

 /* VISUAL */
    .main-visual { height: calc(var(--visual-fvh) + 100px); }

    .main-visual__content { padding-bottom: 110px; }

    .main-visual .swiper-control { bottom: 145px; }
    .main-visual .scroll-down { bottom: 135px; }


}

.cnu-typo--07 {
    font-size: 26px;
    line-height: 40px;
    font-weight: 700;
    letter-spacing: 0em;
	color:#fff;
}

@media (max-width: 1200px) {
    .main-visual__desc {
        margin-top: 14px;
    }
}
@media (max-width: 540px) {
    .main-visual__desc {
        margin-top: 16px;
    }

.cnu-typo-en--01 {
    font-size: 32px;
    line-height: 37px;
    font-weight: 700;
    letter-spacing: 0em;
    color: #fff;
}


}
:root {
    --color-active: #FF4848;
    --max-width: min(100vw, 1460px);
    --easing1: cubic-bezier(0.68, 0.03, 0.33, 1);
    --ease-in-out-quart: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media (min-width: 891px) {
    body.index .container-wrapper {
        background: #fff;
        padding-top: 0px;
        padding-bottom: 0px;
        min-height: 600px;
    }
}

.section {
    position: relative;
}
.container {
    position: relative;
    width: 100%;
    max-width: var(--max-width);
    padding: 0 20px;
    margin: 0 auto;
}

.main_3 {
 padding: var(--sect_pd) 0;
 margin-top: var(--sect_pd);
}
.main_3 .container {
    max-width: 1472px;
}

.title_02 {
    text-align: center;
    word-break: keep-all;
}

.main_3 .title_02 {
    margin-bottom: 60px;
}

.title_02 .__primary {
    font-size: 52px;
    line-height: 72px;
    font-weight: 600;
		font-family: 'gmarket';
}
.title_02 .__secondary {
    color: #444;
    font-size: 26px;
    line-height: 40px;
    font-weight: 600;
    margin-top: 10px;letter-spacing:-0.023em;

}
[data-effect="fadeUp"] {opacity:0; transform:translateY(50px);}

.card_01 {display:flex; justify-content:space-between; gap:28px;}
.card_01 .card_item {flex:1; cursor:pointer;}
.card_01 .item_img {position:relative; overflow:hidden; padding-top:100%; margin-bottom:20px; border-radius:15px; transition:0.2s;}
.card_01 .item_img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.card_01 .__title {font-size:28px; line-height:34px; margin-bottom:8px;}
.card_01 .__desc {color:#444; font-size:20px; line-height:1.6;font-weight: 600;}
	[data-mode="desktop"] .card_01 .card_item:hover .item_img {transform:translateY(-10px); box-shadow:0 2px 8px 0 rgb(0 0 0 / 10%);}

.card_01 {display:flex; justify-content:space-between; gap:28px;}
.card_01 .card_item {flex:1; cursor:pointer;}
.card_01 .item_img {position:relative; overflow:hidden; padding-top:100%; margin-bottom:20px; border-radius:15px; transition:0.2s;}
.card_01 .item_img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.card_01 .__title {font-size:28px; line-height:34px; margin-bottom:8px;}
.card_01 .__desc {color:#444; font-size:20px; line-height:1.6;}
[data-mode="desktop"] .card_01 .card_item:hover .item_img {transform:translateY(-10px); box-shadow:0 2px 8px 0 rgb(0 0 0 / 10%);}
:root{
    --sect_pd: 160px;
}

@media (max-width:1024px){
.main_3 {margin-bottom:132px;}
	.main_3 .container {padding:0 25px;}
	.card_01 {gap:12px;}
	.card_01 .card_item {flex:1 0 auto;}
	.card_01 .__title {font-size:20px; line-height:24px;}
	.card_01 .__desc {font-size:12px;}



}

.swiper-container {
  overflow: visible;
}
@media (max-width:890px){


.title_02 .__primary {
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
}
.title_02 .__secondary {
    color: #444;
    font-size: 20px;
    line-height: 40px;
    font-weight: 600;
    margin-top: 10px;
}

}

.section-banner {
  --main-banner-margin-top: 0px;
  --main-banner-footer-height: 45.7px;
  --main-banner-padding-bottom: 31px;
  margin-top: var(--main-banner-margin-top);
  background: url(../img/bottom_area.jpg) no-repeat center/cover;
  min-height:557px;
}
.main-tit-wrap {
    display: flex;
    flex-direction: column;
    gap: 4rem;;
}
.main-tit-wrap .tit {
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 400;
    font-size: var(--main-section-title-font-size);
    line-height: 1.2;
    word-break: keep-all;
    background:  linear-gradient(90deg, #008735 0%, #04021e 100%);;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    text-transform: capitalize;
}

.section-banner .main-tit-wrap {
  padding: 16rem 0 calc(var(--main-banner-padding-bottom) + var(--main-banner-footer-height));
  text-align: center;
  gap: 1.6rem;
}
.section-banner .main-tit-wrap .tit {
  margin: 0 auto;
  color: rgba(0, 0, 0, 0);
  background-clip: text;
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, #0c71b6 0%, #52ab50 50%, #ffffff 50%, #ffffff 100%);
  background-size: 200% 100%;
  background-position: 100% 0;
  font-size: 3.6rem;font-family:"RiaSans-ExtraBold"
}


.text-wrap .big-title {
    width: -moz-fit-content;
    width: fit-content;
    word-break: keep-all;
    background:  linear-gradient(90deg, #008735 0%, #04021e 100%);;
    background-clip: text;
    -webkit-background-clip: text;

}
.big-title {
    font-size: 64px;
    line-height: 1.3;
    font-weight: 600;
    font-family: "RiaSans-ExtraBold";
	background-image: linear-gradient(to right, #0c71b6 0%, #52ab50 50%, #ffffff 50%, #ffffff 100%);
	background-position: 100% 0;
	  margin: 0 auto;
	  color: rgba(0, 0, 0, 0);
	  background-clip: text;
	  -webkit-background-clip: text;
	  background-repeat: no-repeat;
}

.big-title {
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 400;
    font-size: var(--main-section-title-font-size);
    line-height: 1.2;
    word-break: keep-all;
    background:  linear-gradient(90deg, #008735 0%, #04021e 100%);;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    text-transform: capitalize;
}

.text-wrap {
  padding: 16rem 0 calc(var(--main-banner-padding-bottom) + var(--main-banner-footer-height));
  text-align: center;
  gap: 1.6rem;
}
.text-wrap .big-title {
  margin: 0 auto;
  color: rgba(0, 0, 0, 0);
  background-clip: text;
  -webkit-background-clip: text;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, #0c71b6 0%, #52ab50 50%, #ffffff 50%, #ffffff 100%);
  background-size: 200% 100%;
  background-position: 100% 0;
  font-size: 3.6rem;font-family:"RiaSans-ExtraBold"
}


.inner {
    margin-left: auto;
    margin-right: auto;
    padding: 0 var(--hwf-content-padding-x);
    max-width: var(--hwf-content-wrap-width);
    width: 100%;
}

.section-banner .inner {
    max-width: var(--hwf-content-wrap-width-large);
}

.section-banner .main-tit-wrap .sub-tit {
  color: #fff;
  font-size: 2.2rem;
  font-weight:600;
}
@media (max-width: 1500px) {
  .page-main .section-banner {
    --main-banner-margin-top: 0;
  }
}
@media (max-width: 640px) {
.section-banner {
    --main-banner-padding-bottom: 20rem;
    background: url(../img/bottom_area.jpg) no-repeat center/cover;
  }
.section-banner .main-tit-wrap {
    gap: 2.4rem;
    padding-top: 16rem;
  }
.section-banner .main-tit-wrap .sub-tit {
    font-size: 1.8rem;
  }
}



.about {
    padding: 0 0px 130px;
    z-index: 0;
    position: relative;
}

.scrollm_title {font-size:200px; font-weight:900;line-height: 1.4;color: #f5f5f5; letter-spacing:-0.025em; position:absolute; white-space: nowrap;z-index:-2;}
.scrollm_title p{font-size:200px;}


.oservice  .text-wrap .scrollm_title {
    z-index: -2;
}


@media (max-width: 1480px){

  .scrollm_title {font-size:170px;}
  .scrollm_title p{font-size:170px;}

}

@media (max-width: 1023px){

  .scrollm_title {font-size:140px;}
  .scrollm_title p{font-size:140px;}

}
@media (max-width: 860px){

  .scrollm_title {font-size:100px;}
  .scrollm_title p{font-size:100px;}

}
@media (max-width: 560px){

  .scrollm_title {font-size:80px;}
  .scrollm_title p{font-size:80px;}

}

.big-title					{font-size: 64px; line-height: 1.3;font-weight:600;font-family:"RiaSans-ExtraBold"}
.big-title + p{ss
margin-top: 40px;
color:#5d5d5d;    
    font-size: 26px;
    line-height: 40px;
    font-weight: 700;
	letter-spacing:-0.023em;
	POSITION: relative;
    z-index: -1;
}
.r24, .item.normal {
    -webkit-border-radius: 24px;
    border-radius: 24px;
}

.bg {
    width: 100%;
    height: calc(calc( 9.66px * 100) - 66px - 40px);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
/* svc */
#content.svc > .inner-wrap			{}

#content.svc .oservice				{position: relative; /*padding-bottom: 307px;*/}
#content.svc .oservice .text-wrap	{height: calc(9.66px*100); text-align: center;
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
#content.svc .oservice .bg		{position: absolute; z-index: -1;}
#content.svc .oservice .bg.ot01	{/* top: 827px; */ left: 80px; width: 720px; height: 480px; background-image: url('../img/main_05.jpg');box-shadow: 10px 20px 25px rgba(0,0,0,0.1);}
#content.svc .oservice .bg.ot02	{/* top: 80px; */ right:60px; width: 500px; height: 320px; background-image: url('../img/main_03.jpg');box-shadow: 10px 20px 25px rgba(0,0,0,0.1);}
#content.svc .oservice .bg.ot03	{/* top: 664px; */ right:84px; width: 540px; height: 300px; background-image: url('../img/main_04.jpg');box-shadow: 10px 20px 25px rgba(0,0,0,0.1);}
#content.svc .oservice .bg.ot04	{/* top: 664px; */left: 60px; width: 680px; height: 390px; background-image: url('../img/main_01.jpg');box-shadow: 10px 20px 25px rgba(0,0,0,0.1);}
@media all and (max-width: 960px){
	#content.svc .oservice				{/*padding-bottom: 217px;*/}
	#content.svc .oservice .bg.ot01	{/* top: 646px; */ width: 69.333vw; height: 46.133vw; background-image: url('../img/main_05.jpg');}
	#content.svc .oservice .bg.ot02	{/* top: 40px; */ width: 53.333vw; height: 34.133vw;}
	#content.svc .oservice .bg.ot03	{/* top: 520px; */ right: 44px; width: 42.667vw; height: 26.667vw;}
	#content.svc .oservice .bg.ot04	{/* top: 520px; */  width: 69.333vw; height: 46.133vw;}
	#content.svc .oservice .text-wrap p		{font-size: 14px;line-height: 20px;}
	#content.svc .oservice .text-wrap .scrollm_title p		{font-size: 80px;}
}
#content.svc .groups	{width: calc(100% + (40px * 2)); margin-left: -40px; padding-left: 40px; padding-right: 40px;}
#content.svc .h-scroll {height: calc(var(--vh100)); padding-top: calc(var(--header));}
#content.svc .groups .group {width: 63.9%; max-width: 1200px; height: 800px;}
#content.svc .groups .group + .group {margin-left: 40px;}
#content.svc .group		{overflow: hidden; position: relative; background-color: var(--bg-g-98);}
#content.svc .group .section-title,
#content.svc .group .bg					{position: absolute;}
#content.svc .group .section-title			{top: 80px; left: 80px; z-index: 3;}
#content.svc .group .bg					{top: 0; left: 0; width: 100%; height: 100%;}
#content.svc .group .section-title,
#content.svc .group .bg					{
	-webkit-transition: all 0.55s;
	transition: all 0.55s;
}
.big-title + p {
    line-height: 20px;
}


#content.svc .group a.item.normal			{height: inherit; padding: 218px 80px 80px;}
#content.svc a.item.normal[target="_blank"]:after		{right: 80px; bottom: 120px;}
@media screen and (hover: hover) {
	#content.svc .group:not(:hover) .section-title		{color: #fff;}
	#content.svc .group:not(:hover) .section-title		{
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s;
	}
	#content.svc .group:hover .bg						{opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}
	#content.svc .group .btn.focus-out 				{display: none;}
}
@media screen and (hover: none) {
	#content.svc .group:not(.active) .section-title		{color: #fff;}
	#content.svc .group:not(.active) .section-title		{
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s;
	}
	#content.svc .group.active .bg							{opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0);
	}
	#content.svc .group .btn.focus-out 				{position: absolute; top:32px; left: 32px; display: block; width: 24px; height:24px;}
	#content.svc .group .btn.focus-out .ico.back 		{
		-webkit-filter: brightness(0); filter: brightness(0);
	}
}
@media all and (max-width: 960px){
	#content.svc .groups	{width: calc(100% + (16px * 2)); margin-left: -16px; padding-left: 16px; padding-right: 16px;}
	#content.svc .groups .group {width: calc(100% - 16px); height: calc(calc( 7.45px * 100) - 66px - 16px);}
	#content.svc .groups .group + .group {margin-left: 16px;}
	#content.svc .group .section-title			
	{top: 96px; left: 32px;}
	#content.svc .group a.item.normal			
	{padding: 168px 32px 56px;}
	a.item.normal[target="_blank"]:after		
	{right: 32px; bottom: 32px;}
#content.svc .oservice .text-wrap	{height: calc(7.45px*100); text-align: center;
	display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	-webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center;
}
.bg {
    height: calc(calc( 7.45px * 100) - 66px - 16px);
}

}


@media screen and (orientation: portrait){

}

#content.svc .talent ul .text-wrap			
{padding: 56px 0 40px;}
@media all and (min-width: 961px){
	#content.svc .talent						{padding-right: 0;
		display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
	}
	#content.svc .talent ul					
	{max-width: 1200px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 40px;
	}
	#content.svc .talent ul li					{width: calc(100%);}
	#content.svc .talent ul li:not(:last-child){padding-bottom: 160px;}
	#content.svc .talent ul li:nth-child(2) .card	{margin-top: 400px;}
	#content.svc .talent ul li:nth-child(3) .card	{margin-top: -380px;}
}

.big-title + p {
    line-height: 40px !important;
}


@media all and (max-width: 960px){
	#content.svc .talent ul .text-wrap	{padding: 28px 0 40px;}
	#content.svc .talent .section-sub-title .en	{margin-top: 2px;}

.big-title {
    line-height: 1.3;
}

}

@media (max-width: 960px) {



.text-wrap .big-title {
    margin: 0 auto;
    color: rgba(0, 0, 0, 0);
    background-clip: text;
    -webkit-background-clip: text;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, #008735 0%, #04021e 50%, #ffffff 50%, #ffffff 100%);
    background-size: 200% 100%;
    background-position: 100% 0;
    font-size: 2.6rem;
    font-family: "RiaSans-ExtraBold";
}

    #content.svc .oservice .text-wrap p {
        line-height: 20px !important;
    }

.section-banner .main-tit-wrap .tit {
    font-family: "RiaSans-ExtraBold";
    font-size: 2.6rem;
}

}
.no-main-contact__images-hold {
    position: absolute;
    left: -1px;
    right: -1px;
    top: 0;
    width: calc(100% + 2px);
    height: 100vh;
    z-index: 1;
}

.no-main-contact__object {
    width: 100vw;
    height: 100vh;
    transform: scale(.33);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.no-main-contact__object>picture {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.no-main-contact__object>picture img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    border-radius: 0rem;
}
.no-main-contact__backdrop {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: #0009;
    opacity: 0;
}
.no-main-contact__content {
    margin: 0 auto;
    width: 100%;
    padding: 0 2.4rem;
    color: #ffffff;
    text-align: center;
    position: relative;
    z-index: 1;
    opacity: 0;
    transform: scale(.8);
}
.no-container-2xl {
    max-width: 1640px;
    width: 100%;
    margin: 0 auto;
    padding-left: 2.4rem;
    padding-right:  2.4rem;
}
.--ttu {
    text-transform: uppercase;
}
.no-display-md {
    font-size: clamp(4rem, 3.1067961165vw + 2.8349514563rem, 6.8rem);
    font-weight: 600;
    line-height: 1.06;
	font-family: 'gmarket';
}
.no-pd-lg--t {
    padding-top: clamp(1.2rem, .7766990291vw + .9087378641rem, 2.4rem);
    font-size: 26px;
    line-height: 40px;
    font-weight: 600;
}
.no-pd-2xl--t {
    padding-top: clamp(2.4rem, 1.5533980583vw + 1.8174757282rem, 4.8rem);
}

.no-main-contact__image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0rem;
}
.no-main-contact__image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.no-main-contact__image--1 {
    right: calc(100% + 10vw);
    bottom: calc(100% + 10vw);
}
.no-main-contact__image--2 {
    right: calc(100% + 10vw);
    top: 0;
}
.no-main-contact__image--3 {
    right: calc(100% + 10vw);
    top: calc(100% + 10vw);
}

.no-main-contact__image--4 {
    left: 0;
    bottom: calc(100% + 10vw);
}
.no-main-contact__image--5 {
    left: 0;
    top: calc(100% + 10vw);
}

.no-main-contact__image--6 {
    left: calc(100% + 10vw);
    bottom: calc(100% + 10vw);
}

.no-main-contact__image--7 {
    left: calc(100% + 10vw);
    top: 0;
}
.no-main-contact__image--8 {
    left: calc(100% + 10vw);
    top: calc(100% + 10vw);
}
.no-main-contact .no-circle-module__start {
    position: relative;
    height: 100vh;
    top: 0;
    left: 0;
    width: 100%;
}
.no-main-contact .no-circle-module__gap, .no-main-contact .no-circle-module__target {
    height: 50vh;
}
.no-main-contact .no-circle-module__gap, .no-main-contact .no-circle-module__target {
    height: 50vh;
}
.no-main-contact .no-circle-module__text-target {
    height: 100vh;
}
/* ===== RISE News (Gangjin style) ===== */
.riseNews{
  --fg:#111;
  --muted:#666;
  --line:#e9e9e9;
  --chip:#f5f5f7;
  --chip2:#eef7ff;
  --accent:#0a7a3e; /* RISE green */
  --black:#0b0b0b;
  --radius:12px;

  background:#fff;
  padding: 154px 0 170px;
  color: var(--fg);
}

.riseNews__inner{
      width: 100%;
    max-width: 1472px;
    padding: 0 20px;
  margin: 0 auto;
}

.riseNews__top{
  display:flex;
  align-items:center;
  gap: 18px;
}

.riseNews__h2{
  margin:0;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -0.03em;
  font-weight: 600;
      font-family: 'gmarket';
}

.riseNews__tabs{
  display:flex;
  gap: 10px;
  margin-left: 12px;
  flex-wrap: wrap;
}

.riseNews__tab{
  appearance:none;
  border:0;
  background:#f4f6fa;
  color:#222;
  padding: 10px 14px;
  border-radius: 8px;
  font-weight: 700;
  letter-spacing: -0.02em;
  cursor:pointer;
  transition: background .15s ease, transform .15s ease;
}
.riseNews__tab:hover{ transform: translateY(-1px); background:#eaeaea; }
.riseNews__tab.is-active{
  background: var(--black);
  color:#fff;
}

/* 우측 + */
.riseNews__plus{
  margin-left:auto;
  width: 44px;
  height: 44px;
  display:grid;
  place-items:center;
  text-decoration:none;
  color:#111;
  border-radius: 10px;
  border:0px solid #ddd;
  background:#fff;
  transition: transform .15s ease, border-color .15s ease;
}
.riseNews__plus:hover{ transform: translateY(-1px); border-color:#bdbdbd; }
.riseNews__plusIcon{
  font-size: 26px;
  line-height: 1;
  font-weight: 400;
}

.riseNews__line{
  margin-top: 26px;
  border-top: 2px solid #111;
  opacity: .9;
}

/* grid */
.riseNews__panel{ margin-top: 20px; }
.riseNews__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px 46px;
}

/* card */
.riseNews__card{
  display:block;
  padding: 26px 0;
  text-decoration:none;
  color: inherit;
  border-bottom: 1px solid var(--line);
  position: relative;
}

.riseNews__chips{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.riseNews__chip{
  display:inline-flex;
  align-items:center;
  height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  background: var(--chip);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.02em;
  color:#111;
}
.riseNews__chip--org{
  background: var(--chip2);
  color:#0b5bd3;
}

.riseNews__chip--k{
  background: #f5f5f5;
}
.riseNews__card.is-featured .riseNews__chip--k{
  background: rgba(10,122,62,.10);
  color: var(--accent);
}

/* title */
.riseNews__title{
  font-size: 28px;
  letter-spacing: -0.03em;
  font-weight: 700;
  color:#1a1a1a;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  line-height: 1.5;
      text-decoration-line: underline;
    transition: .3s;
    text-decoration-color: rgba(0, 0, 0, 0);
    text-underline-offset: .2em;
    font-size: 28px;
    margin-bottom: 1.07em;
    word-break: keep-all;
    max-height: 3.05em;
    height: 3.05em;
}

/* date */
.riseNews__meta{
  margin-top: 28px;
  color: var(--muted);
  font-weight: 700;
  display:flex;
  align-items:center;
  gap: 8px;
}
.riseNews__date{
  font-size: 14px;
  letter-spacing: -0.01em;
}

/* hover: underline 대신 하이라이트 바 */
.riseNews__card:after{
  /*
  content:"";
  position:absolute;
  left:0; right:0;
  bottom:-1px;
  height:2px;
  background: linear-gradient(90deg, transparent, rgba(10,122,62,.55), transparent);
  opacity: 0;
  transform: scaleX(.65);
  transition: opacity .2s ease, transform .2s ease;
  */
}
.riseNews__card:hover:after{
  opacity: 1;
  transform: scaleX(1);
}
.riseNews__card:hover .riseNews__title{
  color:#0f0f0f;
}

/* featured(첫글 강조) */
.riseNews__card.is-featured{
  padding-top: 22px;
}
.riseNews__card.is-featured .riseNews__title{
  font-size: 30px;
}
.riseNews__card:hover .riseNews__title, .riseNews__card:focus .riseNews__title {
    text-decoration: underline;
    text-decoration-color: currentColor;
}
/* responsive */
@media (max-width: 980px){
  .riseNews__h2{ font-size: 34px; }
  .riseNews__title{ font-size: 20px !important;max-height: 2.05em;
    height: 1.35em;    margin-bottom: 0.47em; }
  .riseNews__grid{ grid-template-columns: 1fr; gap: 10px; }
  .riseNews__card{ padding: 18px 0; }

	.riseNews__chip {
		height: 24px;
		padding: 0 7px;
		border-radius: 6px;
		font-size: 11px;
		letter-spacing: -0.02em;
	}
.riseNews__meta {
    margin-top: 8px;
}
.riseNews__top {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-direction: column;
}
.riseNews__panel {
    margin-top: 10px;
}
.riseNews__card.is-featured {
    padding-top: 12px;
}
.riseNews__date {
    font-size: 12px;
    letter-spacing: -0.01em;
}
}
@media (max-width: 520px){
  .riseNews__h2{ font-size: 30px; }
  .riseNews__tab{ padding: 9px 12px; }
  .riseNews__chip{ height: 30px; font-size: 13px; }
}

body .wrapper {
	overflow: hidden;
}
/*
.index-topbanner .slide .slide-bg .bg video {
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  display: block;
}
*/


@media (min-width: 1281px) {
   body.index .header-wrapper[data-pc-only]{
        /*
		transition: all 700ms;
        transform: translateY(-90px);
	    */
    }
	
	
	body.index.main-active .header-wrapper[data-pc-only]{
          /*
		transform: translateY(0);
		transition : transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86)
	     */
    }
}

.index-topbanner { position: relative;    z-index: 1; }

.index-topbanner .slider-list,
.index-topbanner .nonslider { width: 100%; overflow: hidden; }

.index-topbanner .slide { position: relative; }
@media (max-width: 639px) { .index-topbanner .slide { width: 100%; } }

.index-topbanner .slide .slider-copy{
  position:absolute; z-index:1;
  top:50%; left:50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 639px){
  .index-topbanner .slide .slider-copy .symbol{
    display:block; height:120px; margin:0 auto 35px;
  }
}
@media (min-width: 640px) and (max-width: 1279px){
  .index-topbanner .slide .slider-copy .symbol{
    display:block; height:208px; margin:0 auto 62px;
  }
}
@media (min-width: 1280px){
  .index-topbanner .slide .slider-copy .symbol{
    display:block; height:116px; margin:0 auto 57px;
  }
}

.index-topbanner .slide .slider-copy .txt{
  font-family:'Roboto','Noto Serif KR';
  font-weight:300;
  text-align:center;
  text-shadow:1px 2px 3px rgba(0,0,0,0.5);
  color:#fff;
}
@media (max-width: 639px){
  .index-topbanner .slide .slider-copy .txt{
    width:330px; margin-top:35px; font-size:24px; line-height:35px;
  }
}
@media (min-width: 640px) and (max-width: 1279px){
  .index-topbanner .slide .slider-copy .txt{
    width:660px; margin-top:62px; font-size:50px; line-height:70px;
  }
}
@media (min-width: 1280px){
  .index-topbanner .slide .slider-copy .txt{
    margin-top:57px; font-size:26px; font-weight:100; line-height:32px;
  }
}
@media (max-width: 639px){
  .index-topbanner .slide .slider-copy .txt .symbol-text{ width:100%; }
}

.index-topbanner .slide .slide-bg{
  position:relative; top:0; left:0;
  width:100%; margin:0;
}
@media (max-width: 639px){
  .index-topbanner .slide .slide-bg{ width:100%; height:0; padding-bottom:127%; }
}
@media (min-width: 640px) and (max-width: 1279px){
  .index-topbanner .slide .slide-bg{ width:100%; height:100vh; }
}
@media (min-width: 1280px){
  .index-topbanner .slide .slide-bg{ width:100%; height:800px; }
}

.index-topbanner .slide .slide-bg .bg{
  position:absolute; top:0; left:0;
  width:100%; height:100%;
  background:#282945;
}
/*
.index-topbanner .slide .slide-bg .bg video,
.index-topbanner .slide .slide-bg .bg .img{
  position:absolute; height:100%;
  top:50%; left:50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
*/
.index-topbanner .slide .slide-bg .bg .img{ width:100%; height:100%; }

.index-topbanner .slider-pager{
  position:absolute;
  transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
}
@media (max-width: 1279px){
  .index-topbanner .slider-pager{ left:50%; bottom:14px; padding:0; }
}
@media (min-width: 640px){
  .index-topbanner .slider-pager{ left:50%; bottom:30px; padding:0; }
}

.index-topbanner .slider-pager .slick-dots-wrap{ display:inline-block; vertical-align:middle; }
.index-topbanner .slider-pager .slick-dots-wrap ul{ padding:0; }
.index-topbanner .slider-pager .slick-dots-wrap li{ display:inline-block; }

.index-topbanner .slider-pager .slick-dots-wrap li button{
  padding:0; border:none; border-radius:100px;
  color:rgba(255,255,255,0);
  background:rgba(255,255,255,0.5);
  overflow:hidden;
  box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
}
@media (max-width: 639px){
  .index-topbanner .slider-pager .slick-dots-wrap li button{ width:10px; height:10px; }
}
@media (min-width: 640px){
  .index-topbanner .slider-pager .slick-dots-wrap li button{ width:15px; height:15px; margin:7px; }
}
@media (max-width: 1279px){
  .index-topbanner .slider-pager .slick-dots-wrap li + li{ margin-left:15px; }
}
@media (min-width: 640px){
  .index-topbanner .slider-pager .slick-dots-wrap li + li{ margin-left:10px; }
}

.index-topbanner .slider-pager .slick-dots-wrap li.slick-active button{
  position:relative; width:29px; height:29px; margin:0;
}
.index-topbanner .slider-pager .slick-dots-wrap li.slick-active button:after{
  content:''; display:block; position:absolute;
  left:7px; top:7px;
  width:15px; height:15px;
  border-radius:100px;
  background:#fff;
  box-shadow:0px 0px 4px 0px rgba(0,0,0,0.4);
}

.index-topbanner .slider-pager .slider-btn-wrap{
  display:inline-block; margin-left:15px; vertical-align:middle;
}
.index-topbanner .slider-pager .slider-btn-wrap .slider-btn{ border:none; }
@media (max-width: 639px){
  .index-topbanner .slider-pager .slider-btn-wrap .slider-btn{ width:30px; height:30px; }
}
@media (min-width: 640px){
  .index-topbanner .slider-pager .slider-btn-wrap .slider-btn{ width:35px; height:35px; }
}
@media (max-width: 639px){
  .index-topbanner .slider-pager .slider-btn-wrap .slider-btn .img{ width:11px; }
}
@media (min-width: 640px){
  .index-topbanner .slider-pager .slider-btn-wrap .slider-btn .img{ width:18px; }
}
.index-topbanner .nonslider .slide-bg{
  position: relative;
  width: 100%;
  overflow: hidden;
}

.index-topbanner .nonslider .slide-bg .bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
}

.index-topbanner .nonslider .slide-bg .bg video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  background: #000;
  opacity: 1;
  transition: opacity .25s ease;
}

.index-topbanner .nonslider .slide-bg .bg video.is-loading{
  opacity: 0;
}

.index-topbanner .nonslider .topbanner-controller{
  position:absolute;
  right:15px;
  bottom:15px;
  z-index:5;
}

.index-topbanner .nonslider .topbanner-controller .ctl-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(0,0,0,.35);
  color:#fff;
  cursor:pointer;
  transition:background-color .2s ease, opacity .2s ease;
}

.index-topbanner .nonslider .topbanner-controller .ctl-btn:hover,
.index-topbanner .nonslider .topbanner-controller .ctl-btn:focus{
  background:rgba(0,0,0,.55);
}

.index-topbanner .nonslider .topbanner-controller .ctl-btn .icon-play{
  display:none;
}

.index-topbanner .nonslider .topbanner-controller .ctl-btn.is-paused .icon-pause{
  display:none;
}

.index-topbanner .nonslider .topbanner-controller .ctl-btn.is-paused .icon-play{
  display:block;
}

.index-topbanner .nonslider .topbanner-progress{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:4px;
  background:rgba(255,255,255,.2);
  z-index:4;
}

.index-topbanner .nonslider .topbanner-progress-bar{
  width:0%;
  height:100%;
  background:#fff;
}

@media (max-width:639px){
  .index-topbanner .nonslider .topbanner-controller{
    right:12px;
    bottom:12px;
  }

  .index-topbanner .nonslider .topbanner-controller .ctl-btn{
    width:36px;
    height:36px;
  }
}
.index-topbanner .nonslider .topbanner-controller *:focus {
    outline: 2px solid #5B74FF;
    outline-offset: 0px;
}
#content.svc .oservice .text-wrap{
    height: calc(9.66px * 100);
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.scrollm_title{
    position: absolute;
    left: 50%;
    white-space: nowrap;
    z-index: 0;
    font-size: 140px;
    font-weight: 900;
    line-height: 1;
    color: #f5f5f5;
    letter-spacing: -0.025em;
    pointer-events: none;
}

.scrollm_title p{
    font-size: 140px;
    margin: 0;
    white-space: nowrap;
    line-height: 1;
    will-change: transform;
}


.scrollm_title.top{
    top: 50%;
    transform: translate(-62%, -105%);
}

.scrollm_title.bottom{
    top: 50%;
    transform: translate(-50%, -10%);
}


.oservice .text-wrap .title,
.oservice .text-wrap .txt,
.oservice .text-wrap .desc,
.oservice .text-wrap .cont-title,
.oservice .text-wrap .content{
    position: relative;
    z-index: 2;
}

@media (max-width: 1480px){
    .scrollm_title{ font-size: 170px; }
    .scrollm_title p{ font-size: 170px; }
}

@media (max-width: 1023px){
    .scrollm_title{ font-size: 140px; }
    .scrollm_title p{ font-size: 140px; }

    .scrollm_title.top{
        transform: translate(-50%, -105%);
    }
    .scrollm_title.bottom{
        transform: translate(-50%, 0%);
    }
}

@media (max-width: 860px){
    .scrollm_title{ font-size: 100px; }
    .scrollm_title p{ font-size: 100px; }

    .scrollm_title.top{
        transform: translate(-50%, -95%);
    }
    .scrollm_title.bottom{
        transform: translate(-50%, 5%);
    }
}

@media (max-width: 560px){
    .scrollm_title{ font-size: 80px; }
    .scrollm_title p{ font-size: 80px; }

    .scrollm_title.top{
        transform: translate(-50%, -90%);
    }
    .scrollm_title.bottom{
        transform: translate(-50%, 8%);
    }
}