@charset "euc-kr"; 

/* webfont */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css"); 
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* common */
#wrapper {width: auto; min-width: 1200px; margin: 0 0 -80px; caret-color: transparent;}
#wrapper .mask {position: relative; width: 1200px; margin: 0 auto; min-height: 50px; text-align: center;}
#wrapper .thumb {position: relative; left: 50%; transform: translateX(-50%);}
#wrapper .swiper-button-prev, #wrapper .swiper-button-next {display: block; text-indent: -9999px;}
#wrapper .swiper-button-next:after, #wrapper .swiper-button-prev:after {display: none;}

.section_w{background:#fff; padding:100px 0;}
.section_g{background:#F8F8F8; padding:100px 0;}

.tit_top{color:#010D24; font-size:60px; font-family: 'GmarketSansBold'; line-height:1.2; letter-spacing:-3px;}
.tit_top .c1{color:#9A00CE;}
.tit_top .c2{color:#6D3CFF;}

.tit_mid{margin:30px 0 0; display:inline-block; padding:17px 30px; line-height:1; color:#fff; font-size:34px; font-weight:700; border-radius:100px;}
.tit_mid.b1{background:#4785FF;}
.tit_mid.b2{background:#6D3CFF;}

.meta_sub .tit{color:#fff; padding:7px 28px 8px; min-width:245px; background:#4785ff; font-size:30px; font-weight:600; border-radius:30px; display:inline-block;}
.meta_sub .tit span{color:#030a38; font-size:25px;}
.meta_sub .txt{color:#010101; font-size:20px; margin:20px 0 0;}

.library_1{margin:50px 0 0; display:flex; gap:20px;}
.library_2{margin:25px 0 0; display:flex; gap:25px;}



.library .slide_wrapper{position:relative; margin:50px 0 0;}
.library .slider{display:flex; align-items: center; width:1200px; height:768px; padding:0 0 0 440px;}
.library .swiper-wrapper{width:760px; height:587px;}
.library .swiper-slide{position:relative; opacity:0 !important;}
.library .swiper-slide-active{opacity:1 !important;}
.library .swiper-slide .gif{position:absolute; left:39px; top:43px; width:681px; height:407px; overflow:hidden; border-radius:10px;}
.library .swiper-slide .gif > img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}
.library .swiper-pagination{position:absolute; left:0; top:0; width:344px;}
.library .swiper-pagination-bullet{width:100%; background:url(img/tab_pagination.png) no-repeat; display:block; border-radius:0; opacity:1;}
.library .swiper-pagination-bullet.step0{background-position:0 0; height:155px;}
.library .swiper-pagination-bullet.step1{background-position:0 -155px; height:155px;}
.library .swiper-pagination-bullet.step2{background-position:0 -310px; height:160px;}
.library .swiper-pagination-bullet.step3{background-position:0 -470px; height:155px;}
.library .swiper-pagination-bullet.step4{background-position:0 -625px; height:161px;}
.library .swiper-pagination-bullet-active.step0{background-position:-344px 0;}
.library .swiper-pagination-bullet-active.step1{background-position:-344px -155px;}
.library .swiper-pagination-bullet-active.step2{background-position:-344px -310px;}
.library .swiper-pagination-bullet-active.step3{background-position:-344px -470px;}
.library .swiper-pagination-bullet-active.step4{background-position:-344px -625px;}