@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");
}

@font-face{
    font-family:Y_Spotlight;font-weight:100;
    src: url(https://aptgin.com/cdn/res/fonts/Y_Spotlight.woff) format("woff");
    font-weight:normal;
    font-style:normal;
}

@font-face{
    font-family:GmarketSansLight;
    src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff) format('woff');
    font-weight:normal;
    font-style:normal;
}

*{margin:0;padding:0;box-sizing:border-box;font-family:NotoSansR;font-size:16px;font-weight:100;letter-spacing:-1px;line-height:100%;-webkit-tap-highlight-color:transparent;}
body,p,span,ul,li,dt,dd{font-family:inherit;font-size:inherit;}
a{color:inherit;text-decoration:none;}
ul,ol,li{list-style:none;}
button{cursor:pointer;outline:none;}
p{word-break:keep-all;}
b,strong{font-family:inherit;color:inherit;font-weight:bold;font-size:inherit;}
input,button{border:0;transition:.3s ease-in-out;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input::-webkit-input-placeholder{color:#999;font-size:20px;}
input::-moz-input-placeholder{color:#999;font-size:20px;}
input::-ms-input-placeholder{color:#999;font-size:20px;}
input:focus::-webkit-input-placeholder{color:transparent;}
input:focus::-moz-input-placeholder{color:transparent;}
input:focus:-ms-input-placeholder{color:transparent;}
input:focus::-ms-input-placeholder{color:transparent;}
input[type=number]{font-family:Y_Spotlight;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:rgba(255,255,255,.3);}
::-webkit-scrollbar-track{background-color:rgba(63,88,85,.8);}

/* layout */
html,body{width:100%;height:100%;min-height:480px;}
main,article{overflow:hidden;width:100%;height:100vh;}
aside{position:fixed;top:calc(100% - 60px);left:50%;transform:translateX(-50%);}
footer{padding:30px 0;background-color:#333;}
.inner{display:flex;justify-content:center;align-items:center;max-width:1200px;height:100%;margin:0 auto;}
.sub{max-width:100%;padding:80px 120px 0 60px;}
.foot{max-width:90%;}
.col{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;}
.row{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;}
.row>div{flex:1;}
.content-area{display:flex;flex-flow:row wrap;width:100%;height:100%;}

.logo{display:none;position:fixed;top:40px;left:40px;width:130px;height:36px;text-indent:-9999px;background:url(/landing/img/logo_gin-cca541abaf9d10339e52257aa019b406.svg) 50%/contain no-repeat;opacity:.5;z-index:10;}
.top-menu{display:flex;gap:5px;position:fixed;top:30px;right:30px;z-index:10;}
.top-menu a{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:100%;font-size:0;line-height:0;color:transparent;background-color:rgba(255,255,255,.2);
   transition:.3s;}
.top-menu a::before{content:"";display:block;background-color:#fff;}
.top-menu .icon-gin:hover{background-color:#0b2e4f;}
.top-menu .icon-gin:hover::before{mask:none;background:url(/landing/img/symbol_gin-04ad04584748594a5a5648a4815b3a29.svg) 50%/contain no-repeat;}
.top-menu .icon-gin::before{width:24px;height:24px;}
.top-menu .icon-pre:hover{background-color:#4436a0;}
.top-menu .icon-pre::before{width:30px;height:30px;}
.nav{position:fixed;top:50%;transform:translateY(-50%);right:40px;z-index:10;}
.nav ul{display:flex;flex-flow:column wrap;align-items:flex-end;gap:30px;}
.nav li{position:relative;padding-bottom:10px;color:rgba(255,255,255,.3);font-family:Y_Spotlight;text-align:right;transition:color .3s;cursor:pointer;}
.nav li:hover,.nav li.active{color:#fff;}
.nav li.active::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;border-radius:2px;background-color:#fff;}

/* common */
.hidden,.hide{position:absolute;top:0;left:-9999px;width:0;height:0;font-size:0;line-height:0;color:transparent;}
.tips{color:#acb3b2;text-align:center;}
.text-orange{color:#ff863d!important;}
.text-brown{color:#cdb39a!important;}
.bg-orange{background-color:#e0844c;}
.bg-bluegreen{background-color:#007681;}
.bg-brown{background-color:#b29683;}
.eng-letter{letter-spacing:0;}

.dropdown{display:inline-block;position:relative;border-radius:10px;vertical-align:middle;text-align:left;background-color:#fff;transition:.3s ease-in-out;}
.dropdown+.dropdown{margin-left:10px;}
.dropdown>.dropdown-select{display:flex;align-items:center;cursor:pointer;width:100%;min-width:150px;height:60px;padding:0 70px 0 20px;border-radius:10px;transition:border .3s ease-in-out;}
.dropdown>.dropdown-select>span{font-size:20px;}
.dropdown>.dropdown-select:after{content:"";display:block;position:absolute;right:30px;top:50%;width:10px;height:10px;border-bottom:3px solid #333;border-right:3px solid #333;
   pointer-events:none;transform-origin:66% 66%;transform:translateY(-50%) rotate(45deg);transition:all 0.15s ease-in-out;}
.dropdown>.dropdown-menu{display:none;overflow:hidden;overflow-y:auto;position:absolute;top:60px;width:100%;max-height:500px;left:0;margin-top:0!important;margin-bottom:20px;
   padding:0;border:1px solid #dfe6ef;border-radius:10px;box-shadow:10px 10px 10px rgba(0,0,0,.2);background-color:#fff;z-index:9;}
.dropdown>.dropdown-menu::-webkit-scrollbar-thumb{background:#23b3c6!important;}
.dropdown>.dropdown-menu>li{padding:15px 20px;transition:all .2s ease-in-out;cursor:pointer;}
.dropdown>.dropdown-menu>li:hover{background-color:#eee;}
.dropdown>.dropdown-menu>li:active{color:#007681!important;}

.btn-primary{color:#fff;background-color:#007681;}
.btn-primary:hover,.btn-primary:active{background-color:#008c99;}

/* icon */
.icon-gin::before{-webkit-mask:url(/landing/img/symbol_gin-04ad04584748594a5a5648a4815b3a29.svg) 50%/contain no-repeat;mask:url(/landing/img/symbol_gin-04ad04584748594a5a5648a4815b3a29.svg) 50%/contain no-repeat;}
.icon-pre::before{-webkit-mask:url(/landing/img/symbol_pre-5d6c550f97868e45ec454c1f51659f85.svg) 50%/contain no-repeat;mask:url(/landing/img/symbol_pre-5d6c550f97868e45ec454c1f51659f85.svg) 50%/contain no-repeat;}
.icon-scroll{display:flex;align-items:center;flex-flow:column wrap;}
.icon-scroll p,.icon-top p{margin-top:5px;font-family:NotoSansM;color:#fff;font-size:11px;letter-spacing:0;text-align:center;}
.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:auto;}
.icon-top{display:none;position:absolute;bottom:40px;left:50%;width:34px;height:50px;transform:translateX(-50%);cursor:pointer;z-index:1;}
.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:12px;width:8px;height:8px;border-left:2px solid #fff;border-bottom:2px solid #fff;
   -webkit-animation:sdb 1.5s infinite;animation:sdb 1.5s infinite;}
.end-scroll{top:calc(100% - 92px);}
.end-scroll .icon-top{display:block;}
.end-scroll .icon-scroll{display:none;}

main{height:100%;background:#3f5856 url(/landing/img/bg_visual-68af4fb1e70ce8502267430a9e3fd913.jpg) 50%/cover no-repeat;}
main h2{margin:2% 0;color:#fff;font-family:NotoSansL;}
main h2 span{font-size:26px;text-align:center;letter-spacing:-2px;}
main h2 span::after{content:"";display:inline-block;width:25px;height:2px;margin-left:10px;vertical-align:10px;background-color:#fff;}
main h2 strong{display:block;width:385px;height:190px;margin-bottom:5%;text-indent:-9999px;background:url(/landing/img/logo_ezip-a3bbf21a45b5249cff610599928be272.svg) 50%/contain no-repeat;}
main h3{color:#fff;font-family:NotoSansL;font-size:18px;letter-spacing:-1px;line-height:180%;}
main h3 span{font-size:22px;letter-spacing:-1.5px;}
main h3 strong{color:#cdb39a;font-family:NotoSansM;font-size:30px;}
main h3 b{font-family:NotoSansM;}
main h3+h3{margin-top:1em;}
main h3.text-brown{font-size:28px;letter-spacing:-3px;line-height:160%;}
main h3 strong.text-orange{font-size:35px;}
.main-content{position:relative;display:flex;flex-flow:column nowrap;align-content:center;justify-content:center;flex:1;height:100%;}
.main-content::before,.main-content::after{content:"";display:block;position:absolute;z-index:0;}
.main-area{display:flex;flex-flow:row nowrap;justify-content:space-between;}
.main-left{width:calc(100% - 560px);}
.main-right{float:right;position:relative;width:560px;}
.open-text{margin-top:10%;}
.open-text *{font-family:GmarketSansLight;}
.open-text p:first-child{display:inline-block;color:#fff;font-size:40px;padding-right:150px;background:url(/landing/img/img_stars-c448d6a689e79d1fe8be517d0caf023a.png) right 50% no-repeat;}
.open-text .point{width:614px;height:74px;margin-top:10px;text-indent:-9999px;background:url(/landing/img/img_open_text-c1e9050c07d5ddf3da6621bd23600f2e.png) 50%/contain no-repeat;}
.mobile-video{position:absolute;top:12%;left:0;width:100%;height:680px;}
.mobile-video article{position:relative;width:1200px;height:100%;min-height:500px;margin:0 auto;}
.video-area{display:flex;align-items:center;justify-content:flex-end;position:relative;float:right;width:560px;height:680px;}
.video-area>div{position:absolute;width:326px;height:572px;border:solid 5px #ddd;border-radius:40px;box-shadow:20px 20px 40px rgba(0,0,0,.5);overflow:hidden;
   background:url(/landing/img/img_page1_screen1-8dccd183c2df2a0994e7f0825068a036.jpg) 0/cover no-repeat;transition:.5s;}
.video-area>.video1{top:27px;right:97px;z-index:2;}
.video-area>.video2{top:55px;right:60px;z-index:1;}
.video-area>.video3{top:55px;right:60px;z-index:1;}
.video-area>div.active{top:0;right:140px;z-index:3;}
.video-area>.video1.active+.video2{top:28px;right:97px;z-index:2;}
.video-btn button{position:absolute;left:-10px;color:#fff;font-family:Y_Spotlight;width:150px;height:37px;padding:0 15px;border-left:solid 10px #fff;text-align:left;
   background-color:rgba(255,255,255,.3);z-index:0;}
.video-btn button:hover,.video-btn button:active{color:#333;background-color:#fff;}
.video-btn .btn1{top:50px;}
.video-btn .btn2{top:95px;}
.video-btn .btn3{top:140px;}
.video-btn .active{left:-20px;width:130px;border-color:#f08544;z-index:5;}
.video-btn .active:hover,.video-btn .active:active{color:#fff;}
.video-btn .btn1.active{background-color:#645347;}
.video-btn .btn2.active{border-color:#007681;background-color:#f08544;}
.video-btn .btn3.active{background-color:#007681;}
.download-area{padding-top:5%;}
.download-area .row{justify-content:space-between;}
.download-area .col:first-child{align-items:flex-start;}
.download-area .col:last-child{align-items:flex-end;}
.download-area a{display:inline-block;width:170px;height:50px;text-indent:-9999px;background-position:50%;background-size:contain;background-repeat:no-repeat;transition:.3s;}
.download-area a:hover{transform:translateY(-3px);box-shadow:10px 10px 10px rgba(0,0,0,.2);}
.download-area a+a{margin-left:10px;}
.download-area .script{margin-bottom:20px;color:#fff;font-size:24px;}
.download-area .tips{position:relative;width:530px;margin-bottom:20px;text-align:center;}
.download-area .tips::before,.download-area .tips::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);width:190px;height:1px;background-color:rgba(255,255,255,.3);}
.download-area .tips::before{left:0;}
.download-area .tips::after{right:0;}
.download-area .btn-manual{display:flex;align-items:center;justify-content:center;border-radius:5px;border:solid 3px #333;color:#333;font-family:Y_Spotlight;font-size:18px;text-indent:0;background-color:#fff;}
.download-area .btn-manual::before{content:"";display:inline-block;width:20px;height:20px;margin-right:5px;}
.download-area .disabled{opacity:.3;cursor:default;}
.download-area .disabled:hover{transform:none;box-shadow:none;}
.btn-play-store{background-image:url(/landing/img/img_play_store-88eb3d9ab3328446df7abcba3b37fc53.png);}
.btn-app-store{background-image:url(/landing/img/img_app_store-b75706521c0a78c870c33f29c524638b.png);}

section h2{margin-bottom:50px;color:#fff;font-size:60px;font-family:Y_Spotlight;letter-spacing:-3px;}
.page1 h2 b{color:#fff000;}
.page1 .explain-list dt{background-color:#9e4700;}
.page1 .explain-list dd::before{background-image:url(/landing/img/icon_bulet_orange-bd9d204748cbc5000d5e6565e26b3713.svg);}
.page2 h2 b{color:#00e3db;}
.page2 .explain-list dt{background-color:#00444a;}
.page2 .explain-list dd::before{background-image:url(/landing/img/icon_bulet_green-c06786a6bc10327b458bab0d7a868435.svg);}
.page3 h2 b{color:#ffd9c0;}
.page3 .explain-list dt{background-color:#645347;}
.page3 .explain-list dd::before{background-image:url(/landing/img/icon_bulet_brown-733d9a9bfe069d328b5406b6d4df8965.svg);}

.screen-shot{position:relative;width:700px;background:url(/landing/img/bg_mobile-00c747ae651910ed74c2e7ba39ec726a.png) 50% 0 no-repeat;z-index:5;}
.screen-shot .bx-wrapper{position:absolute;top:190px;left:50%;width:460px;transform:translateX(-50%);}
.screen-shot .bx-pager{position:absolute;top:-180px;left:50%;transform:translateX(-50%);text-align:center;}
.screen-shot .bx-pager-item{display:inline-block;vertical-align:middle;margin:0 5px;}
.screen-shot .bx-pager-item a{display:block;width:10px;height:10px;border-radius:100%;color:transparent;font-size:0;line-height:0;text-indent:-9999px;background-color:rgba(255,255,255,.3);}
.screen-shot .bx-pager-item a.active{width:25px;height:10px;border-radius:5px;background-color:#fff;}
.screen-shot .bx-controls-direction a{position:absolute;top:50%;width:50px;height:50px;border-bottom:3px solid #fff;border-right:3px solid #fff;text-indent:-9999px;}
.screen-shot .bx-prev{left:-100px;transform:translateY(-150px) rotate(130deg);box-shadow:5px 5px 0 rgba(0,0,0,.1);}
.screen-shot .bx-next{right:-100px;transform:translateY(-150px) rotate(-45deg);box-shadow:5px 5px 0 rgba(0,0,0,.1);}
.display img{height:auto;}

.explain{width:calc(100% - 700px);padding-top:20px;padding-left:100px;}
.explain-area{position:relative;height:calc(100% - 110px);padding-top:50px;}
.explain-text{position:absolute;z-index:1;}
.explain-list{position:relative;padding-left:150px;}
.explain-list::before{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100px;height:100px;}
.explain-list+.explain-list{margin-top:70px;}
.explain-list dt{display:inline-block;margin-bottom:30px;padding:10px 20px;border-radius:25px;color:#fff;font-size:30px;font-family:Y_Spotlight;}
.explain-list dd{position:relative;padding-left:35px;color:#fff;font-size:24px;line-height:130%;}
.explain-list dd::before{content:"";position:absolute;top:5px;left:10px;width:16px;height:16px;background-position:50%;background-size:contain;background-repeat:no-repeat;}
.explain-list dd+dd{margin-top:5px;}
.explain-strong{width:100%;margin-top:70px;color:#fff;font-family:Y_Spotlight;text-align:center;}
.explain-strong strong{display:inline-block;margin-bottom:10px;padding:0 10px;color:#fff;font-size:60px;font-weight:normal;background-color:#3f5856;}
.explain-strong p{font-size:50px;padding:10px;}
.explain-strong span{color:#ffd9c0;font-weight:bold;}
.text-bg{position:absolute;top:0;left:-200px;right:-120px;height:650px;
   background:rgba(0,0,0,.1) repeating-linear-gradient(-45deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 4px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 8px);z-index:0;}

.icon-find-apt::before{background:url(/landing/img/icon_find_apt-c056fcc039284a40f14a03056eb35747.svg) 50%/contain no-repeat;}
.icon-connect::before{background:url(/landing/img/icon_connect-63b59a41f7d2c7d517f3d88c7a44d8a2.svg) 50%/contain no-repeat;}
.icon-talk::before{background:url(/landing/img/icon_talk-d7d99f2b4023020ad70d5ddc8b68c53e.svg) 50%/contain no-repeat;}
.icon-sell-apt::before{background:url(/landing/img/icon_sell_apt-61ed1b8adf4190618487355fe69b5a7b.svg) 50%/contain no-repeat;}
.icon-sell-quick::before{background:url(/landing/img/icon_sell_quick-96428f471b15895ac2a6896698528b17.svg) 50%/contain no-repeat;}
.icon-scale::before{background:url(/landing/img/icon_scale-12af35ac518ea63cebbb635c89f5a262.svg) 50%/contain no-repeat;}
.icon-cusomers::before{background:url(/landing/img/icon_customers-4af07130d81f143b42aeed82ad5c2fab.svg) 50%/contain no-repeat;}
.icon-sales::before{background:url(/landing/img/icon_sales-7707c4024ebedc3a8abe42183d5bddc9.svg) 50%/contain no-repeat;}
.icon-user::before{background:url(/landing/img/icon_user-e1414a97906fa4ee5c281cdca9628c9a.svg) 50%/contain no-repeat;}
.icon-realtor::before{background:url(/landing/img/icon_realtor-060a65b46af71e7bec30f10c29f01d27.svg) 50%/contain no-repeat;}
.icon-post{background:url(/landing/img/icon_post-2bf3459dd64cda82cdb759c8402165bd.jpg) 50%/contain no-repeat;}
.icon-kakao-ch{background:url(https://aptgin.com/cdn/res/icon/common/png/icon_kakao_ch.png) 50%/cover no-repeat;}

.nav-mobile{display:none;}
.mobile-page{display:none;background-color:#3f5856;}
.mobile-page .form-area{margin:0;padding:3em 0;border-bottom:0;}
.mobile-page .form-area h4{margin-bottom:0;font-size:2.3rem;letter-spacing:-1px;}
.mobile-page .download-area{width:100%;margin:0;padding:2em 0;}
.mobile-page .download-area .script{margin-bottom:1em;font-size:1.5rem;}
.mobile-page .download-area .col+.col{margin-top:2em;}
.mobile-page .download-area .script span{font-family:NotoSansR;font-size:1rem;}
.mobile-page .form-area{gap:1em;}
.mobile-page .form-area .row>div{flex:none;}
.mobile-page .form-area .input-form input{width:calc(100% - 100px);}
.mobile-page .form-area p{font-size:.8rem;line-height:130%;}
.mobile-page .dropdown>.dropdown-select{min-width:auto;}
.mobile-page button{box-shadow:10px 10px 10px rgba(0,0,0,.2);font-family:Y_Spotlight;}

.foot-logo{display:flex;justify-content:center;align-items:center;width:20%;}
.foot-logo::before{content:"";display:block;width:90px;height:52px;background-color:#fff;-webkit-mask:url(/landing/img/logo_ginplus-c63ad0d913f19113b208c33c31650e6a.svg) 50%/contain no-repeat;mask:url(/landing/img/logo_ginplus-c63ad0d913f19113b208c33c31650e6a.svg) 50%/contain no-repeat;}
.foot-address{width:80%;}
.foot address{margin:5px 0;}
.foot address *{font-style:normal;}
.foot dl{overflow:hidden;}
.foot dt,.foot dd{float:left;line-height:20px;}
.foot dt{color:rgba(255,255,255,.5);margin-right:10px;font-family:NotoSansR;font-size:12px;}
.foot dd{color:#fff;font-size:13px;}
.foot dd+dt{margin-left:30px;}
.foot p{color:#fff;}
.foot p:first-child{font-family:NotoSansR;}
.foot p:last-child{color:#999;font-size:13px;font-weight:100;letter-spacing:0;}
.foot-link{display:flex;justify-content:center;margin-left:10px;}
.foot-link>a{display:inline-block;width:50px;height:50px;border-radius:100%;text-indent:-9999px;background-size:contain;}
.foot-link>a+a{margin-left:10px;}

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

@media (max-height:1000px){
   .mobile-video{top:8%;}
}

@media (max-height:950px){
   .mobile-video{top:6%;}
}

@media (max-height:901px){
   main h2 span{font-size:18px;letter-spacing:-1px;}
   main h2 span::after{width:20px;vertical-align:6px;}
   main h2 strong{width:275px;height:140px;}
   main h3{font-size:16px;letter-spacing:-.5px;}
   main h3 span{font-size:20px;}
   main h3 strong{font-size:24px;}
   main h3.text-brown{font-size:22px;letter-spacing:-1px;}
   main h3 strong.text-orange{font-size:26px;}
   section h2{margin-bottom:8%;font-size:40px;letter-spacing:-1px;}

   .main-content{padding:0 70px;}
   .mobile-video{top:12%;height:550px;}
   .open-text p:first-child{font-size:24px;letter-spacing:0;}
   .open-text .point{width:450px;}
   .video-area>div{width:257px;height:450px;}
   .video-btn button{left:60px;}
   /*.video-btn .active{left:130px;}*/
   .video-btn .active{left:50px;}

   .open-text .point{width:400px;}
   .download-area .script{font-size:18px;}
   .download-area a{width:135px;height:40px;}
   .download-area .btn-manual{font-size:14px;}
   .download-area .btn-manual::before{width:16px;height:16px;}
   .download-area .tips{width:425px;font-size:14px;}
   .download-area .tips::before,.download-area .tips::after{width:150px;}

   .explain-list{padding-left:120px;}
   .explain-list dt{margin-bottom:20px;font-size:20px;}
   .explain-list dd{font-size:20px;}
   .explain-list dd::before{top:2px;width:14px;height:14px;}

   .sub{padding-top:2%;}
   .explain-area{padding-top:8%;}
   .explain-list+.explain-list{margin-top:8%;}
   .explain-strong strong{font-size:50px;}
   .explain-strong p{font-size:40px;}
}

@media (max-height:721px){
   main, article{min-height:600px;}
   main h2 span{font-size:16px;}
   main h2 span::after{width:15px;}
   main h2 strong{width:220px;height:115px;}
   section h2{margin-bottom:3%;font-size:36px;}

   .mobile-video{top:8%;height:500px;}
   .video-area>div{width:228px;height:400px;}
   .video-btn button{left:86px;}
   /*.video-btn .active{left:155px;}*/
   .video-btn .active{left:75px;}
   .open-text{margin-top:7%;}
   .download-area{padding-top:3%;}
   .explain-area{padding-top:3%;}
   .explain{margin-top:0;}
}

@media (max-width:1800px){
   .screen-shot{width:450px;background-size:450px auto;}
   .screen-shot .bx-wrapper{top:135px;width:325px;}
   .screen-shot .bx-pager{top:-145px;}
   .screen-shot .bx-controls-direction .bx-prev{left:-80px;transform:translateY(-70%) rotate(130deg);}
   .screen-shot .bx-controls-direction .bx-next{right:-80px;transform:translateY(-70%) rotate(-45deg);}
   .explain{width:calc(100% - 450px);}
}

@media (max-width:1400px){
   .main-right{width:490px;margin-right:70px;}
   .video-btn .active{left:-20px;}
   .video-btn button{left:-9px;}
}

@media (max-width:1199px){
   html,body{overflow-x:hidden;}
   *{font-size:.9rem;letter-spacing:-.5px;}
   main,article{overflow:visible;width:100%;height:auto;min-height:auto;}
   main{position:relative;}
   .main-content::before,.main-content::after{display:none;}
   main .form-area,main .download-area,.nav{display:none;}
   main h2{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;margin-top:0;text-align:center;}
   main h2 span{font-size:24px;}
   main h2 strong{width:250px;height:160px;margin-bottom:0;}
   main h3{font-size:1.5rem;letter-spacing:-.5px;text-align:center;}
   main h3 strong{font-size:inherit;}
   main h3 span{font-size:1.6rem;}
   main h3.text-brown{font-size:1.7rem;}
   main h3 strong.text-orange{font-size:2.3rem;}
   section article{visibility:hidden;opacity:0;}
   section article.active{position:absolute;top:0;left:0;right:0;visibility:visible;opacity:1;}
   section h2{position:absolute;top:110px;left:0;right:0;font-size:2rem;margin:0;text-align:center;letter-spacing:-1px;}
   aside{display:none;left:auto;right:1em;transform:none;}
   header.fixed{background-color:#fff;}

   .main-content{padding:5em 2em;}
   .mobile-video{position:static;height:100%;top:auto;left:auto;}
   .mobile-video article{width:100%;height:100vh;min-height:100%;margin:0;visibility:visible;opacity:1;}
   .main-left{display:flex;flex-flow:column wrap;align-content:center;justify-content:center;width:100%;}
   .main-right{float:none;width:100%;height:100%;margin:0;padding:0;transition:none;}
   .open-text{display:flex;flex-flow:column nowrap;align-items:center;margin-top:4em;}
   .open-text .point{width:80%;}
   .video-area{display:block;float:none;width:100%;height:100%;transition:none;}
   .video-area>div{display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;
         border:0;border-radius:0;box-shadow:none;z-index:0;transition:none;background-image:none;background-color:#000;}
   .video-area .active{z-index:1;}
   .video-area>.video1,.video-area>.video2,.video-area>.video3,.video-area>.video1.active+.video2{top:0;}
   .video-btn{position:absolute;top:0;left:0;right:0;z-index:5;}
   .video-btn .active{left:auto;right:395px;width:120px;}
   .video-btn button{position:absolute;height:60px;font-size:1.5rem;text-align:center;z-index:3;border-left-color:transparent;background-color:rgba(0,0,0,.6);z-index:5;}
   .video-btn button:hover,.video-btn button:active{border-left-color:transparent;}
   .video-btn .btn1{top:0;left:0;right:auto;width:33.333%;}
   .video-btn .btn2{top:0;right:0;left:33.333%;width:33.333%;}
   .video-btn .btn3{top:0;right:0;left:auto;width:33.333%;}
   .video-btn .active{color:#fff;border-color:transparent!important;}

   .page-area{position:relative;overflow:hidden;background-color:#e0844c;}
   .mobile-page,.nav-mobile{display:block;}
   .mobile-page h2{position:static;}
   .logo{position:absolute;top:1.5em;left:1.5em;width:80px;height:20px;}
   .top-menu{display:none;position:absolute;top:1em;right:1em;}
   .top-menu a{width:40px;height:40px;}
   .top-menu .icon-gin::before{width:20px;height:20px;}
   .top-menu .icon-pre::before{width:24px;height:24px;}
   .inner{margin:0;padding:0 2em;max-width:100%;}

   .nav-mobile{display:block;position:absolute;top:0;left:0;right:0;z-index:1;}
   .nav-mobile ul{display:flex;}
   .nav-mobile li{display:flex;align-items:center;justify-content:center;color:#fff;height:60px;flex:1;border-top:solid 1px rgba(255,255,255,.3);font-size:1.3rem;
      background-color:rgba(0,0,0,.5);}
   .nav-mobile li+li{border-left:solid 1px rgba(255,255,255,.3);}
   .nav-mobile .menu1.active{border-color:#e0844c;background-color:#e0844c;}
   .nav-mobile .menu1.active+li{border-left-color:#e0844c;}
   .nav-mobile .menu2.active{border-color:#007681;background-color:#007681;}
   .nav-mobile .menu2.active+li{border-left-color:#007681;}
   .nav-mobile .menu3.active{border-color:#b29683;background-color:#b29683;}
   .mobile-page .download-area .script{width:100%;margin-bottom:.5em;text-align:center;}
   .mobile-page .input-form{gap:1em;}
   .download-area .tips::before,.download-area .tips::after{display:none;}

   .content-area{flex-flow:column wrap;align-items:center;height:auto;padding-top:190px;}
   .screen-shot{width:300px;height:560px;background-size:300px auto;}
   .screen-shot .bx-wrapper{top:88px;width:218px;}
   .screen-shot .bx-pager{top:-100px;}
   .screen-shot .bx-controls-direction a{width:30px;height:30px;}

   .explain{width:100%;height:auto;padding:0;}
   .explain-area{position:relative;height:100%;padding:3em 1em;margin:0 -2em;
      background:rgba(0,0,0,.1) repeating-linear-gradient(-45deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 4px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 8px);}
   .explain-text{position:static;}
   .explain-list{padding-left:0;}
   .explain-list::before{display:none;}
   .explain-list+.explain-list{margin-top:3em;}
   .explain-list dt{font-size:1.2rem;}
   .explain-list dd{font-size:1rem;}
   .explain-strong{margin-top:3em;}
   .explain-strong strong{font-size:3rem;}
   .explain-strong p{font-size:2rem;}
   .text-bg{display:none;}
   .foot-logo::before{width:70px;height:40px;}
}

@media (max-width:1000px){
   .main-area{flex-flow:column nowrap;}
   .main-content{justify-content:flex-start;}
   .main-left,.main-right{width:100%;}
}

@media (max-width:768px){
   main h3{font-size:1.2rem;}
   main h3 span{font-size:1.3rem;}
}

@media (max-width:699px){
   input::-webkit-input-placeholder{font-size:1rem;}
   input::-moz-input-placeholder{font-size:1rem;}
   input::-ms-input-placeholder{font-size:1rem;}
   input, button{padding:0 1em;}
   .screen-shot .bx-controls-direction a{width:30px;height:30px;}
   .screen-shot .bx-controls-direction .bx-prev{left:-60px;}
   .screen-shot .bx-controls-direction .bx-next{right:-60px;}
   .screen-shot .bx-pager-item a{width:5px;height:5px;}
   .screen-shot .bx-pager-item a.active{width:15px;height:5px;}
   .mobile-page .form-area h4{font-size:2rem;line-height:130%;word-break:keep-all;}
   .inner.foot{position:relative;padding-top:70px;flex-flow:column wrap;}
   .foot-logo{display:none;}
   .foot-address{width:100%;}
   .foot p:first-child{margin-bottom:1em;font-size:1rem;}
   .foot dl{display:flex;flex-flow:column wrap;}
   .foot dt{font-size:.7rem;}
   .foot dd{font-size:.8rem;}
   .foot dd+dt{margin-left:0;margin-top:1em;}
   .foot-link{position:absolute;top:0;left:0;right:0;margin-left:0;padding:0 2em;text-align:center;}
   .input-form input{height:50px;font-size:1rem;}
   .dropdown>.dropdown-select{height:50px;padding:0 40px 0 10px;}
   .dropdown>.dropdown-select:after{width:7px;height:7px;right:15px;}
   .dropdown>.dropdown-select>span{font-size:1rem;}
   .dropdown>.dropdown-menu{top:50px;}

   main h2 span{font-size:1.1rem;}
   main h2 span::after{width:15px;}
   main h2 strong{width:140px;height:70px;margin-top:.2em;}

   main h3{font-size:1rem;}
   main h3 span{font-size:1.1rem;}
   main h3.text-brown{font-size:1.2rem;letter-spacing:-1px;}
   main h3 strong.text-orange{font-size:1.5rem;}

   .main-content{padding:3em 0;}
   .mobile-page .download-area a{width:150px;height:45px;}
}

@media (max-width:470px){
   main h3{font-size:.9rem;}
   main h3 span{font-size:1rem;}
   main h3.text-brown{font-size:1.1rem;letter-spacing:-1px;}
   main h3 strong.text-orange{font-size:1.4rem;}
   .mobile-page .download-area .col .row{flex-flow:column nowrap;width:100%;}
   .mobile-page .download-area a{width:170px;height:50px;}
   .mobile-page .download-area a+a{margin-left:0;margin-top:1em;}
   .mobile-page .download-area .col{justify-content:center;}
}

@media (max-width:399px){
   .screen-shot{width:250px;height:500px;background-size:250px auto;}
   .screen-shot .bx-wrapper{top:75px;width:180px;}
}

@media (max-width:350px){
   section h2{font-size:1.5rem;}
   .download-area a{width:130px;height:45px;}
}