@charset "utf-8";

/*
* File       : layout.css
* Author     : B-WORKER
* Dependency : css/reset.css
*      
 * SUMMARY:
 * 1) MAIN animation
 * 2) MAIN CONTENTS
*/

/* **************************************** *
 * 사이트 시작시 커버
 * **************************************** */
.main-cover{position:fixed; opacity:1; visibility:visible; top:0; left:0; z-index:999; width:100%; height:100%; background:#121212; transition:all 1.2s ease 0s;}
.motion-on .main-cover{opacity:0; visibility:hidden;}

.char { display:inline-block; opacity:0; transform:translateY(1rem); filter: blur(6rem); }
.char.space { width:0.4em; }
.split-text { overflow:hidden; }

.swiper-slide-active  .char { opacity:1; transform:translateY(0); filter: blur(0); transition:all 1.5s ease; }
.swiper-slide-active .char:nth-child(20n+1)  { transition-delay:.20s; }
.swiper-slide-active .char:nth-child(20n+2)  { transition-delay:.24s; }
.swiper-slide-active .char:nth-child(20n+3)  { transition-delay:.28s; }
.swiper-slide-active .char:nth-child(20n+4)  { transition-delay:.32s; }
.swiper-slide-active .char:nth-child(20n+5)  { transition-delay:.36s; }
.swiper-slide-active .char:nth-child(20n+6)  { transition-delay:.40s; }
.swiper-slide-active .char:nth-child(20n+7)  { transition-delay:.44s; }
.swiper-slide-active .char:nth-child(20n+8)  { transition-delay:.48s; }
.swiper-slide-active .char:nth-child(20n+9)  { transition-delay:.52s; }
.swiper-slide-active .char:nth-child(20n+10) { transition-delay:.56s; }

.swiper-slide-active .char:nth-child(20n+11) { transition-delay:.60s; }
.swiper-slide-active .char:nth-child(20n+12) { transition-delay:.64s; }
.swiper-slide-active .char:nth-child(20n+13) { transition-delay:.68s; }
.swiper-slide-active .char:nth-child(20n+14) { transition-delay:.72s; }
.swiper-slide-active .char:nth-child(20n+15) { transition-delay:.76s; }
.swiper-slide-active .char:nth-child(20n+16) { transition-delay:.80s; }
.swiper-slide-active .char:nth-child(20n+17) { transition-delay:.84s; }
.swiper-slide-active .char:nth-child(20n+18) { transition-delay:.88s; }
.swiper-slide-active .char:nth-child(20n+19) { transition-delay:.92s; }
.swiper-slide-active .char:nth-child(20n+20) { transition-delay:.96s; }
.swiper-slide-active {z-index: 9999;}

/* 기본(초기 상태) */
.section .blur-effect{opacity:0;filter:blur(6rem);transform:translateY(10rem);transition:all 1.2s ease;transition-delay:.5s;}

/* PC(fullpage 정상): active일 때만 */
.fp-section.active .blur-effect{opacity:1;filter:blur(0);transform:translateY(0);}

@media (max-width:1024px){
    .section .blur-effect{transition: all .9s ease;}
  .fp-section.is-seen .blur-effect{opacity:1;filter:blur(0);transform:translateY(0);}
}
/* **************************************** *
 * Main animation set
 * **************************************** */
[data-txt-motion]{}
[data-txt-motion="hidden"]{overflow:hidden;}
[data-txt-motion="hidden"] > span{display:block; opacity:0;}

.swiper-slide-active [data-txt-motion="hidden"] > span{animation:text_hidden_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="left"]{animation:text_left_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="right"]{animation:text_right_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="up"]{animation:text_up_motion 1.6s ease 0.1s forwards;}
.swiper-slide-active [data-txt-motion="down"]{animation:text_down_motion 1.6s ease 0.1s forwards;}

.main-visual__text [data-txt-motion="hidden"]{opacity: 1;}
.main-visual__bg i{transform: scale(1.2); transition:transform 15s ease;}
.swiper-slide-active .main-visual__bg i{transform: scale(1);}

@keyframes text_hidden_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateY(0);}
}
@keyframes text_left_motion {
 from{opacity:0; transform:translateX(70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_right_motion {
 from{opacity:0; transform:translateX(-70rem);}
 to{opacity:1; transform:translateX(0);}
}
@keyframes text_up_motion {
 from{opacity:0; transform:translateY(70rem);}
 to{opacity:1; transform:translateX(0);}    
}
@keyframes text_down_motion {
 from{opacity:0; transform:translateY(-70rem);}
 to{opacity:1; transform:translateX(0);}
}

/* **************************************** *
 * Site custom
 * **************************************** */

#main{ --w-nav: clamp(120px, 9.95vw, 191px); /* --w-padding: clamp(200px, 16.77vw, 322px);} */ --w-padding:clamp(20px, 8.55cqw, 130px)}
#main .section:not(.footer-sec)  .inner{padding-left: var(--w-padding); }

#fp-nav ul li:nth-child(1) .nav-name::before{content: "Main";}
#fp-nav ul li:nth-child(2) .nav-name::before{content: "Product";}
#fp-nav ul li:nth-child(3) .nav-name::before{content: "Global";}
#fp-nav ul li:nth-child(4) .nav-name::before{content: "Company";}
#fp-nav ul li:nth-child(5) .nav-name::before{content: "R&D";}
#fp-nav ul li:nth-child(6) .nav-name::before{content: "PR Video";}
body:is(.fp-viewing-6) #fp-nav{display: none;}
body:is(.fp-viewing-4,.fp-viewing-5) #fp-nav{border-color: var(--op-b10);}
body:is(.fp-viewing-4,.fp-viewing-5) #fp-nav ul li a .nav-name{color: var(--op-b20);}
body:is(.fp-viewing-4,.fp-viewing-5) #fp-nav ul li a.active .nav-name{color: var(--c-primary);}
body:is(.fp-viewing-4,.fp-viewing-5) #fp-nav ul li a.active span{background-color: var(--c-primary); box-shadow: 0 0 7px 0 rgba(45, 169, 236, 0.55);}
body:is(.fp-viewing-1,.fp-viewing-4,.fp-viewing-5) #gnb .gnb-item > a{color: var(--c-title);}
body:is(.fp-viewing-1,.fp-viewing-4,.fp-viewing-5) .lang-menu a{color: var(--c-title); opacity: 0.2 !important;}
body:is(.fp-viewing-1,.fp-viewing-4,.fp-viewing-5) .lang-menu li.on a{color: var(--c-primary); opacity: 1 !important;}
body:is(.fp-viewing-1,.fp-viewing-4,.fp-viewing-5) .lang-menu li + li::before{border-color: var(--op-b30);}

body:is(.fp-viewing-1,.fp-viewing-4,.fp-viewing-5) #logo a{background-image: url(../img/layout/logo.svg);}
body:is(.fp-viewing-1,.fp-viewing-4,.fp-viewing-5):is(.fp-viewing-1) #logo a{background-image: url(../img/layout/logo_color_w.svg);}


/* main visual */
.main-visual { height: var(--height-full); }

.main-visual-container,
.main-visual-wrapper,
.main-visual .swiper-slide {
    height: 100% !important;
}

.main-visual .swiper-slide {
    position: relative;
    overflow: hidden;
}

.main-visual .swiper-slide::before {
    content: '';
    position: absolute;
    inset: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 1s ease;
    transform: scale(1);
}

.main-visual .swiper-slide .wrap {
    width: 100%;
}

.main-visual__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-visual__bg i {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
}

.main-visual__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-visual__video video,
.main-visual__video-player {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.main-visual__btn {
    position: relative;
    width: 30rem;
    height: 30rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin: 0 25rem;
    font-size: 16rem;
    color: #fff;
    font-weight: 600;
}

.main-visual__btn::after {
    content: "";
    display: block;
    min-width: 30rem;
    height: 30rem;
    background: url(../img/common/arrow-basic_w.svg) no-repeat 50% 50%;
    background-size: 8rem;
}

.main-visual__btn.button-prev {
    flex-direction: row-reverse;
}

.main-visual__controls {
    position: absolute;
    top: 388rem;
    left: 0;
    z-index: 999;
}

.main-visual__controls > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.main-visual__controls i {
    font-size: 28rem;
    font-weight: 600;
}

.main-visual__count {
    display: flex;
    align-items: flex-end;
    font-size: 17rem;
    color: #fff;
}

.main-visual__count i {
    display: flex;
    align-items: flex-end;
    position: relative;
    line-height: 1;
}

.main-visual__count em {
    font-weight: 600;
    color: var(--op-w40);
}

.main-visual__count i::after {
    content: "";
    display: block;
    width: 1rem;
    height: 13rem;
    margin: 0 14rem 0 19rem;
    background: var(--op-w30);
    transform: rotate(30deg);
    position: relative;
    top: -3rem;
}

.main-visual__btn.button-prev::after {
    transform: rotate(180deg);
}

.main-visual .swiper-pagination{display:flex; gap:18rem;}
.main-visual .swiper-pagination-bullet{background: var(--w);}
.main-visual .swiper-pagination-bullet{opacity:0.4; width:14rem; height:14rem; background:#fff;}
.main-visual .swiper-pagination-bullet-active{opacity:1;}

.main-visual__text{position:absolute; top:456rem; width:100%; color:#fff; z-index: 10;}
.main-visual__text h2{line-height:1.1;font-weight:700;font-size:72rem;letter-spacing:-0.5rem; }
.main-visual__text h2 + h2{margin-top: 32rem;}
.main-visual__text h2 span{/* display:block;  */font-family: var(--lang-title); }
.main-visual__bar{position:absolute; bottom:0; z-index:50; width:100%; height:10rem; background:rgba(255,255,255,0.3);}
.main-visual__bar > i{position:absolute; width:0%; height:100%; background:var(--c-01);}
.main-visual .swiper-slide-active .main-visual__bar > i{ width: 100%; transition: var(--progress-duration) linear; }


.main-visual__play{position:absolute; top:50%; left:0; z-index:99999; background:#fff; font-size:30rem; cursor:pointer;}
.main-visual__play:not(.on){opacity:0; visibility:hidden;}
.main-visual__play.on{opacity:1; visibility:visible;}

a.scroll-down{position:absolute; bottom:50rem; left:50rem; z-index:60; font-weight:700; font-size:30rem; color:var(--w);}


/* 공지사항 */
.main-notice{position: absolute; z-index: 80; bottom: 100rem; right: 0; width: 542rem; opacity: 0; transform: translateY(30rem); transition: all .8s ease; filter: blur(6rem); transition-delay: .3s;}
.main-notice .swiper-slide{ min-height: 190rem; background-color: transparent;  border:1px solid var(--op-w20); background: rgba(14, 14, 14, 0.11); backdrop-filter: blur(20rem);}
.main-notice .swiper-slide *{color: var(--w);}
.main-notice .swiper-slide a{padding: 30rem 31rem; display: flex; flex-direction: column;justify-content: space-between;}
.main-notice .swiper-slide:not(:nth-child(1)){border-left: 0;}
.main-notice .swiper-slide .tt{display: block; font-size: 12rem; font-weight: 700; font-family: var(--lang-ko);}
.main-notice .swiper-slide h6{margin-top: 23rem; font-family: var(--lang-ko); height: 52rem;}
.main-notice .swiper-slide .new_icon{display: none;}
.main-notice .swiper-slide-active{border:2px solid var(--w); box-shadow: 0 0 24px 0 rgba(255, 255, 255, 0.25)}
.main-notice .swiper-slide-active:nth-child(n + 1){border-left: 2px solid var(--w);}
.main-notice .swiper-controls{gap: 16rem; justify-content: flex-start; margin-bottom: 16rem;}
.main-notice .swiper-controls i{display: none;}
.main-notice .swiper-controls *[class^="swiper-btn--"]{margin: 0; width: 34rem; height: 34rem; justify-content: center;}
.main-notice .swiper-controls *[class^="swiper-btn--"]::after{display: none;}

.motion-on .main-notice{transform: translateY(0); opacity: 1; filter: blur(0);}

@media (max-width:1600px){
    #main{--w-padding:90rem}
    .main-visual__text h2{font-size: 60rem;}
    .main-visual__text h2 + h2{margin-top: 26rem;}
}
@media (max-width:1480px){
    .main-visual__controls{top: 300rem;}
    .main-visual__text{top: 384rem;}
    
}
@media (max-width:1200px){

    .main-visual__controls{top: 318rem;}
}

@media (max-width:1023px){
	.main-visual{min-height: 600rem;}

    #main{--w-padding:0}
    .section{min-height: auto !important; height: auto !important;}

    .main-visual__controls{top: 200rem;}
    .main-visual__text{top: 280rem;}
    .main-visual__text h2{font-size: 48rem;}
    .main-visual__text h2 + h2{margin-top: 22rem;}
}

@media (max-width:860px){
	
    .main-visual__controls{top: 260rem;}
    .main-visual__text{top: 340rem;}
    .main-notice{width: 412rem;}
}

@media (max-width:540px){
	.main-visual__text{top:220rem;}
	.main-visual__text h2{line-height:1.2; font-size:31rem;}
	.main-visual__text p{margin-top:10rem; font-size:15rem;}
	.main-visual__count{margin:0 10rem; font-size:15rem;}
	.main-visual__btn{font-size:14rem;}
	
	[fullpage-ani]{opacity: 1 !important; transform:none !important;}

    .main-visual__controls{justify-content: flex-start; left: 20rem;}
    .main-visual__controls .inner{margin: 0;}
    .main-visual__controls i{font-size: 18rem;}
    .main-visual__count{margin: 0;}
    .main-visual__count em{font-size: 13rem;}
    .main-visual__controls{top: 170rem;}
    .main-visual__count i::after{margin: 0 10rem 0 14rem;}

    .main-visual__text h2{font-size: 26rem;}
     .main-visual__text h2 + h2{margin-top: 12rem;}

      .main-notice{width: calc(100% - 20rem); bottom: 50rem;}
      .main-notice .swiper-slide a{padding: 22rem;}
      .main-notice .swiper-slide h6{height: auto;}
      .main-notice .swiper-slide{min-height: 160rem;}
      .main-notice .swiper-controls{gap:0; margin-bottom: 8rem;}
      .swiper-controls *[class^="swiper-btn--"] svg{width: 26rem; height: 26rem;}
}


/* product */

.section.product{padding-left: var(--maian-margin); background-color: var(--bg-dark);}
.slide-sec{display: flex; flex-direction: row-reverse; height: 100vh;}
.multiple-slider{flex: 1;}
/* .caption{font-size: 14rem; font-weight: 500; color: var(--w); border-radius: 5rem; background-color: var(--c-primary); padding: 6rem 10rem; display: inline-block;} */

.multiple-pager .swiper-slide{border:1px solid transparent; cursor: pointer;}
.multiple-pager .swiper-slide-thumb-active{border-color: var(--w); box-shadow: 0 0 24px 0 rgba(255, 255, 255, 0.25);}

.multiple-pager.swiper-thumbs .swiper-wrapper{flex-direction: column;}
.multiple-pager .swiper-slide{margin-bottom: 0; background-color: transparent;}
.multiple-pager .swiper-slide img{object-fit: contain;}
.multiple-pager{width: 349rem;min-width: 349rem; background-color: var(--bg-dark);}

.multiple-slider .swiper-slide{display: flex; align-items: center; }
.multiple-slider .swiper-slide figure{/* width: 840rem; */ width:61.85%;  max-width: 840rem; max-height: 784rem; display: flex; align-items: center; justify-content: center;}
.multiple-slider .swiper-slide a:hover{background-color: var(--c-primary);}

.product-text{width:38.15%; padding-left: 9.54%;}
.product-text .caption + h3{margin-top: 45rem;}
.product-text h3{font-size: 56rem; font-family: var(--lang-title);}
.product-text h3 i{font-family: var(--lang-ko);}
.product-text p{margin-top: 17rem;}
.product-text .btn-wrap{margin-top: 73rem;}

.section.company{background: url(../img/main/about-bg.jpg) no-repeat; background-size: cover;}
.section.grobal .btn-wrap,
.section.company .btn-wrap{margin-top: 64rem;}
.section.company .inner{height: 100%;}
.section.company h3{padding-top: 237rem;}

@media (max-width:1600px){

    .product-text{width: 46%; padding-left: 60rem;}
    .product-text h3{font-size: 53rem;}
}

@media (max-width:1480px){

    .multiple-pager{width: 280rem; min-width: 280rem;}
    .product-text h3{font-size: 46rem;}
    .product-text p br{display: none;}
    
}
@media all and (max-width:1023px){

    .slide-sec{height: 76vh;}
    .section.product{padding-left: 0;}
    .multiple-pager{width: 220rem; min-width: 220rem;}
    .product-text h3{font-size: 36rem;}
    .product-text{padding-left: 50rem;}
    .product-text .caption + h3{margin-top: 28rem;}

    .section.company h3{padding-top: var(--space120);}
    .section.company{height: 80vh !important; background-position:80% 50%;}

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

    .multiple-pager{width: 100rem; z-index: 10;  min-width: auto; height:40vh; position: absolute; top: 50%; right: 40rem; transform: translateY(-50%);  background-color: transparent;}
    .multiple-pager .swiper-slide{border: 1px solid var(--op-b10);}
    .multiple-pager .swiper-slide-thumb-active{border-color: var(--c-01); box-shadow: 0px 0px 11rem 0 #83aae2b8;}

    .slide-sec{flex-direction: column-reverse; height: auto;}
    .section.product{background-color: var(--w);}
    
    .multiple-slider .swiper-slide figure{width: 100%;}
    .multiple-slider .swiper-slide{width: auto; flex-direction: column-reverse;}
    .multiple-slider{flex: none; width: 100%; padding: 60rem 200rem 100rem 40rem}
    .product-text{padding-left: 0; width: 100%; /* text-align: center; */}
    .product-text p{word-break: keep-all;}
    .product-text .btn-wrap{margin-top: 52rem;}

    .caption{font-size: 13rem;}    
}
@media (max-width: 540px){

    .section.grobal .btn-wrap, .section.company .btn-wrap{margin-top: 34rem;}

    .multiple-slider{padding: 104rem 20rem 54rem}
    .multiple-pager{width: 80%; height: 60rem; top: 32rem; left: 50%; transform: translateX(-50%);}
    .multiple-pager.swiper-thumbs .swiper-wrapper{flex-direction: row;}
    .product-text{margin-top: 24rem;}
    .product-text h3{font-size: 25rem;}
    .product-text .caption + h3{margin-top: 18rem;}
    .product-text .btn-wrap{margin-top: 32rem;}
    .product-text .btn-wrap a{display: flex;}


    .caption{padding: 4rem 9rem;}
}

/* 글로벌 */
.section.grobal{overflow: hidden;}
.section.grobal .inner{height: 100%;position: relative;z-index: 3;}
.section.grobal .main-title{top: 272rem; position: relative;}
.section.grobal .global-count{position: absolute;height: calc(100% - 90rem);border-left: 1px solid var(--op-w20);right: 0;width: 350rem;top: 90rem; padding-bottom: 65rem; display: flex;flex-direction: column;justify-content: flex-end;}

.global-count *{display: block;}
.global-count span{font-size: 18rem; color: var(--op-w60); font-weight: 700;}
.global-count em *{display: inline-block; font-size: 47rem; font-weight: 700; margin-top: 12rem; font-family: var(--lang-ko);} 
.global-count__item{position: relative; padding-left: 40rem;}
.global-count__item::before{content: ""; width: 2px; height: 100%; background-color: var(--w); position: absolute; left: 0; top: 0;box-shadow: 0 0 13px 0 rgba(255, 255, 255, 0.75); }
.global-count__item > div + div{margin-top: 80rem;}
.count-num{white-space:nowrap;}
@media (max-width:1480px){
.section.grobal .global-count{width: 280rem;}
}
@media all and (max-width:1200px){
    .global-count span{font-size: 16rem;}
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
    .section.grobal{height: 80vh !important;}
	.section.grobal .main-title{top: var(--space120)}
    .global-count span{font-size: 15rem;}
    .global-count strong{font-size: 40rem;}
    .global-count__item > div + div{margin-top: 60rem;}
    .section.grobal .global-count{height: 100%; top: 0;}
    .video-wrap::after{background: rgba(12, 31, 98, 0.4);}
}
@media (max-width:860px){

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

    .section.grobal .global-count{right: inherit; left: 0; width: 100%;}
    .global-count span{font-size: 14rem;}
    .global-count strong{font-size: 30rem; margin-top: 4rem;}
    .global-count__item > div + div{margin-top: 30rem;}
    .global-count__item{padding-left: 24rem;}
    .section.grobal .global-count{padding-bottom: 40rem; border-left: 0;}
    .section.grobal .main-title{z-index: 10; }
}



.video-wrap video{object-fit: cover;position: absolute;top: 50%;left: 50%;width: 100vw;height: 100vh;transform: translate(-50%, -50%);}
.video-wrap::after{content:'';width: 100%;height: 100%;background: rgba(12, 31, 98, 0.24);position: absolute;left: 0;top: 0;z-index: 2;}

.section.rnd .inner{display: flex; justify-content: space-between;}
.section.rnd .main-title {margin-top: 82rem;}
.section.rnd .main-title p{margin-top: 17rem;}
.section.rnd .btn-wrap{margin-top: 116rem;}
.rnd-grid{ width: 100%; max-width: 772rem; margin-left: 80rem;}
.rnd-grid li{border-radius: 5rem; background-color: var(--bg-default); padding:  34rem 28rem; display: flex; flex-direction: column; transition: var(--trans-01);}
.rnd-grid li *{transition: var(--trans-01);}
.rnd-grid li i{display: flex; width: 48rem; height: 48rem; align-items: center; justify-content: center; background-size: contain;}
.rnd-grid li:nth-child(1) i{background-image: url(../img/main/rnd-ic01.svg);}
.rnd-grid li:nth-child(2) i{background-image: url(../img/main/rnd-ic02.svg);}
.rnd-grid li:nth-child(3) i{background-image: url(../img/main/rnd-ic03.svg);}
.rnd-grid li:nth-child(4) i{background-image: url(../img/main/rnd-ic04.svg);}
.rnd-grid li.active{background-color: var(--c-primary);}
.rnd-grid li.active *{color: var(--w);}
.rnd-grid li.active:nth-child(1) i{background-image: url(../img/main/rnd-ic01-on.svg);}
.rnd-grid li.active:nth-child(2) i{background-image: url(../img/main/rnd-ic02-on.svg);}
.rnd-grid li.active:nth-child(3) i{background-image: url(../img/main/rnd-ic03-on.svg);}
.rnd-grid li.active:nth-child(4) i{background-image: url(../img/main/rnd-ic04-on.svg);}
.rnd-grid__text{margin-top: 70rem;}
.rnd-grid__text strong{color: var(--c-title); margin-bottom: 18rem;  display: block;}
.rnd-grid__text p{word-break: keep-all;}

@media (max-width:1480px){

    .rnd-grid{max-width: 60%}

}
@media all and (max-width:1200px){
	.section.rnd .inner{display: block;}
    .section.rnd  h3 br{display: none;}
    .section.rnd .btn-wrap{margin-top:34rem;}
     .rnd-grid{max-width: 100%; width: 100%; grid-template-columns: 1fr 1fr 1fr 1fr; margin-left: 0; margin-top: 64rem;}
     .rnd-grid__text{margin-top: 40rem;}
     .rnd-grid li{padding: 24rem;}
     .rnd-grid__text strong {margin-bottom: 10rem;}

    }
@media all and (max-width:1023px){

    .section.rnd .main-title{margin-top: 0;}
    .section.rnd{padding: var(--space100) 0;}
    .rnd-grid{grid-template-columns: 1fr 1fr;}
    
}
@media (max-width:860px){

    .section.rnd .main-title p{margin-top: 10rem;}

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

    .rnd-grid{grid-template-columns: 1fr; gap: 10rem; margin-top: 28rem;}
    .rnd-grid__text strong{margin-bottom: 6rem;}
    .rnd-grid__text{margin-top: 24rem;}
    .rnd-grid li i{width: 32rem; height: 32rem;}
    .rnd-grid li{padding: 16rem ;}

    .rnd.section .btn-wrap a.btn-default{display: flex;}

}
/* 게시판 */
.main-board__title{display: flex; justify-content: space-between;  align-items: flex-end;}
.main-board__title .arrow.big{border-color: var(--c-primary);}

@media all and (max-width:1200px){
	.gallery-list__title strong{font-size: 20rem;}
}
@media all and (max-width:1023px){
    .section.main-board{padding-bottom: var(--space100);}
    .gallery-list__title strong{font-size: 18rem;}
    .main-board__title{align-items: center;}
}

@media (max-width:860px){

    .section.main-board{padding-bottom: var(--space80);}

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

     .section.main-board{padding-bottom: var(--space-mob);}
     .main-board__title{margin-bottom: 22rem;}
}