@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}   
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}    
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}    
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face{font-family:'noto serif';font-style:normal;font-weight:400;src:local('Noto Serif'),url(https://fonts.cdnfonts.com/s/12250/NotoSerif[wdth,wght].woff) format('woff')}
@font-face{font-family:'noto serif';font-style:normal;font-weight:400;src:local('Noto Serif'),url(https://fonts.cdnfonts.com/s/12250/NotoSerif-Regular.woff) format('woff')}
@font-face{font-family:'noto serif';font-style:italic;font-weight:400;src:local('Noto Serif'),url(https://fonts.cdnfonts.com/s/12250/NotoSerif-Italic[wdth,wght].woff) format('woff')}
@font-face{font-family:'noto serif';font-style:italic;font-weight:400;src:local('Noto Serif'),url(https://fonts.cdnfonts.com/s/12250/NotoSerif-Italic.woff) format('woff')}
@font-face{font-family:'noto serif';font-style:normal;font-weight:700;src:local('Noto Serif'),url(https://fonts.cdnfonts.com/s/12250/NotoSerif-Bold.woff) format('woff')}
@font-face{font-family:'noto serif';font-style:italic;font-weight:700;src:local('Noto Serif'),url(https://fonts.cdnfonts.com/s/12250/NotoSerif-BoldItalic.woff) format('woff')}
@font-face {font-family: 'MBC1961GulimM'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/MBC1961GulimM.woff2') format('woff2'); font-weight: normal; font-style: normal;}
.bagwrap .quicks img,.bagwrap .bag img{width: auto;display: inline-block;}
.bag h1,.bag h2,.bag a,.bag div,.bag span,.bag a,.bag p{font-family: 'Noto Sans KR' !important; letter-spacing: -1.5px;}
.bagwrap{width:100%; min-width:1200px;max-width: 1920px; margin: auto;position: relative;height: 100%;;}
.bagwrap .quicks{position: fixed;top: 180px; right: 50px;z-index: 10;display: inline-block;}
.bagwrap .quicks a{display: block;}
.bagwrap .quicks a img{position: relative;z-index: 2;}
.bagwrap .quicks a:before{content: '';position: absolute;width: 220px; height: 100px; border: 1px solid #111;top: 15px; left: 0;border-radius: 100px;}
.bagwrap .quicks a:after{content: '';position: absolute;left:50%;bottom: -25px; background: url(https://cdn.gni.kr/campaign/letsbag/web/images/quicklight.png) no-repeat;background-size: 19px 20px; width: 19px; height: 20px; animation: opa 0.5s linear infinite alternate;}
.bagwrap .bag{width:100%; min-width:1200px;max-width: 1920px; margin: auto;position: relative;overflow: hidden;}
.bagwrap .bag .inner{width:1200px; margin: auto;position: relative;}
.bagwrap .bag1{background: url(https://cdn.gni.kr/campaign/letsbag/web/images/bg1.png) 50% 0 no-repeat;}
.bagwrap .bag1 span.gnilogo{position: absolute;left: 27px; top: 27px;;}
.bagwrap .bag1 .inner{height: 2390px;}
.bagwrap .bag1 .inner h2{font-size: 55px; color:#111;font-weight: 700;padding: 170px 0 6px 0;}
.bagwrap .bag1 .inner .T1{margin-bottom: 31px;;}
.bagwrap .bag1 .inner .T1 span{font-family: 'noto serif', sans-serif !important;font-size: 78px;font-weight: 400;color:#111;letter-spacing: -3px;display: inline-block;margin-right: 25px;}
.bagwrap .bag1 .inner .T1 .titlegal{display: inline-block;width: 500px;vertical-align: middle;position: relative;}
.bagwrap .bag1 .inner .T1 .titlegal .swiper-slide div{position: relative;display: inline-block;padding: 0 50px;width: 500px;text-align: center;}
.bagwrap .bag1 .inner .T1 .titlegal .swiper-slide div:after {content: '';width: 100%; top: 74px; left: 0;background: #000;height: 2px;position: absolute;}
.bagwrap .bag .swiper{margin-left: auto; margin-right: auto;position: relative;overflow: hidden; overflow: clip; list-style: none;padding: 0; z-index: 1;display: block;}
.bagwrap .bag .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; }
.bagwrap .bag .gallery-top .swiper div{transition-duration: 0ms !important;}
.bagwrap .bag .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.bagwrap .bag .swiper-slide {flex-shrink: 0;width: 100%;height: 100%; position: relative;transition-property: transform; display: block;}
.bagwrap .bag .swiper-backface-hidden .swiper-slide {transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden}
.bagwrap .bag .swiper-fade.swiper-free-mode .swiper-slide {transition-timing-function: ease-out}
.bagwrap .bag .swiper-fade .swiper-slide {pointer-events: none; transition-property: opacity;}
.bagwrap .bag .swiper-fade .swiper-slide .swiper-slide { pointer-events: none}
.bagwrap .bag .swiper-fade .swiper-slide-active {pointer-events: auto}
.bagwrap .bag .swiper-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto}
.bagwrap .bag1 .inner .T2 span{font-size: 31px; color:#000;font-weight: 400;}
.bagwrap .bag1 .inner .T2{font-size: 35px; color:#000;font-weight: 700;line-height: 53px;margin-bottom: 80px;}
.bagwrap .bag1 .inner .bagbtn{margin-bottom: 600px;}
.bagwrap .bag1 .inner .bagbtn a{display: block;text-align: center;width: 430px;;}
.bagwrap .bag1 .inner .bagbtn a img{position: absolute;left: 0;top: 0;filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.2));}
.bagwrap .bag1 .inner .bagbtn a span.t{position: absolute;left: 0;top: 0;width: 100%;line-height: 91px;height: 91px;z-index: 2;font-size: 30px; color:#fff;font-weight: 700;}
.bagwrap .bag1 .inner .bagbtn a span.t span{color:#000;font-weight: 700}
.bagwrap .bag1 .inner .T3{text-align: center;width: 1390px;margin: auto;position: relative;left: 50%;margin-left: -695px;margin-bottom: -10px;}
.bagwrap .bag1 .inner .T3 .topgal span{font-family: 'noto serif', sans-serif !important;font-size: 78px;font-weight: 400;color:#111;letter-spacing: -3px;display: inline-block;margin-right: 25px;}
.bagwrap .bag1 .inner .T3 .topgal .titlegal.tops{display: inline-block;width: 500px;text-align: center;vertical-align: middle;position: relative;}
.bagwrap .bag1 .inner .T3 .topgal .titlegal.tops .gallery-top{width: 500px;}
.bagwrap .bag1 .inner .T3 .titlegal{display: inline-block;width: 1390px;text-align: center;vertical-align: middle;position: relative;}
.bagwrap .bag1 .inner .T3 .titlegal .gallery-top{margin-bottom: 25px;text-align: center;width: 1390px; margin: auto;}
.bagwrap .bag1 .inner .T3 .titlegal .gallery-top .swiper-slide span{font-family: 'noto serif', sans-serif !important;font-size: 78px;font-weight: 400;color:#111;letter-spacing: -3px;display: inline-block;margin-right: 25px;vertical-align: middle;}
.bagwrap .bag1 .inner .T3 .titlegal .gallery-top .swiper-slide div{position: relative;display: inline-block;padding: 0 50px;width: 500px; text-align: center;}
.bagwrap .bag1 .inner .T3 .titlegal .gallery-top .swiper-slide div:after {content: '';width: 100%; top: 74px; left: 0;background: #000;height: 2px;position: absolute;}
.bagwrap .bag1 .inner .T3 .titlegal .galT1{text-align: center;font-size: 34px; color:#000;margin-bottom: 70px;}
.bagwrap .bag1 .inner .T3 .titlegal .galT1 span{color:#000;font-weight: 700;}
.bagwrap .bag1 .inner .T3 .deco{position: absolute;left: 50%; }
.bagwrap .bag1 .inner .T3 .deco1{margin-top: -90px;margin-left: -911px;top: 50%; }
.bagwrap .bag1 .inner .T3 .deco1::after{content: '';position: absolute;right: -9px;top: 50%; background: url(https://cdn.gni.kr/campaign/letsbag/web/images/quicklight.png) no-repeat;background-size: 19px 20px; width: 19px; height: 20px;margin-top: -10px;animation: opa 0.5s linear infinite alternate;}
.bagwrap .bag1 .inner .T3 .deco2{top:416px;margin-left: -480px;}
.bagwrap .bag1 .inner .T3 .deco2::before{content: '';position: absolute;left: 830px;top: -170px; background: url(https://cdn.gni.kr/campaign/letsbag/web/images/quicklight2.png) no-repeat;width: 96px; height: 96px;animation: opa 0.5s linear infinite alternate;}
.bagwrap .bag1 .inner .T3 .deco2::after{content: '';position: absolute;left:771px;top: -60px; background: url(https://cdn.gni.kr/campaign/letsbag/web/images/quicklight.png) no-repeat;background-size: 25px 26px; width: 25px; height: 26px;animation: opa 0.5s linear infinite alternate 0.2s;}
.bagwrap .bag2{background: url(https://cdn.gni.kr/campaign/letsbag/web/images/bg2.png) 50% 0 no-repeat;}
.bagwrap .bag2 .inner{height: 960px;;}
.bagwrap .bag2 .inner h2{text-align: center;color:#fff; font-weight: 700;padding: 100px 0 186px 0 ;font-size: 78px;line-height:108px;}
.bagwrap .bag2 .inner h2 span.sm{color:#fff; font-size: 45px; font-weight: 700;}
.bagwrap .bag2 .inner h2 span.lineT{color:#fff; font-size: 78px; font-weight: 700;display: inline-block;width: 260px;position: relative;;}
.bagwrap .bag2 .inner h2 span.lineT::before{content: '';position: absolute;bottom: 4px;width: 0%; background: #fff; height: 3px;left: 0;}
.bagwrap .bag2 .inner h2 span.lineT.on::before{animation: wi1 0.5s ease both;}
.bagwrap .bag2 .inner .Tbox{position: relative;}
.bagwrap .bag2 .inner .Tbox p.T1{margin-bottom: 20px;}
.bagwrap .bag2 .inner .Tbox p.T1 span.br{background: #000;display: inline-block;padding: 0 20px;color:#fff; font-size: 30px;margin-bottom: 4px;line-height: 40px;} 
.bagwrap .bag2 .inner .Tbox p.T1 span.br .co1{color:#ffd55b;font-weight: 700;} 
.bagwrap .bag2 .inner .Tbox .linebox{position: relative;width: 530px;}
.bagwrap .bag2 .inner .Tbox .linebox.on .linein{animation: lefts 1s ease infinite alternate;}
.bagwrap .bag2 .inner .Tbox .linebox.on .linein2{animation: lefts2 1s ease infinite alternate;}
.bagwrap .bag2 .inner .Tbox .linebox.on .lineround{animation: scales 0.5s linear infinite alternate 1s;}
.bagwrap .bag2 .inner .Tbox .linebox .linein{width: 510px;height: 2px;background: #fff;position: relative;z-index: 1;}
.bagwrap .bag2 .inner .Tbox .linebox .linein2{width: 45px;height: 2px;background: #fff;transform: rotate(45deg);transform-origin: 100% 0;position: absolute;right:20px;top: 0px;z-index: 1;}
.bagwrap .bag2 .inner .Tbox .linebox .lineround{width: 50px;height: 50px;background: #f8bc56;transform-origin: 50% 50%;position: absolute;right:0px;top: -25px;border-radius: 50px;transform: scale(0.9); opacity: 0.7;}
.bagwrap .bag2 .inner .Tbox .letslogo{position: absolute;left: 560px;top: -110px;}
.bagwrap .bag2 .inner .Tbox .letslogo a{background: url(https://cdn.gni.kr/campaign/letsbag/web/images/bagbtn1.png) no-repeat;width: 264px; height: 238px;display: block;text-indent: -9999px;transition: 0.5s ease;animation: scales 2s ease-in-out infinite alternate ;}
.bagwrap .bag2 .inner .Tbox .letslogo a:hover{background: url(https://cdn.gni.kr/campaign/letsbag/web/images/bagbtn2.png) no-repeat;width: 264px; height: 238px;display: block;text-indent: -9999px;transition: 0.5s ease;}
.bagwrap .bag3{background: #fff;padding-bottom: 170px;}
.bagwrap .bag3 h2{text-align: center;color:#000; font-weight: 700;padding: 105px 0 132px 0 ;font-size: 78px;line-height:100px;letter-spacing: -5px;position: relative;}
.bagwrap .bag3 h2:before{content: '';position: absolute;background: url(https://cdn.gni.kr/campaign/letsbag/web/images/letsbg1.png) no-repeat;width: 710px; height: 158px; left: 50%; top: 152px;margin-left: -882px;}
.bagwrap .bag3 h2 span.sm{color:#000; font-size: 45px; font-weight: 700;}
.bagwrap .bag3 h2 span.lineT{color:#f8bc56; font-size: 78px; font-weight: 700;display: inline-block;width: 260px;position: relative;letter-spacing: -5px;;}
.bagwrap .bag3 h2 span.lineT::before{content: '';position: absolute;bottom: 4px;width: 0%; background: #f8bc56; height: 3px;left: 0;}
.bagwrap .bag3 h2 span.lineT.on::before{animation: wi1 0.5s ease both;}
.bagwrap .bag3 .titlegal{width: 1920px;padding-bottom: 150px;position: relative;left: 50%; margin-left: -960px;margin-bottom: 90px;}
.bagwrap .bag3 .swiper{overflow:visible;}
.bagwrap .bag3 .swiper-slide{display: flex; justify-content: center;align-items: center;flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;filter: grayscale(0.5);transform:translateZ(0) scale(0.9) !important; }
.bagwrap .bag3 .swiper-slide.swiper-slide-active{transform: scale(1.14101) !important;transition: 0.5s ease;filter: grayscale(0)}
.bagwrap .bag3 .swiper-slide img{width: 100% !important;}
.bagwrap .bag3 .titlegal .swiper-pagination{position: absolute;bottom: -125px;left: 50%;transform: translate(-50%,0);}
.bagwrap .bag3 .titlegal .swiper-pagination span.swiper-pagination-bullet{width: 70px; height: 2px; background: #e6e6e6;display: inline-block;transition: 0.5s ;}
.bagwrap .bag3 .titlegal .swiper-pagination span.swiper-pagination-bullet-active{width: 70px; height: 5px; background: #000;display: inline-block;}
.bagwrap .bag3 .baginfo .baginfol{position: relative;width: 50%;}
.bagwrap .bag3 .baginfo .baginfol::before{content: ''; position: absolute; left: 74px; bottom: 70px; background: url(https://cdn.gni.kr/campaign/letsbag/web/images/quicklight.png) no-repeat; background-size: 19px 20px; width: 19px; height: 20px; animation: opa 0.5s linear infinite alternate;}
.bagwrap .bag3 .baginfo .baginfol img{margin-bottom: 25px;}
.bagwrap .bag3 .baginfo .baginfol p.T1{text-align: left;font-size: 18px; color:#000;font-style: italic;}
.bagwrap .bag3 .baginfo .baginfol p.T1 span{font-weight: 700;text-decoration: underline;}
.bagwrap .bag3 .baginfo .baginfor{position: absolute;right: 0;top: 3px;}
.bagwrap .bag3 .baginfo .baginfor::before{content: '';position: absolute;right: 0;top: 3px;background: url(https://cdn.gni.kr/campaign/letsbag/web/images/baginfobox.png) no-repeat;width: 180px;height: 246px; ;}
.bagwrap .bag3 .baginfo .baginfor .baginfibox{position: absolute;right: 200px;top: 3px;border-top: 2px solid #000;border-bottom: 2px solid #000;}
.bagwrap .bag3 .baginfo .baginfor ul{display: flex;width: 440px;border-bottom: 1px solid #c0c0c0;padding: 0 0px 0 28px}
.bagwrap .bag3 .baginfo .baginfor ul:last-child{border-bottom: 0;}
.bagwrap .bag3 .baginfo .baginfor ul li{font-size: 20px;display: flex;align-items: flex-start;justify-content: flex-start;color:#000;padding: 10px 0;line-height: 34px;}
.bagwrap .bag3 .baginfo .baginfor ul li:nth-of-type(1){font-weight: 700;width: 20%;}
.bagwrap .bag3 .swiper-button-next,.bagwrap .bag3 .swiper-button-prev{background: #fff;width: 30%; position: absolute;top: 0;height: 100%; opacity: 0;z-index: 10;}
.bagwrap .bag3 .swiper-button-next{right: 0;}
.bagwrap .bag3 .swiper-button-prev{left: 0;}
.bagwrap .bag4{background: #faf4e7;padding-bottom: 200px;}
.bagwrap .bag4 .bagcontents{width: 1400px; margin: auto;}
.bagwrap .bag4 .bagcontents h2{padding: 156px 0 27px 0;font-size: 45px; color:#111;font-weight: 700;text-align: center;}
.bagwrap .bag4 .bagcontents h2 span.tts{position: relative;}
.bagwrap .bag4 .bagcontents h2 span.tts .intxt{color:#fff;background: #000;padding: 0px 10px;}
.bagwrap .bag4 .bagcontents h2 span.tts .intxt .co1{color:#ffd55b;}
.bagwrap .bag4 .T1{margin-bottom: 31px;text-align: center;}
.bagwrap .bag4 .T1 span{font-size: 45px;font-weight: 700;color:#111;letter-spacing: -3px;display: inline-block;vertical-align: sub;}
.bagwrap .bag4 .T1 .titlegal{display: inline-block;width: 345px;vertical-align: middle;position: relative;}
.bagwrap .bag4 .T1 .titlegal .swiper-slide div{position: relative;display: inline-block;padding: 0 40px;font-size: 73px;color:#111;font-weight: 700;}
.bagwrap .bag4 .T1 .titlegal .swiper-slide div:after {content: '';width: 0; bottom:0; left: 0;background: #000;height: 2px;position: absolute;transition: 1s;}
.bagwrap .bag4 .T1 .titlegal .swiper-slide.swiper-slide-active div:after {content: '';width: 100%; top: 100px; left: 0;background: #000;height: 2px;position: absolute;transition: 1s}
.bagwrap .bag4 .T2{margin-bottom: 107px;}
.bagwrap .bag4 .T2 .titlegal{padding: 0 50px;width: 1500px; margin: auto;position: relative;left: 50%; transform: translate(-50%,0);}
.bagwrap .bag4 .T2 .titlegal .swiperwrap{position: relative;}
.bagwrap .bag4 .T2 .titlegal .mySwiper3{margin-bottom: 60px;}
.bagwrap .bag4 .T2 .titlegal .swiper-slide {position: relative;height: 500px;}
.bagwrap .bag4 .T2 .titlegal .swiper-slide .Tboxs.bg1{background: #fcba4a;}
.bagwrap .bag4 .T2 .titlegal .swiper-slide .Tboxs.bg2{background: #54cde3;}
.bagwrap .bag4 .T2 .titlegal .swiper-slide .Tboxs.bg3{background: #42be6b;}
.bagwrap .bag4 .T2 .titlegal .Tboxs{width: 710px; height: 430px;padding: 70px 30px 70px 70px;position: absolute;left: 640px; top: 74px;}
.bagwrap .bag4 .T2 .titlegal .Tboxs p.T3{color:#111; font-size:30px; line-height: 44px;font-weight: 600;margin-bottom: 72px;position: relative;}
.bagwrap .bag4 .T2 .titlegal .Tboxs p.T3:before{content: '';position: absolute;width: 1px;height: 50px; bottom: -60px;left: 0;background: #000;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 span{color:#fff; font-size:110px; font-family: 'MBC1961GulimM' !important;margin-right: 5px;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4{margin-bottom: 17px;color:#111;font-size: 30px;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 ul{display: flex;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 ul li{display: flex;align-items: center;justify-content: center;font-size: 28px;;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 ul li:nth-of-type(1){color:#111;font-size: 28px;padding-right: 20px;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 ul li:nth-of-type(2){color: #fff;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 ul li:nth-of-type(2) div{width: 290px;height: 40px; background: #fff;;margin-right: 15px;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 ul:nth-of-type(1){margin-bottom: 11px;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 ul:nth-of-type(2){margin-bottom: 35px;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 ul li:nth-of-type(2) span{font-family: 'MBC1961GulimM' !important;color: #fff;font-size: 40px;margin-top: 5px;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 ul:nth-of-type(2) li:nth-of-type(1){font-weight: 700;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 ul:nth-of-type(2) li:nth-of-type(2){color:#ffea3d}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 ul:nth-of-type(2) li:nth-of-type(2) span{font-family: 'MBC1961GulimM' !important;color: #ffea3d;font-size: 40px;display: inline-block;}
.bagwrap .bag4 .T2 .titlegal .Tboxs .T4 ul:nth-of-type(2) li:nth-of-type(2) div{width: 0;height: 40px; background: #ffea3d;}
.bagwrap .bag4 .T2 .titlegal .swiper-slide.swiper-slide-active ul:nth-of-type(2) li:nth-of-type(2) div{animation: wi2 1s ease both;}
.bagwrap .bag4 .T2 .titlegal .Tboxs p.T5{text-align: right;font-size: 17px; color:#111;}
.bagwrap .bag4 .T2 .titlegal .swiper-button-prev,.bagwrap .bag4 .T2 .titlegal .swiper-button-next{background: url(https://cdn.gni.kr/campaign/letsbag/web/images/galarow.png) no-repeat;width: 81px; height: 24px;bottom: 0;position: absolute;}
.bagwrap .bag4 .T2 .titlegal .swiper-button-prev{left: 50px;}
.bagwrap .bag4 .T2 .titlegal .swiper-button-next{right:50px;background-position: -81px 0;}
.bagwrap .bag4 .T2 .titlegal .swiper-pagination{text-align: center;}
.bagwrap .bag4 .T2 .titlegal .swiper-pagination span.swiper-pagination-bullet{width: 50px; height: 2px; background: #999999;display: inline-block;transition: 0.5s ;margin: 0 5px;}
.bagwrap .bag4 .T2 .titlegal .swiper-pagination span.swiper-pagination-bullet-active{width: 50px; height: 5px; background: #000;display: inline-block;}
.bagwrap .bag4 .bagbtn{text-align: center;}
.bagwrap .bag4 .bagbtn a{display: block;}
.bagwrap .bag5{background: url(https://cdn.gni.kr/campaign/letsbag/web/images/bg3.png) 50% 0 no-repeat;}
.bagwrap .bag5 .inner{height: 600px;}
.bagwrap .bag5 .inner .bagtitle{padding:140px 0 0 374px ;}
.bagwrap .bag5 .inner .bagtitle h2{font-size: 60px;font-weight: 700;color:#fff;letter-spacing: -3px;display: inline-block;margin-right: 25px;}
.bagwrap .bag5 .inner .bagtitle div.Tbox{display: inline-block;margin-bottom: 10px;}
.bagwrap .bag5 .inner .bagtitle div.Tbox span{font-size: 70px;color:#fff;;font-family: 'noto serif', sans-serif !important;display: inline-block;margin-right: 20px;}
.bagwrap .bag5 .inner .bagtitle div.Tbox div{position: relative;display: inline-block;padding: 0 50px;width: 250px;vertical-align: bottom;}
.bagwrap .bag5 .inner .bagtitle div.Tbox div:after {content: '';width: 100%; top: 74px; left: 0;background: #fff;height: 2px;position: absolute;transition: 1s;}
.bagwrap .bag5 .inner p.T1{color:#fff;font-size: 31px;margin-bottom: 48px;}
.bagwrap .bag5 .inner p.T1 span{font-weight: 700;color:#fff;}
.bagwrap .bag5 .lines{background: #fff;position: absolute;left: 50%;}
.bagwrap .bag5 .lines1.on{animation: wi1 1s linear both ;}
.bagwrap .bag5 .lines2.on{animation: hi1 1s linear both 1s;}
.bagwrap .bag5 .lines3.on{animation: hi1 1s linear both 1s;}
.bagwrap .bag5 .lines1{width: 100%;height: 1px;left: 0;top: 110px;}
.bagwrap .bag5 .lines2{width: 1px;height: 100%;margin-left: -650px;top: 0px}
.bagwrap .bag5 .lines2:after{content: '';background: url(https://cdn.gni.kr/campaign/letsbag/web/images/quicklight_w2.png) no-repeat;width: 19px; height: 20px;left: 50%;top: 110px;position: absolute;margin: -10px 0 0 -9.5px;animation: opa 1s linear infinite alternate;}
.bagwrap .bag5 .lines3{width: 1px;height: 100%;margin-left: 650px;top: 0px}
.bagwrap .bag5 .lines3:after{content: '';background: url(https://cdn.gni.kr/campaign/letsbag/web/images/quicklight_w2.png) no-repeat;width: 19px; height: 20px;left: 50%;top: 110px;position: absolute;margin: -10px 0 0 -9.5px;animation: opa 1s linear infinite alternate 0.2s;}
.bagwrap .bag6{background: #fff;;}
.bagwrap .bag6 .inner .bagleft{position: absolute;left: 50%; margin-left: -743px; top: 201px;}
.bagwrap .bag6 .inner .bagleft span{position: absolute;}
.bagwrap .bag6 .inner .bagleft span:nth-of-type(1){left: -65px;top: 240px; background: url(https://cdn.gni.kr/campaign/letsbag/web/images/quicklight2.png) no-repeat;width: 96px; height: 96px;animation: opa 1s linear infinite alternate 0.4s;}
.bagwrap .bag6 .inner .bagleft span:nth-of-type(2){left: -12px;top: 494px; background: url(https://cdn.gni.kr/campaign/letsbag/web/images/quicklight.png) no-repeat;width: 25px; height: 26px;animation: opa 1s linear infinite alternate;}
.bagwrap .bag6 .inner .bagleft span:nth-of-type(3){left: 687px;top: 62px; background: url(https://cdn.gni.kr/campaign/letsbag/web/images/quicklight_w.png) no-repeat;width: 25px; height: 26px;animation: opa 1s linear infinite alternate 0.2s;}
.bagwrap .bag6 .inner .bagtitle{position: relative;left: 50%;padding: 143px 0 170px 0 ;}
.bagwrap .bag6 .inner .bagtitle div.Tbox{margin-bottom: 45px;}
.bagwrap .bag6 .inner .bagtitle div.Tbox span{font-size: 70px;color:#111;;font-family: 'noto serif', sans-serif !important;display: inline-block;margin-right: 20px;}
.bagwrap .bag6 .inner .bagtitle div.Tbox div{position: relative;display: inline-block;padding: 0 50px;vertical-align: bottom;}
.bagwrap .bag6 .inner .bagtitle div.Tbox div:after {content: '';width: 100%; top: 74px; left: 0;background: #111;height: 2px;position: absolute;transition: 1s;}
.bagwrap .bag6 .inner .bagtitle .T1{font-size: 40px; color:#111;line-height: 59px;font-weight: 700;margin-bottom: 21px;}
.bagwrap .bag6 .inner .bagtitle .T1 span{font-size: 40px; color:#81ad2b;}
.bagwrap .bag6 .inner .bagtitle .T2{font-size: 27px; color:#111;line-height: 41px;font-weight: 700;margin-bottom: 71px;}
.bagwrap .bag6 .inner .bagtitle .T2 span{color:#111;font-weight: 700;}
.bagwrap .bag6 .inner .bagtitle .T3{position: relative;width: 220px;margin-bottom: 34px;}
.bagwrap .bag6 .inner .bagtitle .T3 span{position: relative;z-index: 2;color:#111;font-weight: 700;text-align: center;background: #99cd34;width: 220px; height: 70px; line-height: 70px;border-radius: 70px;border: 2px solid #111;font-size: 30px;display: inline-block;}
.bagwrap .bag6 .inner .bagtitle .T3:before{content: '';position: absolute;width: 220px; height: 70px; border: 1px solid #111;top: 15px; left: 0;border-radius: 70px;}
.bagwrap .bag6 .inner .bagtitle .T3:after{content: '';position: absolute;left:50%;bottom: -25px; background: url(https://cdn.gni.kr/campaign/letsbag/web/images/quicklight.png) no-repeat;background-size: 19px 20px; width: 19px; height: 20px; animation: opa 0.5s linear infinite alternate;margin-left: -9.5px;}
.bagwrap .bag6 .inner .bagtitle .T4{font-size: 24px; color:#111;line-height: 39px;margin-bottom: 22px;}
.bagwrap .bag6 .inner .bagtitle .T5{font-size: 28px; color:#81ad2b;font-weight: 700;font-style: italic;margin-bottom: 58px;}
.bagwrap .bag6 .inner .bagtitle .T5 a{background: #a4d644;color:#111;width: 150px; height: 45px; line-height: 45px;; font-size: 20px; font-style: normal;display: inline-block;text-align: center;border-radius: 45px; margin: 0 5px;}
.bagwrap .bag6 .inner .bagtitle .T5 a:nth-of-type(2){background: #cdee8f;}
.bagwrap .bag6 .inner .bagtitle .baginfo ul{width: 100%;padding-bottom: 4px; margin-bottom: 4px;}
.bagwrap .bag6 .inner .bagtitle .baginfo ul li{display: inline-block;vertical-align: middle;}
.bagwrap .bag6 .inner .bagtitle .baginfo ul li:nth-of-type(1){line-height: 60px; width: 200px; height: 60px; font-size: 27px; color:#111;border: 2px solid #111;border-radius: 56px;margin-right: 10px;text-align: center;font-weight: 700;}
.bagwrap .bag6 .inner .bagtitle .baginfo ul:nth-of-type(1) li:nth-of-type(2){border-top: 1px solid #111;padding: 20px 0;}
.bagwrap .bag6 .inner .bagtitle .baginfo ul li:nth-of-type(2){font-size: 23px; color:#111;border-bottom: 1px solid #111;width: 390px;padding: 12px 0 20px 0;padding-left: 5px;}
.bagwrap .bag6 .baglayer{background: #fff;padding: 45px 40px;position: relative;width: 590px; top: 50%; left: 50%; position: absolute;z-index: 3;transform: translate(-50%,-50%);display: none;}
.bagwrap .bag6 .baglayer .x{position: absolute;top: 24px; right: 24px;;}
.bagwrap .bag6 .baglayer p.T1{text-align: center;color: #111;font-size: 27px; line-height: 45px;margin-bottom: 20px;;}
.bagwrap .bag6 .baglayer p.T1 span{font-weight: 700;color:#111}
.bagwrap .bag6 .baglayer p.T2 span{display: inline-block;margin-right: 20px; background: #a4d644;width: 130px; height: 45px; border-radius: 45px;color:#111;font-size: 20px;vertical-align: middle;text-align: center;line-height: 45px;}
.bagwrap .bag6 .baglayer p.T2{color:#81ad2b; font-size: 22px; font-weight: 700;}
.bagwrap .bag6 .bagbg{background: #000;opacity: 0.5;position: absolute;width: 100%; height: 100%;z-index: 2;top: 0;left: 0;display: none}
.bagwrap .bagdan{background: url(https://cdn.gni.kr/campaign/letsbag/web/images/webdan.png) 50% 0 no-repeat;height: 810px;}
.bagwrap .bagdan p{text-indent: -9999px;}
.bagwrap .bag7{background: #f4f4f8;;}
.bagwrap .bag7 .inner{padding: 160px 0 0 0;}
.bagwrap .bag7 .inner .tabarea{width: 1100px; margin: auto;margin-bottom: 100px;}
.bagwrap .bag7 .inner .tabarea .tabs{width: 100%;margin-bottom: 100px;overflow: hidden;text-align: center;}
.bagwrap .bag7 .inner .tabarea .tabs a{width: 300px; height: 90px; background: #f4f4f8;line-height: 90px; font-size: 40px;font-weight: 400;text-align: center;display: inline-block;margin-right: 12px;border: 2px solid #000;border-radius: 90px;color:#111}
.bagwrap .bag7 .inner .tabarea .tabs a.on{background: #000;color:#baf646;}
.bagwrap .bag7 .inner .tabarea .tab-content{display: none;}
.bagwrap .bag7 .inner .tabarea .tab-content.on{display: block;}
.bagwrap .bag7 .inner .tabarea .tab-content .acbtn{padding: 26px 45px;color:#000;font-size: 28px;display: block;font-weight: 700;position: relative;background: #fff;border-bottom: 1px solid #c8c8c8;;}
.bagwrap .bag7 .inner .tabarea .tab-content .acbtn span{font-family: 'MBC1961GulimM' !important;color:#81ad2b;font-size: 31px;margin-right: 15px;}
.bagwrap .bag7 .inner .tabarea .tab-content .acbtn:after{content: '';position: absolute;background: url(https://cdn.gni.kr/campaign/letsbag/web/images/arow1.png) no-repeat;width: 16px; height: 9px;right: 46px; top: 50%; margin-top: -4.5px;}
.bagwrap .bag7 .inner .tabarea .tab-content .acbtn.on:after{background: url(https://cdn.gni.kr/campaign/letsbag/web/images/arow2.png) no-repeat;}
.bagwrap .bag7 .inner .tabarea .tab-content p.T2{padding: 48px 75px;color:#111;font-size: 20px;;display: none;line-height: 34px;background: #fff;border-bottom: 1px solid #c8c8c8;;}
.bagwrap .bag7 .inner .tabarea .tab-content p.T2.on{display: block;}
.bagwrap .bag7 .inner .tabarea .tab-content p.T2 span{color:#81ad2b}
.bagwrap .bagfot{padding: 30px 0;text-align: center;color:#222; font-size: 15px;background: #fff;}
.footer{background: #fff;position: relative;z-index: 2;}
.bagwrap .bagbtn a:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation-duration: 1s;animation-duration: 1s;}
.bagwrap .bagbtn a:hover:before, .bagwrap .bagbtn a:focus:before, .bagwrap .bagbtn a:active:before {-webkit-animation-name: hvr-ripple-out;animation-name: hvr-ripple-out;}
.bagwrap .bagbtn a {display: inline-block;vertical-align: -1px;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;}
@-webkit-keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}@keyframes hvr-ripple-out {100% {top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}}
@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes fade-in-right{0%{-webkit-transform:translateX(50px);transform:translateX(50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes lefts{0%{margin-left: 10px;} 100%{margin-left: 0;}}
@keyframes lefts2{0%{right: 10px;} 100%{right: 20px;}}
@keyframes opa{0%{opacity: 0;} 100%{opacity: 1;}}
@keyframes wi1{0%{width: 0;} 100%{width: 100%;}}
@keyframes hi1{0%{height: 0;} 100%{height: 100%;}}
@keyframes wi2{0%{width: 0;} 100%{width: 100px;}}
@keyframes scales{0% {transform: scale(0.9); opacity: 0.7;}50% {transform: scale(1); opacity: 1;}100% { transform: scale(0.9); opacity: 0.7}}