@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);@import url("https://fonts.googleapis.com/css2?family=Rozha+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap");body,html{margin:0}li,ol,ul{list-style-type:none;margin:0;padding:0}figure,h1,h2,h3,h4,p{margin:0}img{vertical-align:top}a{text-decoration:none}button{cursor:pointer}video{font-size:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-family:Spoqa Han Sans Neo,sans-serif;font-size:18px;font-weight:400}.mail div>a p b,.menu>div span a,.start figcaption,footer a article h2{font-family:Rozha One,serif;font-weight:400}.contit h2,.detail .left small,footer a article small{font-family:Montserrat,sans-serif;font-weight:600}.start{height:100vh;opacity:0;position:relative;text-align:center;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:1s;transition:1s;width:100%}.start p{height:95vh;margin:0 auto;overflow-y:hidden;padding-top:12vh;-webkit-transition:.5s;transition:.5s;width:80%}.start p.active{padding-top:0;width:100%}.start p img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.start figcaption{-webkit-text-stroke:2px #fff;color:transparent;cursor:default;font-size:80px;left:50%;line-height:1;position:absolute;text-shadow:5px 5px 10px rgba(0,0,0,.5);top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.5s;transition:.5s;white-space:pre-line}.start figcaption:hover{-webkit-text-stroke:none;color:#fff;opacity:.8}.detail .left ul li:nth-of-type(2) b,.detail .right div:first-of-type b{color:#333}.detail .right div:nth-of-type(2) a:first-of-type{background:#333}.detail .right div:nth-of-type(2) a:nth-of-type(2):hover{border:1px solid #333;color:#333}.contit p b{color:#333}.contit h2,.contit p{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.5s;transition:.5s}.contit p{-webkit-transition-delay:.3s;transition-delay:.3s}body{-ms-overflow-style:none;position:relative;width:100%}body::-webkit-scrollbar{display:none}header{height:130px;position:fixed;width:100%;z-index:30}.ttop{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:130px;justify-content:space-between;margin:0 auto;width:90%}.burger{cursor:pointer;width:30px;z-index:30}.burger.active:hover span:first-of-type,.burger.active span:first-of-type{background-color:#737373;-webkit-transform:rotate(-45deg) translateY(2px);transform:rotate(-45deg) translateY(2px);width:100%}.burger.active:hover span:nth-of-type(2),.burger.active span:nth-of-type(2){display:none}.burger.active:hover span:nth-of-type(3),.burger.active span:nth-of-type(3){background-color:#737373;-webkit-transform:rotate(45deg) translateY(-2px);transform:rotate(45deg) translateY(-2px);width:100%}.burger.black span{background-color:#fff}.burger:hover span:first-of-type{width:51%}.burger:hover span:nth-of-type(2){width:90%}.burger:hover span:nth-of-type(3){width:30%}.burger span{background-color:#111;display:block;height:3px;-webkit-transition:.5s;transition:.5s;width:93%}.burger>span:nth-of-type(2){margin:7px 0;width:49%}.burger>span:nth-of-type(3){width:70%}.logo{background-image:url(../img/logo1.png);display:block;height:58px;margin-top:10px;width:45px}.logo,.logo.black{background-position:top;background-repeat:no-repeat;background-size:cover}.logo.black{background-image:url(../img/logo2.png)}.menu{background:#111;height:100vh;left:-100%;-webkit-transition:.5s;transition:.5s;width:60%;z-index:29}.menu,.menu.active{position:absolute;top:0}.menu.active{left:0}.menu>div{margin:0 auto;padding:150px 0 80px;width:80%}.menu>div span{height:110px;margin:25px 0;overflow:hidden;width:50%}.menu>div span,.menu>div span a{display:block;-webkit-transition:.5s;transition:.5s}.menu>div span a{color:#fff;font-size:80px}.menu>div span a:nth-of-type(2){color:#1a73e8}.menu ul{margin-left:10%;max-width:500px;min-width:400px;width:70%}.menu ul:before{border-top:2px solid #1a73e8;content:"";display:block;margin-bottom:40px;width:100%}.menu ul li:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex}.menu ul li:first-of-type>div{margin-bottom:35px}.menu ul li:first-of-type>div span{color:#676767;display:block;font-size:15px;font-weight:600;margin-bottom:5px}.menu ul li:first-of-type>div p{color:#fff;font-size:15px;font-weight:400}.menu ul li:first-of-type>div:first-of-type{margin-right:66px}.menu ul li:nth-of-type(2){-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}.menu ul li:nth-of-type(2) a{display:block;height:22px;margin-right:22px;width:22px}.menu ul li:nth-of-type(2) a:first-of-type{background-image:url(../img/icon_mail1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:first-of-type:hover{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.menu ul li:nth-of-type(2) a:nth-of-type(2){background-image:url(../img/icon_git1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:nth-of-type(2):hover{background-image:url(../img/icon_git2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.menu ul li:nth-of-type(2) a:nth-of-type(3){background-image:url(../img/icon_kakao1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:nth-of-type(3):hover{background-image:url(../img/icon_kakao2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.menu ul li:nth-of-type(2) a:nth-of-type(4){background-image:url(../img/icon_insta1.png);background-position:top;background-repeat:no-repeat;background-size:cover;-webkit-transition:.5s;transition:.5s}.menu ul li:nth-of-type(2) a:nth-of-type(4):hover{background-image:url(../img/icon_insta2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mail{height:auto;position:fixed;right:5%;top:140px;z-index:25}.mail div,.mail div>a{cursor:pointer}.mail div>a{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.mail div>a p{font-size:14px;font-weight:400;letter-spacing:3px;-webkit-transition:.5s;transition:.5s}.mail div>a p b{color:#1a73e8;font-size:19px;font-weight:500}.mail div>a figure{background-image:url(../img/icon_contact1.png);background-position:top;background-repeat:no-repeat;background-size:cover;display:block;height:18px;margin:10px 4px 0 0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:.5s;transition:.5s;width:18px}.mail div:hover a p{color:#1a73e8}.mail div:hover>a figure{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mail.black div{opacity:.5;-webkit-transition:.5s;transition:.5s}.mail.black div a p{color:#fff}.mail.black div a figure{background-image:url(../img/icon_contact2.png);background-position:top;background-repeat:no-repeat;background-size:cover}.mail.black div:hover{opacity:1}.mail.black div:hover a figure{background-image:url(../img/icon_mail2.png);background-position:top;background-repeat:no-repeat;background-size:cover}::-moz-selection{background:#111;color:#1a73e8}::selection{background:#111;color:#1a73e8}@media (max-width:1280px){.menu{width:70%}}@media (max-width:1024px){.menu{height:100vh;width:100%}.menu>div{padding:13vh 0 7vh}.menu>div span{height:auto;overflow:visible}.menu>div span a{font-size:90px}.menu>div span a:nth-of-type(2){display:none}.menu ul{max-width:none;min-width:none;width:70%}.menu ul li:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex}.menu ul li:first-of-type>div span{font-size:18px;font-weight:600}.menu ul li:first-of-type>div p{color:#fff;font-size:18px;font-weight:400}.menu ul li:first-of-type>div:first-of-type{margin-right:10%}.menu ul li:nth-of-type(2){-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start}.menu ul li:nth-of-type(2) a{height:25px;margin-right:5%;width:25px}}@media (max-width:700px){.menu{height:100vh;width:100%}.menu>div{padding:14vh 0 10vh}.menu>div span{margin:1.5vh 0}.menu>div span a{font-size:2.5em}.menu>div span a:nth-of-type(2){display:none}.menu ul{max-width:none;min-width:none;width:100%}.menu ul:before{width:65%}.menu ul li:first-of-type{display:inherit}.menu ul li:first-of-type>div{margin-bottom:25px}.menu ul li:first-of-type>div span{font-size:10px;font-weight:600}.menu ul li:first-of-type>div p{font-size:10px;font-weight:400}.menu ul li:first-of-type>div:first-of-type{margin-bottom:15px;margin-right:0}.menu ul li:nth-of-type(2) a{height:15px;margin-right:3%;width:15px}.ttop{height:80px;width:85%}.burger{width:22px}.burger.active:hover span:first-of-type,.burger.active span:first-of-type{-webkit-transform:rotate(-45deg) translateY(1px);transform:rotate(-45deg) translateY(1px)}.burger.active:hover span:nth-of-type(3),.burger.active span:nth-of-type(3){-webkit-transform:rotate(45deg) translateY(-1px);transform:rotate(45deg) translateY(-1px)}.burger span{display:block;height:2px;width:93%}.burger>span:nth-of-type(2){margin:4px 0;width:49%}.logo{background-image:url(../img/logo1.png);background-position:top;background-position:top top;background-repeat:no-repeat;background-size:cover;display:block;height:27px;margin-top:0;width:19px}.mail{height:auto;position:fixed;right:5%;top:85px;z-index:20}.mail div>a{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:center;-ms-flex-pack:center;align-items:flex-start;cursor:pointer;display:block;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}.mail div>a p{font-size:9px;font-weight:400;letter-spacing:2px}.mail div>a p b{font-size:12px;font-weight:500}.mail div>a figure{height:12px;margin:5px 2px 0 0;width:12px}}@-webkit-keyframes opaci{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}@keyframes opaci{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(3px);transform:translateY(3px)}20%{-webkit-transform:translateY(6px);transform:translateY(6px)}30%{-webkit-transform:translateY(9px);transform:translateY(9px)}40%{-webkit-transform:translateY(12px);transform:translateY(12px)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}60%{-webkit-transform:translateY(18px);transform:translateY(18px)}70%{-webkit-transform:translateY(21px);transform:translateY(21px)}80%{-webkit-transform:translateY(24px);transform:translateY(24px)}90%{-webkit-transform:translateY(27px);transform:translateY(27px)}to{-webkit-transform:translateY(30px);transform:translateY(30px)}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(3px);transform:translateY(3px)}20%{-webkit-transform:translateY(6px);transform:translateY(6px)}30%{-webkit-transform:translateY(9px);transform:translateY(9px)}40%{-webkit-transform:translateY(12px);transform:translateY(12px)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}60%{-webkit-transform:translateY(18px);transform:translateY(18px)}70%{-webkit-transform:translateY(21px);transform:translateY(21px)}80%{-webkit-transform:translateY(24px);transform:translateY(24px)}90%{-webkit-transform:translateY(27px);transform:translateY(27px)}to{-webkit-transform:translateY(30px);transform:translateY(30px)}}@-webkit-keyframes load{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes load{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}body{-webkit-transition:background-color 1s linear;transition:background-color 1s linear}.detail{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto 200px;width:70%}.detail,.detail .left{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.detail .left{-webkit-box-pack:start;-ms-flex-pack:start;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;width:50%}.detail .left h2{font-size:35px;font-weight:500}.detail .left small{color:#aaa;margin-left:20px}.detail .left ul{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;padding-top:20px;width:100%}.detail .left ul li{font-size:16px;font-weight:300;line-height:1.7;white-space:pre-line}.detail .left ul li:first-of-type{color:#aaa;padding-right:50px;white-space:pre-line}.detail .left ul li:nth-of-type(2) b{color:#0088e7;font-size:16px;font-weight:300}.detail .right{height:200px;white-space:pre-line}.detail .right div:first-of-type{font-size:16px;font-weight:300;line-height:1.7}.detail .right div:first-of-type b{color:#0088e7;font-size:16px;font-weight:300}.detail .right div:nth-of-type(2){-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:start;-ms-flex-pack:start;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;text-align:center}.detail .right div:nth-of-type(2) a{border-radius:40px;font-size:15px;font-weight:300;margin-right:30px;padding:12px 0;-webkit-transition:.5s;transition:.5s;width:200px}.detail .right div:nth-of-type(2) a:hover{-webkit-box-shadow:3px 5px 10px rgba(0,0,0,.2);box-shadow:3px 5px 10px rgba(0,0,0,.2);-webkit-transform:translate(-2px,-2px);transform:translate(-2px,-2px)}.detail .right div:nth-of-type(2) a:first-of-type{background:#0088e7;color:#fff}.detail .right div:nth-of-type(2) a:nth-of-type(2){border:1px solid #333}.detail .right div:nth-of-type(2) a:nth-of-type(2):hover{border:1px solid #0088e7;color:#0088e7}.contit{white-space:inherit;width:30%}.contit h2{font-size:24px;font-weight:600}.contit p{font-size:15px;font-weight:300;line-height:1.7}.contit p b{color:#0088e7;font-size:15px;font-weight:500;position:relative}.start figcaption{font-size:65px;font-weight:400}.row1{background-image:url(../img/market_bg1.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;overflow-x:hidden;padding-bottom:100px;width:100%}.row1 .line1{line-height:1.5;margin:0 auto;padding-top:0;white-space:pre-line;width:75%}.row1 .line1 h2,.row1 .line1 h2>b{font-size:30px;font-weight:600}.row1 .line1 h2>b{color:#0088e7}.row1 .line1 p{font-size:15px;font-weight:300}.row1 .line1 p>b{font-size:15px;font-weight:500}.row1 div{margin:50px 0 0 30%;width:90%}.row1 div img,.row2 figure,.row2 figure img{width:100%}.row2 .contit{margin-left:25%;padding:50px 0 20px;width:30%}.row2 .contit p{padding-top:20px}.row2 .line2{margin:0 auto;position:relative;width:50%}.row2 .line2 li:first-of-type{background:#333;border-radius:20px;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.2);box-shadow:5px 5px 10px rgba(0,0,0,.2);height:450px;overflow:hidden;padding:5px;position:absolute;right:0;top:-80%;width:250px}.row2 .line2 li:first-of-type>p{border-radius:15px;height:100%;margin:0 auto;overflow:hidden;width:100%}.row2 .line2 li:first-of-type>p img{margin:0 auto;width:100%}.row2 .line2 li:nth-of-type(2){background:#333;border-radius:20px;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.2);box-shadow:5px 5px 10px rgba(0,0,0,.2);height:600px;overflow:hidden;padding:5px;width:100%}.row2 .line2 li:nth-of-type(2)>p{border-radius:15px;height:100%;overflow:hidden;width:100%}.row2 .line2 li:nth-of-type(2)>p img,.row3{width:100%}.row3{background-image:url(../img/market_bg2.png);background-position:top;background-repeat:no-repeat;background-size:cover;padding:130px 0 100px}.row3 .line3{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.row3 .line3 li:first-of-type{background:#333;border-radius:20px;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.2);box-shadow:5px 5px 10px rgba(0,0,0,.2);height:600px;margin-left:-10%;overflow:hidden;padding:5px;width:50%}.row3 .line3 li:first-of-type>p{border-radius:15px;height:590px;overflow:hidden;width:100%}.row3 .line3 li:first-of-type>p img{width:100%}.row3 .line3 li:nth-of-type(2){background:#333;border-radius:20px;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.2);box-shadow:5px 5px 10px rgba(0,0,0,.2);height:450px;overflow:hidden;width:250px}.row3 .line3 li:nth-of-type(2)>p{border-radius:15px;height:440px;margin:5px auto;overflow:hidden;width:240px}.row3 .line3 li:nth-of-type(2)>p img{margin:0 auto;width:100%}.row3 .line3 .contit{padding-right:10%;width:35%}.row4{background-attachment:fixed;background-image:url(../img/market_img7.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;height:80vh;width:100%}.row5{margin:0 auto;padding-top:120px;width:75%}.row5>div,.row5>div img{width:100%}.row5 .line4 li{margin:30px 0;position:relative;width:100%}.row5 .line4 li p:first-of-type,.row5 .line4 li p:first-of-type img{width:100%}.row5 .line4 li p:nth-of-type(2),.row5 .line4 li p:nth-of-type(3){-webkit-animation:store 2s infinite alternate;animation:store 2s infinite alternate}@-webkit-keyframes store{0%{opacity:0}to{opacity:1}}@keyframes store{0%{opacity:0}to{opacity:1}}.row5 .line4 li:first-of-type p:nth-of-type(2){left:0;position:absolute;top:0;width:32%}.row5 .line4 li:first-of-type p:nth-of-type(2) img{width:100%}.row5 .line4 li:first-of-type p:nth-of-type(3){-webkit-animation-delay:1.8s;animation-delay:1.8s;position:absolute;right:0;top:0;width:32%}.row5 .line4 li:first-of-type p:nth-of-type(3) img{width:100%}.row5 .line4 li:nth-of-type(2) p:nth-of-type(2){-webkit-animation-delay:1.3s;animation-delay:1.3s;position:absolute;right:50%;top:0;-webkit-transform:translateX(50%);transform:translateX(50%);width:32%}.row5 .line4 li:nth-of-type(2) p:nth-of-type(2) img{width:100%}.row5 .line4 li:nth-of-type(2) p:nth-of-type(3){-webkit-animation-delay:2s;animation-delay:2s;position:absolute;right:0;top:0;width:32%}.row5 .line4 li:nth-of-type(2) p:nth-of-type(3) img{width:100%}.row5 .contit{display:block;margin:0 auto;padding-top:40px;width:100%}.row5 .contit p{padding-top:20px}.row6{overflow-x:hidden}.row6 .line5{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin:0 auto;padding-top:120px;width:75%;width:70%}.row6 .line5 div{position:relative;width:45%}.row6 .line5 div p:first-of-type img{width:100%}.row6 .line5 div p:nth-of-type(2){bottom:26%;height:30%;left:40px;position:absolute}.row6 .line5 div p:nth-of-type(2) img{height:100%}.row6 .line5 div span{background:#cbcbcb;bottom:23%;height:4px;left:40px;position:absolute;width:84%}.row6 .line5 div span:nth-of-type(2){background:#0088e7;width:10%}.row6 .line5 .contit{padding:100px 0 0;width:50%}.row6 .line5 .contit p{padding-top:20px}.row7{background-image:url(../img/market_bg3.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;margin-bottom:100px;padding-bottom:130px}.row7 .line6{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:60vh;justify-content:space-between;margin:0 auto;padding-top:120px;width:75%}.row7 .line6 .contit{width:35%}.row7 .line6 .contit p{padding-top:20px}.row7 .line6 .mark{height:60vh;position:relative;width:60%}.row7 .line6 .mark img{width:100%}.row7 .line6 .mark p{border-radius:50%;-webkit-box-shadow:5px 5px 15px rgba(0,0,0,.3);box-shadow:5px 5px 15px rgba(0,0,0,.3);opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);-webkit-transition:.5s;transition:.5s}.row7 .line6 .mark p:first-of-type{left:15%;position:absolute;top:70%;width:160px}.row7 .line6 .mark p:nth-of-type(2){left:85%;position:absolute;top:0;-webkit-transition-delay:.1s;transition-delay:.1s;width:170px}.row7 .line6 .mark p:nth-of-type(3){left:65%;position:absolute;top:10%;-webkit-transition-delay:.3s;transition-delay:.3s;width:100px}.row7 .line6 .mark p:nth-of-type(4){left:50%;position:absolute;top:70%;-webkit-transition-delay:.6s;transition-delay:.6s;width:130px}.row7 .line6 .mark p:nth-of-type(5){left:75%;position:absolute;top:45%;-webkit-transition-delay:.4s;transition-delay:.4s;width:200px}.row7 .line6 .mark p:nth-of-type(6){left:35%;position:absolute;top:30%;-webkit-transition-delay:.5s;transition-delay:.5s;width:160px}footer{height:400px}footer,footer a{background-attachment:fixed;position:relative;width:100%}footer a{background-image:url(../img/star_main2.jpg);background-position:top;background-position:bottom;background-repeat:no-repeat;background-size:cover;display:block;height:100%}footer a .spanBg{background-color:rgba(0,0,0,.8);display:block;height:100%;left:0;position:absolute;top:0;width:100%}footer a article{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}footer a article small{font-size:18px;font-weight:300}footer a article h2,footer a article small{color:#fff;text-shadow:5px 5px 10px rgba(0,0,0,.5)}footer a article h2{font-size:50px;font-weight:400;padding-bottom:20px}footer a article .timebar{background-color:hsla(0,0%,100%,.4);height:2px;margin:0 auto;min-width:300px;width:100%}footer a article .timebar span{background-color:#fff;display:block;height:100%;width:0}footer a article .timebar span.active{width:100%}@media (max-width:1280px){.start figcaption{font-size:60px}.detail{margin-bottom:100px;width:80%}.row2{margin-top:50px}.row2 figure,.row2 figure img{width:100%}.row2 .contit{margin:0;padding:50px 0 20px 15%;width:60%}.row2 .line2{margin:0 auto;width:75%}.row3 .line3 li:first-of-type{margin-left:-25%;width:55%}.row3 .line3 .contit{margin-top:-20px;width:40%}.row6 .line5 .contit{padding:30px 0;width:50%}}@media (max-width:1024px){.start{height:70vh;width:100%}.start p{height:65vh;padding-top:10vh;width:80%}.start figcaption{-webkit-text-stroke:1.5px #fff;font-size:50px;font-weight:400;-webkit-transform:translate(-50%,-20%);transform:translate(-50%,-20%)}.detail{display:block;margin-bottom:10vh}.detail .left{width:100%}.detail .left h2{font-size:35px;font-weight:500}.detail .left ul{-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:start;-ms-flex-pack:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-start;width:100%}.detail .right{height:auto;margin-top:3vh;white-space:inherit;width:100%}.detail .right div:nth-of-type(2){-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-top:3vh}.detail .right div:nth-of-type(2) a{margin-right:0;width:45%}.row1 div{margin:10px 0 0 30%;width:140%}.row2 .contit{margin:0;padding:50px 0 20px 12%;width:55%}.row2 .line2{margin:0 auto;width:80%}.row2 .line2 li:nth-of-type(2){height:500px;width:100%}.row2 .line2 li:first-of-type{height:30vh;overflow:hidden;position:absolute;right:0;top:-85%;width:30%}.row3{padding:80px 0 60px;width:100%}.row3 .line3{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.row3 .line3 li:first-of-type{height:450px;margin-left:-35%}.row3 .line3 li:first-of-type>p{height:440px;width:100%}.row3 .line3 li:nth-of-type(2){height:350px;width:180px}.row3 .line3 li:nth-of-type(2)>p{height:340px;width:170px}.row3 .line3 .contit{margin-top:-30px;padding-right:10%;width:50%}.row4{height:50vh;width:100%}.row5{padding-top:80px}.row5>div,.row5>div img{width:100%}.row5 .contit{padding-top:20px}.row6 .line5{display:block;padding-top:80px;width:80%}.row6 .line5 div{width:45%}.row6 .line5 div p:nth-of-type(2){height:31%}.row6 .line5 div span{bottom:23%;height:3px;left:23px;width:84%}.row6 .line5 .contit{padding-top:40px;width:100%}.row7{margin-bottom:80px;padding-bottom:50px}.row7 .line6{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:40vh;justify-content:space-between;padding-top:80px;width:80%}.row7 .line6 .contit{width:40%}.row7 .line6 .contit p{padding-top:20px}.row7 .line6 .mark{height:40vh;width:60%}.row7 .line6 .mark p:first-of-type{right:5%;top:70%;width:18%}.row7 .line6 .mark p:nth-of-type(2){right:0;top:0;width:16%}.row7 .line6 .mark p:nth-of-type(3){right:30%;top:17%;width:23%}.row7 .line6 .mark p:nth-of-type(4){right:12%;top:70%;width:25%}.row7 .line6 .mark p:nth-of-type(5){right:7%;top:40%;width:38%}.row7 .line6 .mark p:nth-of-type(6){right:23%;top:40%;width:20%}footer{height:250px;width:100%}footer a article small{font-size:18px;font-weight:300}footer a article h2{font-size:40px;font-weight:400;padding-bottom:20px}footer a article .timebar{display:none}}@media (max-width:800px){.row2 .line2 li:first-of-type{height:35vh;position:absolute;right:0;top:-75%;width:30%}}@media (max-width:700px){.start{height:70vh;width:100%}.start p{height:65vh;padding-top:10vh;width:80%}.start figcaption{-webkit-text-stroke:1px #fff;font-size:30px;font-weight:400;-webkit-transform:translate(-50%,-20%);transform:translate(-50%,-20%)}.detail{display:block;margin-bottom:10vh}.detail .left{width:100%}.detail .left h2{font-size:20px;font-weight:500}.detail .left small{display:block;font-size:13px;font-weight:400;margin-left:0;width:100%}.detail .left ul li{font-size:11px;font-weight:300}.detail .left ul li:first-of-type{padding-right:20px}.detail .left ul li:nth-of-type(2) b,.detail .right div:first-of-type,.detail .right div:first-of-type b{font-size:11px;font-weight:300}.detail .right div:nth-of-type(2){-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin-top:3vh}.detail .right div:nth-of-type(2) a{font-size:10px;font-weight:300;padding:5px 0;width:47%}.contit h2{font-size:15px;font-weight:600}.contit p,.contit p b{font-size:10px;font-weight:300}.row1{padding-bottom:0}.row1 .line1{white-space:normal}.row1 .line1 h2,.row1 .line1 h2 b{font-size:15px;font-weight:600}.row1 .line1 p{padding-top:10px}.row1 .line1 p,.row1 .line1 p b{font-size:10px;font-weight:300}.row1 div{margin-top:30px;width:200%}.row2 .contit{margin:0 auto;padding:20px 0;width:75%}.row2 .contit p{padding-top:10px}.row2 .line2{margin:0 auto;width:80%}.row2 .line2 li:first-of-type{display:none}.row2 .line2 li:nth-of-type(2){border-radius:10px;height:200px;padding:5px;width:100%}.row2 .line2 li:nth-of-type(2)>p{border-radius:10px;height:100%;width:100%}.row3{background-image:none;padding:60px 0;width:100%}.row3 .line3{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.row3 .line3 li:first-of-type{border-radius:10px;height:200px;margin-left:-15%}.row3 .line3 li:first-of-type>p{border-radius:10px;height:100%;width:100%}.row3 .line3 li:nth-of-type(2){display:none}.row3 .line3 .contit{margin-top:0;padding-right:10%;width:50%}.row4{background-attachment:scroll;height:50vh;width:100%}.row5{padding-top:40px}.row5>div,.row5>div img{width:100%}.row5 .contit{padding-top:0}.row5 .contit p{padding-top:10px}.row6 .line5{display:block;padding-top:60px;width:80%}.row6 .line5 div{width:45%}.row6 .line5 div p:nth-of-type(2){height:31%}.row6 .line5 div span{bottom:23%;height:2px;left:14px;width:84%}.row6 .line5 .contit{padding-top:20px;width:100%}.row6 .line5 .contit p{padding-top:10px}.row7{margin-bottom:40px;padding-bottom:0}.row7 .line6{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:25vh;justify-content:space-between;padding-top:0;width:80%}.row7 .line6 .contit{width:100%}.row7 .line6 .contit p{padding-top:10px}.row7 .line6 .mark{display:none}footer{height:150px}footer a article small{font-size:10px;font-weight:300}footer a article h2{font-size:25px;font-weight:400;padding-bottom:0;white-space:nowrap}}