@charset "utf-8";

@font-face{
  font-family:NotoSansL;font-style:normal;font-weight:100;
  src:url('https://aptgin.com/cdn/res/fonts/NotoSans-Light.eot');
  src:url('https://aptgin.com/cdn/res/fonts/NotoSans-Light.eot?#iefix') format("embedded-opentype"),url('https://aptgin.com/cdn/res/fonts/NotoSansKR-Light.woff2') format("woff2"),url('https://aptgin.com/cdn/res/fonts/NotoSansKR-Light.woff') format("woff"),url('https://aptgin.com/cdn/res/fonts/NotoSansKR-Light.otf') format("opentype");
}
@font-face{
   font-family:NotoSansR;font-style:normal;font-weight:200;
   src:url('https://aptgin.com/cdn/res/fonts/NotoSans-Regular.eot');
   src:url('https://aptgin.com/cdn/res/fonts/NotoSans-Regular.eot?#iefix') format("embedded-opentype"),url('https://aptgin.com/cdn/res/fonts/NotoSansKR-Regular.woff2') format("woff2"),url('https://aptgin.com/cdn/res/fonts/NotoSansKR-Regular.woff') format("woff"),url('https://aptgin.com/cdn/res/fonts/NotoSansKR-Regular.otf') format("opentype");
}
@font-face{
   font-family:NotoSansM;font-style:normal;font-weight:300;
   src:url('https://aptgin.com/cdn/res/fonts/NotoSans-Medium.eot');
   src:url('https://aptgin.com/cdn/res/fonts/NotoSans-Medium.eot?#iefix') format("embedded-opentype"),url('https://aptgin.com/cdn/res/fonts/NotoSansKR-Medium.woff2') format("woff2"),url('https://aptgin.com/cdn/res/fonts/NotoSansKR-Medium.woff') format("woff"),url('https://aptgin.com/cdn/res/fonts/NotoSansKR-Medium.otf') format("opentype");
}

*{margin:0;padding:0;box-sizing:border-box;font-family:NotoSansL;letter-spacing:-1px;line-height:100%;}
body,p,span,ul,li,dt,dd{font-size:16px;}
a{color:inherit;text-decoration:none;}
ul,ol,li{list-style:none;}
button{cursor:pointer;outline:none;}
p{word-break:keep-all;}
strong{font-family:NotoSansR;}
::-moz-selection{background-color:#004792;color:#fff;}
::selection{background-color:#004792;color:#fff;}
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-thumb{border-radius:10px;background-clip:padding-box;background-color:rgba(0,71,146,.8);}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2);border-radius:10px;}

html,body{width:100%;height:100%;min-height:800px;}
header{display:flex;justify-content:space-between;position:fixed;top:0;left:0;width:100%;height:90px;box-shadow:0 3px 3px rgba(0,0,0,.1);background-color:#fff;z-index:50;}
body>*:not(header):not(footer):not(aside){overflow:hidden;width:100%;height:100vh;}
aside{position:fixed;top:90px;bottom:0;min-height:480px;transition:bottom .5s;z-index:50;}
section{position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover;}
section:not(.service){padding-left:150px;padding-right:60px;}
section h2{color:#fff;font-family:"Noto Sans KR",sans-serif;font-size:80px;font-weight:100;letter-spacing:-8px;}
footer{display:flex;flex-flow:row wrap;align-items:center;width:100%;height:200px;padding-left:150px;background-color:#fff;}
footer::before{content:"";display:block;width:88px;height:50px;margin:0 50px;background:url(/intro/img/logo-b0d2f284148381390acf53ac91feda0b.svg) 50%/cover no-repeat;}
address{font-style:normal;}

.hidden,.hide{position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;color:transparent;}
.arrow::after{mask:url(/intro/img/icon_arrow-3cc38e70e53f292f1ce2f49d130d6ede.svg) 50%/50% no-repeat;-webkit-mask:url(/intro/img/icon_arrow-3cc38e70e53f292f1ce2f49d130d6ede.svg) 50%/contain no-repeat;}
.arrow.down::after{transform:rotate(0);}
.arrow.up::after{transform:rotate(-180deg);}
.eng-letter{letter-spacing:0;}
.bold{font-weight:bold;}
.blue{color:#004792;}
.bg-blue{background-color:#004792;}
.purple{color:#873385;}
.bg-purple{background-color:#873385;}
.orange{color:#ff6633;}
.bg-orange{background-color:#ff6633;}
.bg-pink{background-color:#ff4081;}

.logo a{display:block;width:150px;height:90px;text-indent:-9999px;background:url(/intro/img/logo-b0d2f284148381390acf53ac91feda0b.svg) 50%/70% no-repeat;}
.nav{display:flex;flex:1;align-items:center;}
.nav ul{display:flex;flex-flow:row wrap;width:100%;justify-content:center;}
.nav li{margin:0 3%;padding:10px;font-family:NotoSansR;font-size:20px;transition:color .3s;cursor:pointer;}
.nav li:focus,.nav li:hover{color:#004792;}
.nav-mobile{display:none;}
.nav.active{display:block;}
.btn-nav{width:50px;height:50px;border:0;background:none;}
.btn-nav span{display:inline-block;position:relative;width:50%;height:2px;color:transparent;background-color:rgba(34,34,34,1);transition:all .3s;line-height:0;}
.btn-nav span::before,.btn-nav span::after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:rgba(34,34,34,1);transition:all .3s;}
.btn-nav span::before{top:-8px;}
.btn-nav span::after{top:8px;}
.btn-nav.active span::before{top:0;transform:rotate(45deg);}
.btn-nav.active span::after{top:0;transform:rotate(-45deg);}
.partner{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;position:relative;width:150px;}
.partner button{border:0;font-family:Monda,sans-serif;font-size:14px;letter-spacing:0;background:none;transition:.3s;}
.partner button:hover,.partner button.active{color:#873385;}
.partner button:hover::after,.partner button.active::after{background-color:#873385;}
.partner button::after{content:"";display:inline-block;width:14px;height:14px;vertical-align:-1px;margin-left:10px;background-size:70%;background-color:#333;transition:.2s;}
.partner ul{display:none;position:absolute;top:70px;left:50%;right:0;width:80%;padding:10px 15px;border:solid 1px #333;background-color:#fff;transform:translateX(-50%)}
.partner li a{display:block;padding:5px 0;}
.partner li a:hover{color:#873385;}

.slider>div{padding:90px 60px 0 150px;background-position:50%;background-repeat:no-repeat;background-size:cover;}
.slide1{background-image:url(/intro/img/slide1-47821837d6930f505d4b1f27ee0036c7.jpg);}
.slide2{background-image:url(/intro/img/slide2-d984f635429846780f71c34b0472fe43.jpg);}
.slide3{background-image:url(/intro/img/slide3-5bb45cc41bdf00a3d3568606a98462c3.jpg);}
.slide4{background-image:url(/intro/img/slide4-20675f940f7ad8858746ccfd7b14df77.jpg);}
.slider .text{position:absolute;left:150px;bottom:260px;padding-left:180px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.7);}
.slider .text h2+p{font-family:NotoSansR;font-size:48px;letter-spacing:-5px;line-height:150%;}
.slider .text p{padding-left:5px;}
.slider .text p:last-child{font-size:26px;letter-spacing:-3px;}
.bx-controls{position:absolute;bottom:120px;left:50%;width:100%;padding:0 60px 0 120px;transform:translateX(-50%);z-index:10;}
.bx-controls-direction{position:relative;}
.bx-controls-direction a{position:absolute;top:0;width:60px;height:60px;color:#fff;text-align:center;line-height:60px;text-indent:-9999px;}
.bx-controls-direction a::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;mask:url(/intro/img/icon_arrow_thin-688857d38186dae9067ca34d582ee217.svg) no-repeat;-webkit-mask:url(/intro/img/icon_arrow_thin-688857d38186dae9067ca34d582ee217.svg) 50%/90% no-repeat;background-color:#fff;}
.bx-prev{left:130px;}
.bx-prev::after{transform:rotate(90deg);}
.bx-next{right:100px;}
.bx-next::after{transform:rotate(-90deg);}
.pager-area{position:absolute;left:150px;bottom:60px;right:60px;}
.bx-pager{display:flex;justify-content:center;align-items:center;width:calc(100% - 180px);margin:0 auto;padding:0 100px;}
.bx-pager>div{flex:1;}
.bx-pager>div+div{margin-left:10px;}
.visual h2,.visual h2 *{font-family:"Do Hyeon",sans-serif;font-size:90px;font-weight:normal;letter-spacing:-3px;}
.visual .slide1 h2,.visual .slide1 h2 *{font-family:"Russo One",sans-serif;font-size:100px;font-weight:normal;letter-spacing:5px;}
.visual .bx-pager-item a{display:inline-block;width:100%;height:60px;border:solid 1px rgba(255,255,255,.8);color:#fff;font-size:20px;text-align:center;line-height:60px;}
.visual .bx-pager-item a span{font-family:"Russo One",sans-serif;font-size:inherit;letter-spacing:2px;}
.visual .bx-pager-link.active{color:#333;background-color:rgba(255,255,255,.8);}

.company{background-image:url(/intro/img/bg_company-c7815f7c5e6114e2f50115281a97f8f3.jpg);background-position:0;}
.company em{margin-bottom:15px;font-style:normal;font-size:43px;letter-spacing:-3px;}
.company p,.company span{font-size:20px;line-height:200%;}
.company>div{display:flex;flex-flow:column wrap;justify-content:center;position:absolute;}
.company>div:not(.paragraph3) *{color:#fff;}
.company .paragraph1{left:150px;top:0;width:calc(40% - 150px);height:60%;padding-left:80px;}
.company .paragraph1 h2{position:absolute;left:80px;bottom:0;}
.company .paragraph2{left:150px;bottom:0;width:calc(70% - 150px);height:40%;padding-left:80px;background-color:rgba(0,0,0,.5);}
.company .paragraph2 h2{position:absolute;left:77px;top:-80px;}
.company .paragraph2 p{font-size:24px;}
.company .paragraph3{align-items:center;top:0;left:40%;width:30%;height:60%;background-color:#fff;}
.company .paragraph3 *{display:inline-block;font-family:"Noto Sans KR",sans-serif;font-size:70px;line-height:110%;letter-spacing:-5px;text-align:center;}
.company .paragraph3 p{color:#555;}
.company .paragraph3 p span{font-size:inherit;font-weight:bold;}
.company .paragraph3 strong{display:block;margin:10px 0 5px 0;padding:2px 0;color:#fff;font-size:78px;line-height:78px;letter-spacing:-8px;background:linear-gradient(45deg,#004792,#873385,#ff6633);}
.company .paragraph4{right:0;top:0;width:30%;height:46%;padding-right:60px;align-items:center;}
.company .paragraph5{right:0;bottom:0;width:30%;height:54%;padding-right:60px;align-items:center;}
.company .paragraph4 p,.company .paragraph5 p,.company .paragraph4 em,.company .paragraph5 em{width:75%;}

.greeting{background-image:url(/intro/img/bg_greeting-2aa3c493a26d2947c6563639f0dc45f2.jpg);}
.greeting>div{display:flex;flex-flow:column wrap;justify-content:center;position:absolute;}
.greeting>div:not(.paragraph2) *{color:#fff;}
.greeting .paragraph1{left:150px;justify-content:flex-start;padding-right:30px;bottom:0;width:calc(37% - 150px);height:50%;text-align:right;}
.greeting .paragraph2{top:0;right:0;width:45%;height:50%;padding-left:60px;background-color:#d2d7db;z-index:9;}
.greeting .paragraph2::after{content:"";display:block;position:absolute;right:60px;bottom:0;width:50%;height:80%;background:url(/intro/img/img_ceo-58c1b9e656cf4b5807c6405c7fb9ed54.png) 80% 50%/contain no-repeat;}
.greeting .paragraph2 h3{width:50%;color:#666;font-family:"Noto Sans KR",sans-serif;font-size:40px;font-weight:100;line-height:130%;letter-spacing:-3px;word-break:keep-all;}
.greeting .paragraph2 h3 span{font-family:NotoSansR;font-size:inherit;}
.greeting .paragraph3{right:0;bottom:0;width:63%;height:50%;padding-left:80px;padding-right:60px;}
.greeting .paragraph3::after{content:"";width:calc(50% - 60px);margin-right:60px;height:100%;mask:url(/intro/img/logo-b0d2f284148381390acf53ac91feda0b.svg) 50%/contain no-repeat;-webkit-mask:url(/intro/img/logo-b0d2f284148381390acf53ac91feda0b.svg) 50%/contain no-repeat;background-color:#fff;opacity:.2;}
.greeting .paragraph3 p{width:50%;font-size:20px;line-height:160%;}
.greeting .paragraph3 p+p{margin-top:30px;}
.ceo-name{position:absolute;left:60px;bottom:-30px;display:flex;align-items:center;justify-content:center;width:45%;height:87px;background-color:#fff;z-index:10;}
.ceo-name span{margin-left:15px;font-size:26px;letter-spacing:5px;}

.history{background-image:url(/intro/img/bg_history-1bfd7c0176a025e5f9c0e1a471805f22.jpg);}
.history h2{margin-top:90px;text-align:center;}
.history h3{color:#fff;font-family:"Russo One",sans-serif;font-size:40px;font-weight:normal;text-align:center;line-height:100px;letter-spacing:2px;}
.year1 h3{background-color:rgba(0,71,146,.3);}
.year2 h3{background-color:rgba(135,51,133,.3);}
.year3 h3{background-color:rgba(255,102,51,.3);}
.year-area{display:flex;flex-flow:row wrap;justify-content:space-between;height:calc(100% - 300px);margin-top:60px;padding:0 80px;}
.year-area>div{position:relative;width:33.33%;}
.year-area>div+div::before{content:"";display:block;position:absolute;top:160px;left:0;bottom:0;width:1px;background-color:rgba(255,255,255,.2);}
.year-area ul{margin-top:40px;padding:0 40px;}
.year-area ul *{color:#fff;}
.year-area li{display:flex;flex-flow:row wrap;}
.year-area li+li{margin-top:20px;}
.year-area li strong{width:80px;padding-top:3px;color:rgba(255,255,255,.5);font-family:"Russo One",sans-serif;font-size:28px;font-weight:normal;line-height:200%;letter-spacing:1px;}
.year-area strong span{display:block;color:rgba(255,255,255,.5);font-family:"Russo One",sans-serif;font-size:inherit;line-height:50%;text-indent:20px;}
.year-area dt{font-family:NotoSansR;font-size:30px;}
.year-area dt,.year-area dd{line-height:200%;}
.year-area dd{position:relative;padding-left:20px;font-family:"Noto Sans KR",sans-serif;font-size:20px;}
.year-area dd::before{content:"";display:block;position:absolute;top:50%;left:0;width:7px;height:7px;border:solid 1px #fff;border-radius:100%;transform:translateY(-50%);}
.year-area dd+dd::after{content:"";display:block;position:absolute;top:-15px;left:4px;width:1px;height:32px;background-color:#fff;}

.service h3{margin-top:90px;text-indent:-9999px;height:100px;background-color:#fff;}
.service .bx-controls{left:640px;right:60px;top:50%;bottom:auto;width:calc(100% - 700px);padding:0;transform:none;}
.service .bx-controls-direction a{top:80px;}
.service .bx-controls-direction .bx-prev{left:20px;}
.service .bx-controls-direction .bx-next{right:20px;}
.service .text p{margin:20px 0 80px 0;font-size:30px;text-align:center;}
.service .text span{font-family:NotoSansR;font-size:inherit;}
.service-title{display:flex;align-items:center;position:absolute;top:0;left:150px;height:100%;width:490px;background-color:rgba(0,0,0,.2);z-index:10;transition:.3s;}
.service-title>div{margin:0 80px;color:#fff;transition:.3s;}
.service-title h2{margin-bottom:30px;font-size:75px;line-height:100%;}
.service-title h2 p{font-size:30px;}
.service-title p{padding-left:5px;font-size:24px;line-height:180%;}
.service-title p span{display:block;font-size:inherit;line-height:inherit;}
.service-area{position:relative;}
.slider-service>div{padding-left:640px;padding-right:60px;}
.slider-service>div>div{overflow:hidden;width:calc(100% - 200px);max-width:1000px;margin:0 auto;}
.slider-service>div>div *{color:#fff;}
.sample{height:calc(100% - 420px);margin-top:50px;box-shadow:5px 5px 5px rgba(0,0,0,.2);}
.sample>div{float:left;height:100%;}
.sample .image{width:70%;text-indent:-9999px;background-color:#fff;background-position:50% 0;background-size:100% auto;background-repeat:no-repeat;}
.sample .explain{display:flex;flex-flow:column wrap;width:30%;padding:40px;}
.sample .explain ul{flex:2;}
.sample .explain li{position:relative;padding-left:20px;font-size:20px;line-height:120%;}
.sample .explain li+li{margin-top:10px;}
.sample .explain li::before{content:"";display:block;position:absolute;top:6px;left:0;width:5px;height:13px;transform:rotate(25deg);background-color:#fff;}
.sample .btn-link{display:flex;justify-content:space-between;align-items:center;padding:0 15px;border:solid 1px #fff;height:50px;transition:.3s;}
.sample .btn-link:hover{background:rgba(255,255,255,.1);}
.sample .btn-link::after{content:"";display:inline-block;width:20px;height:20px;mask:url(/intro/img/icon_blank-bd83d78c8bb1ae5924a1b4ebe3c1ac0c.svg) 50%/contain no-repeat;-webkit-mask:url(/intro/img/icon_blank-bd83d78c8bb1ae5924a1b4ebe3c1ac0c.svg) 50%/contain no-repeat;background-color:#fff;}
.service1{background-color:#0b99ac;}
.service1 h3{mask:url(/intro/img/logo_aptgin-49c9728d2b651e8159616a0db71d9521.svg) 50%/contain no-repeat;-webkit-mask:url(/intro/img/logo_aptgin-49c9728d2b651e8159616a0db71d9521.svg) 50%/contain no-repeat;}
.service1 .sample .image{background-image:url(/intro/img/aptgin-041e0f20e41e62329640fdfa8cf0d338.jpg);}
.service2{background-color:#673ab7;}
.service2 h3{mask:url(/intro/img/logo_ginpre-8a4736ae32bab1a3d49374e5bd19800e.svg) 50%/contain no-repeat;-webkit-mask:url(/intro/img/logo_ginpre-8a4736ae32bab1a3d49374e5bd19800e.svg) 50%/contain no-repeat;}
.service2 .sample .image{background-image:url(/intro/img/ginpre-c21de33f157d9ce6d2e794cd2a893171.jpg);}

.awards{background-image:url(/intro/img/bg_awards-a62b53aef02de3cac1728dfdd40e3656.jpg);}
.awards>div{position:absolute;top:0;}
.awards>.paragraph1,.awards .paragraph2 ul{display:flex;align-items:center;}
.awards .paragraph1{justify-content:flex-end;left:150px;width:calc(40% - 150px);height:35%;padding-right:90px;}
.awards .paragraph1 h2{float:right;}
.awards .paragraph2{right:0;width:60%;height:100%;padding-right:60px;}
.awards .paragraph2 ul{justify-content:space-around;width:100%;height:100%;padding:0 80px;}
.awards li{margin-top:-200px;color:#fff;font-size:20px;text-align:center;}
.awards li span{display:block;margin-bottom:10px;font-size:16px;font-weight:bold;letter-spacing:1px;}
.awards li::before{content:"";display:block;width:200px;height:288px;margin-bottom:20px;background-repeat:no-repeat;background-size:contain;}
.awards li:first-child::before{background-image:url(/intro/img/awards1-13bdae472fdefc8a356a35906f1c183d.jpg);}
.awards li:nth-child(2)::before{background-image:url(/intro/img/awards2-85af035007916cf735c7c2b7383ca1b9.jpg);}

.aside-left{left:0;width:150px;background:linear-gradient(-130deg,rgba(0,71,146,.5),rgba(135,51,133,.5),rgba(255,102,51,.5));}
.aside-left ul{overflow:hidden;}
.aside-left li{display:flex;justify-content:center;align-items:center;width:150px;height:150px;border-bottom:solid 1px rgba(255,255,255,.2);cursor:pointer;transition:.3s;}
.aside-left li:hover{background-color:rgba(255,255,255,.1);}
.aside-left li.active{background-color:rgba(255,255,255,.8);}
.aside-left span{display:block;width:100%;height:100%;text-indent:-9999px;}
.aside-left p{margin-top:5px;color:#fff;font-family:Monda,sans-serif;font-size:11px;letter-spacing:0;text-align:center;}
.logo-aptgin{mask:url(/intro/img/logo_aptgin-49c9728d2b651e8159616a0db71d9521.svg) 50%/60% no-repeat;-webkit-mask:url(/intro/img/logo_aptgin-49c9728d2b651e8159616a0db71d9521.svg) 50%/60% no-repeat;background-color:#fff;}
.logo-ginpre{mask:url(/intro/img/logo_ginpre_center-3702b5059563f2e095155478e300d83d.svg) 50%/60% no-repeat;-webkit-mask:url(/intro/img/logo_ginpre_center-3702b5059563f2e095155478e300d83d.svg) 50%/60% no-repeat;background-color:#fff;}
.aside-left li.active span{background-color:transparent;mask:none;-webkit-mask:none;}
.aside-left li.active .logo-aptgin{background:url(/intro/img/logo_aptgin-49c9728d2b651e8159616a0db71d9521.svg) 50%/60% no-repeat;}
.aside-left li.active .logo-ginpre{background:url(/intro/img/logo_ginpre_center-3702b5059563f2e095155478e300d83d.svg) 50%/60% no-repeat;}

.icon-scroll{display:flex;justify-content:center;align-items:center;flex-flow:column wrap;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);}
.scroll{animation-name:scroll;animation-duration:1.5s;animation-timing-function:cubic-bezier(0.650, -0.550, 0.250, 1.500);animation-iteration-count:infinite;transform-origin:50% 20.5px;will-change:transform;}
.mouse{width:20px;height:40px;}

.icon-top{display:none;position:absolute;bottom:40px;left:50%;width:30px;height:30px;transform:translateX(-50%);cursor:pointer;}
.icon-top::before{content:"";display:block;width:30px;height:30px;margin:0 auto;border-radius:100%;border:solid 1px #fff;}
.icon-top::after{content:"";display:block;position:absolute;top:22px;left:10px;width:10px;height:10px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-animation:sdb 1.5s infinite;animation:sdb 1.5s infinite;}
.icon-top p{margin-top:10px;}

.aside-left.end-scroll .icon-scroll{display:none;}
.aside-left.end-scroll .icon-top{display:block;}

.aside-right{display:flex;align-items:center;right:0;width:60px;border-left:solid 1px rgba(255,255,255,.2);background-color:rgba(255,255,255,.1);}
.aside-right li{border-bottom:solid 1px rgba(255,255,255,.2);}
.aside-right li:first-child{border-top:solid 1px rgba(255,255,255,.2);}
.aside-right a{display:block;position:relative;width:60px;height:60px;text-indent:-9999px;transition:.3s;}
.aside-right a:hover{background-color:rgba(255,255,255,.9);}
.aside-right a::before{content:"";position:absolute;top:0;left:0;width:60px;height:60px;background-color:#fff;}
.icon-youtube::before{mask:url(/intro/img/icon_yotube-e7f72a4741edbebc65f61e409954a106.svg) 50%/40% no-repeat;-webkit-mask:url(/intro/img/icon_yotube-e7f72a4741edbebc65f61e409954a106.svg) 50%/40% no-repeat;}
.icon-youtube:hover::before{background-color:#ff0000;}
.icon-blog::before{mask:url(/intro/img/icon_blog-f1a2d63419c589adddc8819c4ba8568f.svg) 50%/40% no-repeat;-webkit-mask:url(/intro/img/icon_blog-f1a2d63419c589adddc8819c4ba8568f.svg) 50%/40% no-repeat;}
.icon-blog:hover::before{background-color:#2fb44a;}
.icon-mail::before{mask:url(/intro/img/icon_mail-637edaebb31870ac97aa743b19b9e611.svg) 50%/40% no-repeat;-webkit-mask:url(/intro/img/icon_mail-637edaebb31870ac97aa743b19b9e611.svg) 50%/40% no-repeat;}
.icon-mail:hover::before{background-color:#004792;}
.icon-share::before{mask:url(/intro/img/icon_share-bb921a7b0511fe41bee281a318cdb09e.svg) 50%/40% no-repeat;-webkit-mask:url(/intro/img/icon_share-bb921a7b0511fe41bee281a318cdb09e.svg) 50%/40% no-repeat;}
.icon-share:hover::before{background-color:#873385;}
.end-scroll{bottom:200px;}

.foot address{margin:10px 0;}
.foot dl{overflow:hidden;}
.foot dt,.foot dd{float:left;line-height:20px;}
.foot dt{margin-right:5px;font-family:NotoSansR;font-size:14px;}
.foot dd{font-size:15px;word-break:keep-all;}
.foot dd+dt{margin-left:20px;}
.foot p:first-child{font-family:NotoSansR;}
.foot p:last-child{font-family:Monda,sans-serif;color:#999;font-size:13px;font-weight:100;letter-spacing:0;}


@keyframes scroll{
	0%,20%{transform:translateY(0) scaleY(1);}
}
@keyframes scroll{
	10%{opacity:1;}
	100%{transform:translateY(36px) scaleY(2);opacity:.01;}
}
@keyframes sdb {
  0% {
    transform: rotate(135deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(135deg) translate(-10px, 10px);
    opacity: 0;
  }
}