@font-face {font-family: 'SBAggroB';src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/SANDBOX/SBAggroB.woff') format('woff');font-weight: 700;font-style: normal;}
@font-face {font-family: 'SBAggroM';src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/SANDBOX/SBAggroM.woff') format('woff');font-weight: 500;font-style: normal;}
@font-face {font-family: 'SBAggroL';src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/SANDBOX/SBAggroL.woff') format('woff');font-weight: 300;font-style: normal;}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 400; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-bRg.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 350; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-aLt.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 700; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-cBd.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 800; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-dEb.woff') format('woff');}
@font-face {font-family: 'NanumSquare Neo';font-style: normal;font-weight: 900; src: local('NanumSquare Neo'), url('https://fonts.cdnfonts.com/s/90843/NanumSquareNeo-eHv.woff') format('woff');}
:root{--sbb: "SBAggroB" !important;}
:root{--sbm: "SBAggroM" !important;}
:root{--sbl: "SBAggroL" !important;}
.media h1,.media h2,.media a,.media div,.media span,.media a,.mediawrap p,.media i,.media table th,.media table td,.media label{font-family: 'NanumSquare Neo' !important;; letter-spacing: -1.2px;line-height: 150%;}
html,body{height: 100%;}
.mediawrap .media img{display:block;}
.mediawrap,.media{width: 100%;position: relative;max-width: 1920px; margin: auto;}
.mediawrap .media .inner{width: 100%; position: relative;max-width: 720px;margin: auto;}
.mediawrap .media1{background: url(../images/bg1.png) 50% 0 no-repeat;background-size: cover;  }
.mediawrap .media1 .inner{height:clamp(525px, calc(1050px + 1050 * (100vw - 720px) / 720), 1050px) ;}
.mediawrap .media1 .inner a.gnilogos{position: absolute;width: 22.223%; top: 2%; right: 2%;z-index: 2;}
.mediawrap .media1 .inner .mediatitle{padding: 18.5% 0 15% 0;}
.mediawrap .media1 .inner p.T1{color:#78d4ff; font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);text-align: center;font-family: var(--sbl) !important;position: relative;margin-bottom: 3%;}
.mediawrap .media1 .inner p.T1:before{content: '';width: 50%; top: -13%;left: 50%; transform: translate(-50%,0);background: #78d4ff;height: 1px;position: absolute;}
.mediawrap .media1 .inner p.T1:after{content: '';width: 50%; bottom: -2%;left: 50%; transform: translate(-50%,0);background: #78d4ff;height: 1px;position: absolute;}
.mediawrap .media1 .inner h1{opacity: 1;animation: clips 1s linear both;}
.mediawrap .media1 .inner p.T2{color:#fff; font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);text-align: center;position: relative;z-index: 1;}
.mediawrap .media1 .inner p.T2 i{color:#78d4ff;}
.mediawrap .media1 .inner .vis{position: absolute;width: 48.056%; bottom: 0;left: 50%; transform: translate(-46%,0);}
.mediawrap .media1 .inner .vis img{filter: brightness(0.2);will-change: transform;;transform: translateZ(0);transition: 1s linear;transition-delay: 0.3s;}
.mediawrap .media1 .inner .vis.on img{filter: brightness(1);}
.mediawrap .media2{width: 100%;background: url(../images/bg2.png) no-repeat;background-size: cover;background-position: 50% 50%;}
.mediawrap .media2 #containers{position: relative;height: 100vh;width: 100%; position: relative;margin: auto;}
.mediawrap .media2 .inner{position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);}
.mediawrap .media2 .secter2{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);width: 100%;}
.mediawrap .media2 p.T1{text-align: center;font-size:clamp(27.5px, calc(55px + 55 * (100vw - 720px) / 720), 55px) ;line-height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px) ; color:#fff;font-weight: 700;margin-bottom: 4%;}
.mediawrap .media2 p.T1 span i{font-size:clamp(27.5px, calc(55px + 55 * (100vw - 720px) / 720), 55px) ;color:#ff694b;font-weight: 700;position: relative;z-index: 2;padding: 2% 1%;}
.mediawrap .media2 p.T1 span{position: relative;padding:1% 0.5%;}
.mediawrap .media2 p.T1 span b{width: 0;height: 100%; background: #000;left: 0;position: absolute;top: 0;}
.mediawrap .media2 p.T1.on span b{animation: wi100 1s linear both;}
.mediawrap .media2 ul{display: flex;align-items: center;justify-content: center;width: 80%;margin: auto;margin-bottom: 7%;}
.mediawrap .media2 ul li:nth-of-type(1){width: 31.773%;z-index: 1;position: relative;}
.mediawrap .media2 ul li:nth-of-type(2){width: 30.035%;margin: 2% -1%  0 -3%;}
.mediawrap .media2 ul li:nth-of-type(3){width: 31.077%;}
.mediawrap .media2 p.T2{text-align: center;}
.mediawrap .media2 p.T2 span{position: relative;color: #78d4ff;font-size:clamp(18.5px, calc(37px + 37 * (100vw - 720px) / 720), 37px) ;line-height: clamp(34px, calc(68px + 68 * (100vw - 720px) / 720), 68px);font-weight: 700;display: inline-block;}
.mediawrap .media2 p.T2 span:after{content: '';width: 0;height: 1px;background: #78d4ff;left: 0;position: absolute;bottom: 0;}
.mediawrap .media2 p.T2 span.on:after{animation: wi100 1s linear both;}
.mediawrap .media2 p.T3{text-align: center;font-size:clamp(27.5px, calc(55px + 55 * (100vw - 720px) / 720), 55px) ;line-height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px) ; color:#ff694b;font-weight: 800;margin-bottom: 4%;}
.mediawrap .media2 p.T4{text-align: center;font-size:clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px) ;line-height: clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px) ; color:#78d4ff;font-weight: 700;margin-bottom: 4%;}
.mediawrap .media2 p.T5{text-align: center;font-size:clamp(18.5px, calc(37px + 37 * (100vw - 720px) / 720), 37px) ;line-height: clamp(32px, calc(64px + 64 * (100vw - 720px) / 720), 64px) ; color:#fff;font-weight: 700;margin-bottom: 4%;}
.mediawrap .media2 p.T5 span{color:#fff;font-weight: 700;position: relative;}
.mediawrap .media2 p.T5 span:after{content: '';width: 100%;height: 1px;background: #78d4ff;left: 0;position: absolute;bottom: -30%;}
.mediawrap .media3{background: linear-gradient(180deg,rgba(204, 222, 237, 1) 0%, rgba(183, 210, 231, 1) 80%, rgba(179, 208, 230, 1) 100%);}
.mediawrap .media3 .inner{padding: clamp(62.5px, calc(125px + 125 * (100vw - 720px) / 720), 125px) 0;}
.mediawrap .media3 .inner p.T1{text-align: center;background: url(../images/ribon1.png) no-repeat;height: clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);line-height: clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);color:#fff;text-align: center;font-weight: 700;background-size: contain;margin-bottom: 5%;}
.mediawrap .media3 .inner p.T1 i{color:#78d4ff;font-weight: 700;position: relative;}
.mediawrap .media3 .inner p.T1 span{ height: 2px;background: #fff; vertical-align: -5px;display: inline-block;margin: 0 4px;}
.mediawrap .media3 .inner p.T1.on span{ animation: wi1 0.5s linear both;}
.mediawrap .media3 .inner h2{width: 12.64%; margin: auto;margin-bottom: 2%;}
.mediawrap .media3 .inner h2.on{animation: opas 0.5s linear both 3 ;}
.mediawrap .media3 .inner p.T2{color:#cd4231;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-weight: 900;text-align: center;}
.mediawrap .media3 .inner p.T3{color:#11131c;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 720px) / 720), 27px); font-weight: 800;text-align: center;margin-bottom: 4%;}
.mediawrap .media3 .inner ul{text-align: center;margin-bottom: 16%;position: relative;}
.mediawrap .media3 .inner ul:after{content: '';width: 1px;height:clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);left: 50%; transform: translate(-50%,0);bottom: -13%;background: #000;position: absolute;}
.mediawrap .media3 .inner ul li{opacity: 0;}
.mediawrap .media3 .inner ul li.on{animation: fade-in-top 1s linear both;}
.mediawrap .media3 .inner ul li.on:nth-of-type(2){animation-delay: 0.3s;}
.mediawrap .media3 .inner ul li.on:nth-of-type(3){animation-delay: 0.6s;}
.mediawrap .media3 .inner ul li img{filter: drop-shadow(10px 10px 10px rgba(0,0,0,.1))}
.mediawrap .media3 .inner ul li:nth-of-type(1){width: 69.028%;margin: 0 0 -3% 13%;}
.mediawrap .media3 .inner ul li:nth-of-type(2){width: 68.195%;margin: 0 0 -2% 21%;}
.mediawrap .media3 .inner ul li:nth-of-type(3){width: 67.917%;margin: auto;}
.mediawrap .media3 .inner p.T4{text-align: center;font-size:clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px) ;line-height: clamp(27px, calc(54px + 54 * (100vw - 720px) / 720), 54px) ; color:#11131c;font-weight: 700;}
.mediawrap .media3 .inner p.T4 span i{font-size:clamp(16.5px, calc(33px + 33 * (100vw - 720px) / 720), 33px) ;color:#fff;font-weight: 700;position: relative;z-index: 2;padding: 2%;}
.mediawrap .media3 .inner p.T4 span.b{font-size:clamp(16.5px, calc(33px + 33 * (100vw - 720px) / 720), 33px) ;}
.mediawrap .media3 .inner p.T4 span.b span{position: relative;padding:1% 0.5%;}
.mediawrap .media3 .inner p.T4 span.b span b{width: 0;height: 100%; background: #1c62a8;left: 0;position: absolute;top: 0;}
.mediawrap .media3 .inner p.T4.on span.b span b{animation: wi100 1s linear both;}
.mediawrap .media4{background: #eff3fa;overflow: hidden;}
.mediawrap .media4 .inner{padding: clamp(62.5px, calc(125px + 125 * (100vw - 720px) / 720), 125px) 0;}
.mediawrap .media4 .inner h2{width: 12.64%; margin: auto;margin-bottom: 2%;}
.mediawrap .media4 .inner h2.on{animation: opas 0.5s linear both 3;}
.mediawrap .media4 .inner p.T2{color:#cd4231;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-weight: 900;text-align: center;}
.mediawrap .media4 .inner p.T3{color:#11131c;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 720px) / 720), 27px); font-weight: 800;text-align: center;margin-bottom: 12%;position: relative;}
.mediawrap .media4 .inner p.T3:after{content: '';width: 1px;height:clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);left: 50%; transform: translate(-50%,0);bottom: -182%;background: #000;position: absolute;}
.mediawrap .media4 .inner p.T4{text-align: center;font-size:clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px) ;line-height: clamp(27px, calc(54px + 54 * (100vw - 720px) / 720), 54px) ; color:#11131c;font-weight: 700;margin-bottom: 8%;}
.mediawrap .media4 .inner p.T4 span i{font-size:clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px) ;color:#fff;font-weight: 700;position: relative;z-index: 2;padding: 2% 1%;}
.mediawrap .media4 .inner p.T4 span.b{font-size:clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px) ;}
.mediawrap .media4 .inner p.T4 span.b span{position: relative;padding:1% 0.5%;}
.mediawrap .media4 .inner p.T4 span.b span b{width: 0;height: 100%; background: #11131c;left: 0;position: absolute;top: 0;}
.mediawrap .media4 .inner p.T4.on span.b span b{animation: wi100 1s linear both;}
.mediawrap .media4 .inner .rounds{position: relative;background: url(../images/roundimg.png) no-repeat;width: clamp(194.5px, calc(389px + 389 * (100vw - 720px) / 720), 389px); height: clamp(194.5px, calc(389px + 389 * (100vw - 720px) / 720), 389px);margin: auto;padding-top: 2.5%;background-size: cover;margin-bottom: 14%;}
.mediawrap .media4 .inner .rounds::before{content: '';position: absolute;background: url(../images/T2.png) no-repeat;width: clamp(61.5px, calc(123px + 123 * (100vw - 720px) / 720), 123px); height: clamp(60.5px, calc(121px + 121 * (100vw - 720px) / 720), 121px); top: 11%;left: 56%;z-index: 2;background-size: cover}
.mediawrap .media4 .inner .rounds::after{content: '';position: absolute;background: url(../images/T3.png) no-repeat;width: clamp(69.5px, calc(149px + 149 * (100vw - 720px) / 720), 149px); height: clamp(128px, calc(256px + 256 * (100vw - 720px) / 720), 256px); top: 8%;left: 9%;z-index: 2;background-size: cover;}
.mediawrap .media4 .inner .pie-chart {position: relative;display:block;width: clamp(175px, calc(350px + 350 * (100vw - 720px) / 720), 350px);height: clamp(175px, calc(350px + 350 * (100vw - 720px) / 720), 350px);border-radius: 50%;margin: auto;background: #fff;}
.mediawrap .media4 .inner .pie-chart:after{content: '';width: 1px;height:clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);left: 50%; transform: translate(-50%,0);bottom: -29%;background: #000;position: absolute;}
.mediawrap .media4 .inner span.center{background: url(../images/locks.png) no-repeat;;display : block;position: absolute;top:50%; left:50%;width:clamp(113px, calc(226px + 226 * (100vw - 720px) / 720), 226px); height:clamp(116px, calc(232px + 232 * (100vw - 720px) / 720), 232px);transform: translate(-49%, -48%);background-size: cover}
.mediawrap .media4 .inner p.T5{text-align: center;font-size:clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px) ;line-height: clamp(27px, calc(54px + 54 * (100vw - 720px) / 720), 54px) ; color:#11131c;font-weight: 700;margin-bottom: 6%;}
.mediawrap .media4 .inner p.T5 span i{font-size:clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px) ;color:#fff;font-weight: 700;position: relative;z-index: 2;padding: 2% 1%;}
.mediawrap .media4 .inner p.T5 span.b{font-size:clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px) ;}
.mediawrap .media4 .inner p.T5 span.b span{position: relative;padding:1% 0.5%;}
.mediawrap .media4 .inner p.T5 span.b span b{width: 0;height: 100%; background: #11131c;left: 0;position: absolute;top: 0;}
.mediawrap .media4 .inner p.T5.on span.b span b{animation: wi100 1s linear both;}
.mediawrap .media4 .inner .talkbox{position: relative;margin-bottom: 7%;}
.mediawrap .media4 .inner .talkbox .roundimg{width: 48.612%; margin: auto;}
.mediawrap .media4 .inner .talkbox .talk{position: absolute;text-align: center;background: #fff;width: clamp(140px, calc(280px + 280 * (100vw - 720px) / 720), 280px);height: clamp(80px, calc(160px + 160 * (100vw - 720px) / 720), 160px); border-radius: 20px;border: 1px solid #d9dde4;display: flex;align-items: center;justify-content: center;opacity: 0;}
.mediawrap .media4 .inner .talkbox .talk::before{content: '';position: absolute;width: clamp(9.5px, calc(19px + 19 * (100vw - 720px) / 720), 19px) ;height: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px) ;bottom: -14%;z-index: 2;}
.mediawrap .media4 .inner .talkbox.on .talk{animation: fade-in-bottom 1s linear both;}
.mediawrap .media4 .inner .talkbox.on .talk2{animation-delay: 0.3s;}
.mediawrap .media4 .inner .talkbox .talk1::before{background: url(../images/jjok1.png) no-repeat;left: 80%;background-size: cover;}
.mediawrap .media4 .inner .talkbox .talk2::before{background: url(../images/jjok2.png) no-repeat;left: 20%;background-size: cover;}
.mediawrap .media4 .inner .talkbox .talk p{font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);color:#11131c;font-weight: 800;}
.mediawrap .media4 .inner .talkbox .talk p i{font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);color:#cd4231;font-weight: 800;}
.mediawrap .media4 .inner .talkbox .talk1{left: 4%;}
.mediawrap .media4 .inner .talkbox .talk2{left: 57%;}
.mediawrap .media4 .inner p.T6{text-align: center;font-size:clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px) ;line-height: clamp(27px, calc(54px + 54 * (100vw - 720px) / 720), 54px) ; color:#11131c;font-weight: 700;}
.mediawrap .media4 .inner p.T6 span i{font-size:clamp(16.5px, calc(33px + 33 * (100vw - 720px) / 720), 33px) ;color:#fff;font-weight: 700;position: relative;z-index: 2;padding: 2% 1%;}
.mediawrap .media4 .inner p.T6 span.b{font-size:clamp(16.5px, calc(33px + 33 * (100vw - 720px) / 720), 33px) ;}
.mediawrap .media4 .inner p.T6 span.b span{position: relative;padding:1% 0.5%;}
.mediawrap .media4 .inner p.T6 span.b span b{width: 0;height: 100%; background: #1c62a8;left: 0;position: absolute;top: 0;}
.mediawrap .media4 .inner p.T6.on span.b span b{animation: wi100 1s linear both;}
.mediawrap .media4 .ob{position: absolute;left: 50%;animation: ros 1s linear infinite alternate;;}
.mediawrap .media4 .ob img{width: auto;}
.mediawrap .media4 .ob1{top: 340px; margin-left: 440px;}
.mediawrap .media4 .ob2{top: 591px; margin-left: -747px;animation-delay: 0.2s;}
.mediawrap .media4 .ob3{top: 1284px; margin-left: 533px;}
.mediawrap .media5{background: #d9ebfd;overflow: hidden;}
.mediawrap .media5 .inner{padding: clamp(62.5px, calc(125px + 125 * (100vw - 720px) / 720), 125px) 0;}
.mediawrap .media5 .inner h2{width: 12.64%; margin: auto;margin-bottom: 2%;}
.mediawrap .media5 .inner h2.on{animation: opas 0.5s linear both 3;}
.mediawrap .media5 .inner p.T2{color:#cd4231;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-weight: 900;text-align: center;}
.mediawrap .media5 .inner p.T3{color:#11131c;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 720px) / 720), 27px); font-weight: 800;text-align: center;margin-bottom: 12%;}
.mediawrap .media5 .inner .imgbox{position: relative;margin-bottom: 15%;}
.mediawrap .media5 .inner .imgbox:after{content: '';width: 1px;height:clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);left: 50%; transform: translate(-50%,0);bottom: -20%;background: #000;position: absolute;}
.mediawrap .media5 .inner .imgbox .talk{position: absolute;opacity: 0;}
.mediawrap .media5 .inner .imgbox.on .talk{animation: fade-in-bottom 1s linear both;}
.mediawrap .media5 .inner .imgbox.on .talk2{animation-delay: 0.3s;}
.mediawrap .media5 .inner .imgbox.on .talk3{animation-delay: 0.6s;}
.mediawrap .media5 .inner .imgbox .talk1{width: 28.334%; left: 7%; top: -3%;;}
.mediawrap .media5 .inner .imgbox .talk2{width: 32.5%; left: 68%; top: -1%;;}
.mediawrap .media5 .inner .imgbox .talk3{width: 32.5%; left: 4%; top: 41%;;}
.mediawrap .media5 .inner p.T4{text-align: center;font-size:clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px) ;line-height: clamp(27px, calc(54px + 54 * (100vw - 720px) / 720), 54px) ; color:#11131c;font-weight: 700;}
.mediawrap .media5 .inner p.T4 span i{font-size:clamp(16.5px, calc(33px + 33 * (100vw - 720px) / 720), 33px) ;color:#fff;font-weight: 700;position: relative;z-index: 2;padding: 2% 1%;}
.mediawrap .media5 .inner p.T4 span.b{font-size:clamp(16.5px, calc(33px + 33 * (100vw - 720px) / 720), 33px) ;}
.mediawrap .media5 .inner p.T4 span.b span{position: relative;padding:1% 0.5%;}
.mediawrap .media5 .inner p.T4 span.b span b{width: 0;height: 100%; background: #1c62a8;left: 0;position: absolute;top: 0;}
.mediawrap .media5 .inner p.T4.on span.b span b{animation: wi100 1s linear both;}
.mediawrap .media5 .ob{position: absolute;left: 50%;animation: ros 1s linear infinite alternate;}
.mediawrap .media5 .ob img{width: auto;}
.mediawrap .media5 .ob1{top: 238px; margin-left: -784px;}
.mediawrap .media5 .ob2{top: 677px; margin-left: 587px;animation-delay: 0.2s;}
.mediawrap .media6{background: #f3f8fd;overflow: hidden;}
.mediawrap .media6 .inner{padding: clamp(62.5px, calc(125px + 125 * (100vw - 720px) / 720), 125px) 0;}
.mediawrap .media6 .inner h2{width: 12.64%; margin: auto;margin-bottom: 2%;}
.mediawrap .media6 .inner h2.on{animation: opas 0.5s linear both 3;}
.mediawrap .media6 .inner p.T2{color:#cd4231;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-weight: 900;text-align: center;}
.mediawrap .media6 .inner p.T3{color:#11131c;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 720px) / 720), 27px); font-weight: 800;text-align: center;padding-bottom: 12%;position: relative;margin-bottom: 3%;}
.mediawrap .media6 .inner p.T3:before{content: '';position:absolute;width: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);height: 1px; transform: rotate(120deg) translate(-50%,0);background: #11131c;left: 43%;bottom: 0;}
.mediawrap .media6 .inner p.T4{text-align: center;font-size:clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px) ;line-height: clamp(27px, calc(54px + 54 * (100vw - 720px) / 720), 54px) ; color:#11131c;font-weight: 700;margin-bottom: 1.5%;}
.mediawrap .media6 .inner p.T4 span i{font-size:clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px) ;color:#fff;font-weight: 700;position: relative;z-index: 2;padding: 2% 1% 2% 0.5%;}
.mediawrap .media6 .inner p.T4 span i.co1{color:#78d4ff}
.mediawrap .media6 .inner p.T4 span.b{font-size:clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px) ;}
.mediawrap .media6 .inner p.T4 span.b span{position: relative;padding:1% 0.5% 1% 0%;}
.mediawrap .media6 .inner p.T4 span.b span b{width: 0;height: 100%; background: #1c62a8;left: 0;position: absolute;top: 0;}
.mediawrap .media6 .inner p.T4.on span.b span b{animation: wi100 1s linear both;}
.mediawrap .media6 .inner p.T5,
.mediawrap .media6 .inner p.T6{text-align: center;font-size:clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);color:#9197a4;margin-bottom: 5%;}
.mediawrap .media6 .inner .steps{display: flex;align-items: center;justify-content: center;margin-bottom: -7%;}
.mediawrap .media6 .inner .step1{width: 22.778%;}
.mediawrap .media6 .inner .step2{padding-right: 3%;width: 21.056%;}
.mediawrap .media6 .inner .step3{font-size:clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px) ;text-align: center;font-weight: 700;}
.mediawrap .media6 .inner .step3 span{font-size:clamp(13.5px, calc(27px + 27 * (100vw - 720px) / 720), 27px) ;color:#11131c;font-weight: 700;}
.mediawrap .media6 .inner .step3 span i{color: #1c62a8;font-weight: 700;}
.mediawrap .media6 .inner .imgs{margin-bottom: 4%;}
.mediawrap .media6 .inner p.T6{margin-bottom: 8%;}
.mediawrap .media6 .inner .imgs1{margin-bottom: 10%;position: relative;}
.mediawrap .media6 .inner .imgs1:after{content: '';width: 1px;height:clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);left: 50%; transform: translate(-50%,0);bottom: -13%;background: #000;position: absolute;}
.mediawrap .media6 .inner p.T7{text-align: center;font-size:clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px) ;line-height: clamp(27px, calc(54px + 54 * (100vw - 720px) / 720), 54px) ; color:#11131c;font-weight: 700;}
.mediawrap .media6 .inner p.T7 span i{font-size:clamp(16.5px, calc(33px + 33 * (100vw - 720px) / 720), 33px) ;color:#fff;font-weight: 700;position: relative;z-index: 2;padding: 2% 1%;}
.mediawrap .media6 .inner p.T7 span.b{font-size:clamp(16.5px, calc(33px + 33 * (100vw - 720px) / 720), 33px) ;}
.mediawrap .media6 .inner p.T7 span.b span{position: relative;padding:1% 0.5%;}
.mediawrap .media6 .inner p.T7 span.b span b{width: 0;height: 100%; background: #1c62a8;left: 0;position: absolute;top: 0;}
.mediawrap .media6 .inner p.T7.on span.b span b{animation: wi100 1s linear both;}
.mediawrap .media7{background: #daeaf9;overflow: hidden;}
.mediawrap .media7 .inner{padding: clamp(62.5px, calc(125px + 125 * (100vw - 720px) / 720), 125px) 0;padding-bottom: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);}
.mediawrap .media7 .inner p.T1{font-size:clamp(32.5px, calc(65px + 65 * (100vw - 720px) / 720), 65px) ;font-weight: 900;color:#11131c;text-align: center;letter-spacing: -3px;}
.mediawrap .media7 .inner p.T1 span{font-weight: 900;color: #248e5f;letter-spacing: -3px;}
.mediawrap .media7 .inner p.T2{text-align: center;font-size:clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px) ;color:#11131c;font-weight: 800;margin-bottom: 6%;}
.mediawrap .media7 .inner .videos{width: 96%; padding-bottom: 54%;position: relative;margin: auto;margin-bottom: 12%;}
.mediawrap .media7 .inner .videos iframe{width: 100%; height: 100%; position: absolute;left: 0;top: 0;}
.mediawrap .media7 .inner .Tbox{position: relative;width: 94%;margin: auto; margin-bottom: 16%;}
.mediawrap .media7 .inner p.T3{text-align: center;background: url(../images/ribon2.png) no-repeat;height: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);line-height: clamp(33px, calc(66px + 66 * (100vw - 720px) / 720), 66px);font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);color:#fff;text-align: center;font-weight: 700;background-size: contain;position: absolute;left: 50%; transform: translate(-50%,0);width: 100%;top: -6%;}
.mediawrap .media7 .inner .inTbox{background: url(../images/bg3.png) repeat;text-align: center;padding: 10% 0;border: 1px solid #c6d5e3;box-shadow: 5px 5px 20px rgba(0,0,0,0.2); }
.mediawrap .media7 .inner .inTbox p.T4{font-size:clamp(13.5px, calc(27px + 27 * (100vw - 720px) / 720), 27px) ;color:#11131c;font-weight: 700;margin-bottom: 5%;}
.mediawrap .media7 .inner .inTbox p.T4 i{color:#248e5f;font-weight:800}
.mediawrap .media7 .inner .inTbox p.T5{font-size:clamp(13.5px, calc(27px + 27 * (100vw - 720px) / 720), 27px) ;color:#11131c;margin-bottom: 5%}
.mediawrap .media7 .inner .inTbox p.T6{font-size:clamp(13.5px, calc(27px + 27 * (100vw - 720px) / 720), 27px) ;color:#11131c;font-weight: 700;margin-bottom: 5%;letter-spacing: -2px;}
.mediawrap .media7 .inner .inTbox p.T6 i{color:#cd4231;font-weight:800}
.mediawrap .media7 .inner .inTbox p.T7{text-align: center;font-size:clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);color:#9197a4;}
.mediawrap .media7 .inner p.T8{font-size:clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px); text-align: center;color:#11131c;position: relative;margin-bottom: 4%;}
.mediawrap .media7 .inner p.T8:before{content: '';position: absolute;background: url(../images/cau.png) no-repeat;width:clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);height: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);top: -70%;left: 50%;transform: translate(-50%,0);background-size: cover;}
.mediawrap .media7 .inner p.T8 i{font-size:clamp(13.5px, calc(27px + 27 * (100vw - 720px) / 720), 27px);color:#1c62a8;font-weight: 800;line-height: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);}
.mediawrap .media7 .inner .scrollarow{text-align: center;padding: 3% 0 0 0;}
.mediawrap .media7 .inner .scrollarow span:nth-of-type(1){margin-bottom: 1%;}
.mediawrap .media7 .inner .scrollarow span:nth-of-type(2){animation-delay: 0.2s;}
.mediawrap .media7 .inner .scrollarow span{display: block;width: 2.917%;margin: auto;opacity: 0;animation: tops 1.5s linear infinite;} 
.mediawrap .media7 .ob{position: absolute;left: 50%;animation: ros 1s linear infinite alternate;;}
.mediawrap .media7 .ob img{width: auto;}
.mediawrap .media7 .ob1{top: 308px; margin-left: -781px;}
.mediawrap .media7 .ob2{top: 655px; margin-left: 547px;animation-delay: 0.2s;}
.mediawrap .media8{background: linear-gradient(180deg,rgba(250, 251, 254, 1) 0%, rgba(237, 241, 250, 1) 100%);;overflow: hidden;}
.mediawrap .media8 .inner{padding: clamp(62.5px, calc(125px + 125 * (100vw - 720px) / 720), 125px) 0;}
.mediawrap .media8 .inner p.T1{font-size:clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px) ;font-weight: 800;color:#11131c;text-align: center;letter-spacing: -3px;margin-bottom: 5%;}
.mediawrap .media8 .inner p.T1 i{color:#248e5f;font-weight: 800;}
.mediawrap .media8 .chkeevnt{width: 94%; margin: auto;position: relative;margin-bottom: 7%;}
.mediawrap .media8 .chkeevnt .chks{background: #f2f5fb;margin-bottom: 15px;box-shadow: 10px 10px 10px rgba(0,0,0,0.1);transition: 0.5s ease;border: 1px solid #e4e4e7;border-bottom: 1px solid #a6a7ad;}
.mediawrap .media8 .chkeevnt .chkbox{background: #fff;padding: 4% 7%;}
.mediawrap .media8 .chkeevnt .chkbox .inchkbox{width: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px) ;; height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px) ;; border: 2px solid #11131c;display: inline-block;margin-right: 5%;position: relative;background: #fff;vertical-align: 30%;}
.mediawrap .media8 .chkeevnt .chkbox p.T3{display: inline-block;color:#11131c;font-size: clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px) ;; font-weight: 500;letter-spacing:-0.5px;font-weight: 600;}
.mediawrap .media8 .chkeevnt .chkbox p.T3 span.m0{margin: 0 5px 0 0 ;}
.mediawrap .media8 .chkeevnt .chkbox .inchkbox:before{content: '';position: absolute;background: url(../images/chk_off.png) no-repeat;background-size: cover; width: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px) ;height: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px) ;;top: 50%; left: 50%; transform: translate(-50%,-50%);transition: 0.5s ease;}
.mediawrap .media8 .chkeevnt .chkbox.on .inchkbox:before{background: url(../images/chk_on.png) no-repeat;background-size: cover;}
.mediawrap .media8 .chkeevnt .chkbox p.T3 span{color:#d5dae3;display: inline-block;padding:2px 5px; transition: 0.5s ease;letter-spacing:-0.5px;}
.mediawrap .media8 .chkeevnt .chkbox p.T3 i{font-weight: 900;color:#111}
.mediawrap .media8 .chkeevnt .chkbox.on p.T3 span{background: #111;color:#fff;font-weight: 800;}
.mediawrap .media8 .chkeevnt .chkbox.c3 p.T3 span,.mediawrap .media8 .chkeevnt .chkbox.c3.on p.T3 span{margin-left: 0;}
.mediawrap .media8 .chkeevnt .subchk{padding: 3% 0% 3% 19%;}
.mediawrap .media8 .chkeevnt .subchk p{color:#0d103c;font-size: clamp(8.5px, calc(17px + 17 * (100vw - 720px) / 720), 17px) ;letter-spacing: 0;}
.mediawrap .media8 .chkeevnt .c1.on{background: #6fcea4;}
.mediawrap .media8 .chkeevnt .c2.on{background: #92b8dd;}
.mediawrap .media8 .chkeevnt .c3.on{background: #6fcea4;}
.mediawrap .media8 .chkeevnt .c4.on{background: #92b8dd;}
.mediawrap .media8 .perstxt{padding:6% 0 0% 0; background:#fff;width: 94%; margin: auto;margin-bottom: 7%;border: 1px solid #e4e4e7;box-shadow: 10px 10px 10px rgba(0,0,0,0.1)}
.mediawrap .media8 .perstxt p.T4{font-size: clamp(13.5px, calc(27px + 27 * (100vw - 720px) / 720), 27px); text-align: center;color:#11131c;margin-bottom: 4%;font-weight: 700;}
.mediawrap .media8 .perstxt p.T4 i{color:#1c62a8; font-weight: 700;}
.mediawrap .media8 .perstxt .inputarea{padding:0 0 5% 20%;border-bottom: 1px solid #dfe5f0;}
.mediawrap .media8 .perstxt .inputarea div{display: inline-block;width: 100%;}
.mediawrap .media8 .perstxt .inputarea div:nth-of-type(1){margin-bottom: 3%;}
.mediawrap .media8 .perstxt .inputarea span.in1,.mediawrap .media8 .perstxt .inputarea span.in3{width: 14%;}
.mediawrap .media8 .perstxt .inputarea span{display: inline-block;vertical-align: middle;}
.mediawrap .media8 .perstxt .inputarea span label{font-size: clamp(13.5px, calc(27px + 27 * (100vw - 720px) / 720), 27px);color:#11131c;font-weight: 700;}
.mediawrap .media8 .perstxt .inputarea span input{padding: clamp(7.5px, calc(15px + 15 * (100vw - 720px) / 720), 15px);border: none;font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);vertical-align: middle;border: 1px solid #b8becb;}
.mediawrap .media8 .perstxt .inputarea span.in2 input,.mediawrap .media8 .perstxt .inputarea span.in4 input{width: clamp(155px, calc(310px + 310 * (100vw - 720px) / 720), 310px);}
.mediawrap .media8 .perstxt .inputarea span.in2{margin:0 8% 0 5%;}
.mediawrap .media8 .perstxt .inputarea span.in4{margin:0 0px 0 5%;}
.mediawrap .media8 .perstxttop{background: #fff;}
.mediawrap .media8 .perintxt{background: #e8edf8;padding: 0 5% 7% 5%;}
.mediawrap .media8 .perstxt p.T6{text-align: center;color:#111;font-size: clamp(13.5px, calc(27px + 27 * (100vw - 720px) / 720), 27px); padding:5% 0px 4% 0;font-weight: 800;}
.mediawrap .media8 .perstxt .txts{position: relative;margin-bottom: 3%;}
.mediawrap .media8 .perstxt p.T7{color:#111;font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px); margin-bottom: 4%;text-align: center;}
.mediawrap .media8 .perstxt p.T7 span{color:#111;font-weight: 700;}
.mediawrap .media8 .perstxt .inbox{width: 100% ;text-align: center; }
.mediawrap .media8 .perstxt .inbox .checks {position: relative;display: inline-block;}
.mediawrap .media8 .perstxt .inbox .checks:nth-of-type(2){margin-left: 30px;}
.mediawrap .media8 .perstxt .inbox .checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.mediawrap .media8 .perstxt .inbox .checks input[type="radio"] + label { display: inline-block; position: relative; padding-left: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px); cursor: pointer; font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);}
.mediawrap .media8 .perstxt .inbox .checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px); height: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px); text-align: center; background: #fafafa; border: 1px solid #cacece; border-radius: 100%; box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); }
.mediawrap .media8 .perstxt .inbox .checks input[type="radio"] + label:active:before,.mediawrap .media8 .inner .perstxt .inbox .checks input[type="radio"]:checked + label:active:before { box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.mediawrap .media8 .perstxt .inbox .checks input[type="radio"]:checked + label:before { background: #E9ECEE; border-color: #adb8c0; }
.mediawrap .media8 .perstxt .inbox .checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 50%; transform: translate(0,-50%);; left: clamp(2px, calc(4px + 4 * (100vw - 720px) / 720), 4px); width: clamp(6.5px, calc(13px + 13 * (100vw - 720px) / 720), 13px); height: clamp(6.5px, calc(13px + 13 * (100vw - 720px) / 720), 13px); background: #272a9a; border-radius: 100%;  }
.mediawrap .media8 .perstxt table{margin-bottom: 20px;width: 100%;}
.mediawrap .media8 .perstxt table th,.mediawrap .media8 .perstxt table td{text-align: center;padding: 2% 0;border: 1px solid #b8becb;font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);color:#11131c;vertical-align: middle;line-height: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);letter-spacing: -1px;}
.mediawrap .media8 .perstxt table th{background: #f1f5ff;font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);font-weight: 600;border-left: 0;width: 35%;}
.mediawrap .media8 .perstxt table td{color: #11131c;border-right: 0;width: 65%;}
.mediawrap .media8 .perstxt .T8{font-size: clamp(7.5px, calc(15px + 15 * (100vw - 720px) / 720), 15px); color:#777;position: relative;padding-left: clamp(8.5px, calc(17px + 17 * (100vw - 720px) / 720), 17px);line-height: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);letter-spacing: -1px;}
.mediawrap .media8 .perstxt .T8:before{content: '※';position: absolute;left: 0;color:#777;font-size: clamp(7.5px, calc(15px + 15 * (100vw - 720px) / 720), 15px);}
.mediawrap .media8 .perbtn{text-align: center;position: relative;z-index: 4;}
.mediawrap .media8 .perbtn a.okbtn{display: inline-block;filter: drop-shadow(5px 5px 2px rgba(0,0,0,0.1)) ;width: 55.556%;margin: auto;}
.mediawrap .media8 .perbtn .pops{left: 50%; top: 50%; transform: translate(-50%,-50%);position: absolute;background: #fff;width: 86%;display: none ;border: 1px solid #e4e4e7;box-shadow: 10px 10px 10px rgba(0,0,0,0.1);}
.mediawrap .media8 .perbtn .pops a{position: absolute;right: 3%; top: 10%;width: 4.2%;}
.mediawrap .media8 .perbtn .pops p{font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px); color: #111;padding: 10% 0;}
.mediawrap .media8 .perbtn .pops p span{font-weight: 900; color: #111;}
.mediawrap .media8 .perbtn .pops p i{font-weight: 900; color: #1c62a8;}
.mediawrap .media8 .ob{position: absolute;left: 50%;animation: ros 1s linear infinite alternate;}
.mediawrap .media8 .ob img{width: auto;}
.mediawrap .media8 .ob1{bottom: 370px; margin-left: -775px;}
.mediawrap .media8 .ob2{bottom: 560px; margin-left: 534px;animation-delay: 0.2s;}
.mediawrap .media8 .ob3{bottom: 0px; margin-left: 415px;animation: none;}
.mediawrap .media9{background: #d9ebf3;overflow: hidden;}
.mediawrap .media9 .inner{padding: clamp(62.5px, calc(125px + 125 * (100vw - 720px) / 720), 125px) 0;}
.mediawrap .media9 .inner p.T1{font-size:clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px) ;font-weight: 800;color:#11131c;text-align: center;letter-spacing: -3px;margin-bottom: 8%;}
.mediawrap .media9 .inner p.T1 i{color:#248e5f;font-weight: 800;}
.mediawrap .media9 .inner ul{width: 96%; margin: auto;display: flex;align-items: center;justify-content: center;gap: 2%;flex-wrap: wrap;}
.mediawrap .media9 .inner ul li{box-shadow: 10px 10px 10px rgba(0,0,0,0.1);border: 1px solid #b4c3ce;border-bottom: 1px solid #919da6;margin-bottom: 2%;width: 48%;opacity: 0;}
.mediawrap .media9 .inner ul li.on{animation: fade-in-top 1s linear both;}
.mediawrap .media9 .inner ul li.on:nth-of-type(2){animation-delay: 0.3s;}
.mediawrap .media9 .inner ul li.on:nth-of-type(3){animation-delay: 0.6s;}
.mediawrap .media9 .inner ul li.on:nth-of-type(4){animation-delay: 0.9s;}
.mediawrap .media9 .inner ul li p.T2{padding: 8% 0 ;text-align: center;color:#11131c; font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px) ;background: #fff;}
.mediawrap .media9 .inner ul li p.T2 i{color:#11131c; font-weight: 800;}
.mediawrap .media10{background: #f3f8fd;}
.mediawrap .media10 .inner{padding: 0 20px;}
.mediawrap .media10 .inner p.T1{padding:3% 0;font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);color:#11131c}
.mediawrap .media10 .inner a{position: absolute;top: 50%; transform: translate(0,-50%);width: 21%;right: 3%;}
.mediafooter{padding: 30px 0;text-align: center;background: #fff;border-top: 1px solid #e7e7e7;font-size: clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);}
#container{max-width: none !important;}
@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 wi1{0%{width: 0} 100%{width: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);}}
@keyframes wi100{0%{width: 0} 100%{width: 100%}}
@keyframes opas{0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;}}
@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes tops{0%{transform:translateY(-20px);opacity:0}50%{opacity:1} 100%{transform:translateY(0px);opacity:0}}
@keyframes ros{0%{transform: rotate(3deg);} 100%{transform: rotate(-3deg)}}
@keyframes clips{0%{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);transform:translateY(-20px);} 100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);transform:translateY(0px)}}