@import url(https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);*{font-family:'Spoqa Han Sans','Spoqa Han Sans JP','Sans-serif'}
html,body{height:100%;width:100%;min-width:1024px;-webkit-text-size-adjust:none;}
body{background:#1b1b1b; display:block;margin:0;color:#fff;text-align:center;overflow-x:hidden;}

.btn-request { color:#ffffff; text-decoration:none; }
.btn-request a { color:#ffffff; text-decoration:none; }
.btn-request a:hover { color:gold; text-decoration:none; }

.page_div_type1 { display:flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; width:100vw;}
.page_img_type1 { display:flex; flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; width:100%;}

.page1-wrapper{background:linear-gradient(135deg,#2b2b2b,#3b3b3b)}
.page1{height:100px;width:100%;display:flex;flex-direction:column;}
.page1-top{margin-top:25px;margin-left:auto;margin-right:auto;width:1100px}
.page1-header-brand{position:absolute; top:20px; left:50px; float:left;}
.page1-header-brand>img{height:60px}
.page1-header-link{float:right;margin-right:20px}
.page1-header-link a{color:#fff;text-decoration:none;margin-left:30px;font-size:15px;font-weight:lighter}
.page1-body{margin-top:129px;text-align:left;margin-left:auto;margin-right:auto}
.page1-body-title{margin-right:570px}
.page1-body-title img{width:287px}
.page1-body-subtitle{width:100%;margin-left:60%;margin-top:-100px;margin-bottom:80px;}
.page1-body-subtitle div{font-size:32px;font-weight:600;color:#fff;opacity:1.0}
.page1-body-download{margin-bottom:169px}
.page1-body-download img{margin-right:5px;width:160px}
.page1-body-download a{text-decoration:none}
.page1-body-preview{position:absolute;top:80px; left:30%; width:320px;height:635px;margin-left:0px;overflow:hidden;background-image:url(/lib/Main/images/phone-bezel-1.png);background-size:cover;background-repeat:no-repeat;background-position:center}
.page1-body-preview video{position:relative;margin-top:10px; margin-left:13px; width:295px; height:auto; border-radius:40px;}

.page2{width:100%;height:100%;display:flex;flex-direction:column;}
.page2-body{margin-top:310px;text-align:left;margin-left:auto;margin-right:auto;background-image:url(/lib/Main/images/bg-1.jpg);background-size:cover;background-repeat:no-repeat;background-position:top;}
.page2-body-title{margin-left:550px}
.page2-body-title img{width:364px}
.page2-body-subtitle{margin-top:23px;margin-left:550px;letter-spacing:-0.47px}
.page2-body-subtitle div{font-size:17px;font-weight:lighter;color:#fff}
.page2-body-preview{position:relative;top:-390px;width:240px;height:476px;margin-right:520px;background-image:url(/lib/Main/images/phone-bezel-1.png);background-size:cover;background-repeat:no-repeat;background-position:center; border-radius:40px;}
.page2-body-preview video{position:relative;top:8px;left:10px;width:220px;border-radius:30px;}


.page3{width:100%;height:750px;display:flex;flex-direction:column;background:linear-gradient(135deg,#959eaf,#d3dae2)}
.page3-body{margin-top:230px;text-align:left;margin-left:auto;margin-right:auto}
.page3-body-title{margin-right:500px}
.page3-body-title img{width:425px}
.page3-body-subtitle{margin-top:23px;letter-spacing:-0.47px}
.page3-body-subtitle div{font-size:17px;font-weight:lighter;color:#000}
.page3-body-preview{position:relative;top:-410px;width:240px;height:476px;margin-left:450px;background-image:url(/lib/Main/images/phone-bezel-1.png);background-size:cover;background-repeat:no-repeat;background-position:center; border-radius:40px;}
.page3-body-preview video{position:relative;top:8px;left:10px;width:220px;border-radius:30px;}

.page4{width:100%;height:750px;display:flex;flex-direction:column;}
.page4-body{margin-top:270px;text-align:left;margin-left:auto;margin-right:auto}
.page4-body-title{margin-left:500px}
.page4-body-title img{width:494px}
.page4-body-subtitle{margin-top:23px;margin-left:500px;letter-spacing:-0.47px}
.page4-body-subtitle div{font-size:17px;font-weight:lighter;color:#000}
.page4-body-preview{position:relative;top:-432px;width:418px;height:687px;margin-right:592px;}
.page4-body-preview video{position:relative;top:84px;left:124px;width:240px;border-radius:30px;}

.page5{width:100vw;height:100vh;display:flex;flex-direction:column;}
.page5-body{width:100%; height:100%;text-align:left;margin-left:auto;margin-right:auto}
.page5-body-title{text-align:center}
.page5-body-title img{width:415px}
.page5-body-subtitle{margin-top:23px;letter-spacing:-0.47px;text-align:center}
.page5-body-subtitle div{font-size:17px;font-weight:lighter;color:#fff;opacity:1.0}
.page5-body-preview{margin:61px 0 81px 0}
.page5-body-preview .gripper-list{width:90vw}
.page5-body-preview .gripper{height:380px;}
.page5-body-preview .gripper a{text-decoration:none}
.page5-body-preview .gripper a .thumbnail{width:155px;border-radius:50%;margin-top:50px;margin-bottom:14px;display:block;margin-left:auto;margin-right:auto}
.page5-body-preview .gripper a .user-name{color:#000;font-size:28px;font-weight:bold;padding-left:35px;padding-right:35px;margin-bottom:4px}
.page5-body-preview .gripper a .bio{color:#444;font-size:15px;font-weight:lighter;padding-left:35px;padding-right:35px;padding-bottom:30px;letter-spacing:-1px;word-break:keep-all}


.page6{width:100vw;height:auto;display:flex;flex-direction:column;background-color:#222}
.page6-body{margin-top:134px;margin-bottom:100px;text-align:left;margin-left:auto;margin-right:auto}
.page6-body-section{display:inline-flex}
.page6-body-desc{margin-right:150px;width:420px}
.page6-body-title{font-size:29px;font-weight:bold;color:#fff}
.page6-body-subtitle{font-size:18px;font-weight:lighter;color:#9d9d9d;margin-top:10px}
.page6-body-subtitle .page6-body-seller-info{display:inline-block;width:548px;background-color:#222;color:#fff;padding:20px;border-radius:3px;margin-top:15px;margin-bottom:15px}
.page6-body-button{background-image:url(/lib/Main/images/btn1.png);background-size:auto;background-repeat:no-repeat;background-position:center;height:54px;width:143px;margin-top:55px;margin-left:50px;line-height:2.9;text-align:center;border-radius:28px;background-repeat:no-repeat}
.page6-body-button a{text-decoration:none;color:#fff;font-size:18px;font-weight:bold;margin-left:auto;margin-right:auto;padding:12px 24px}
.page6-body-button-guide{display:inline-block;background-image:url(/lib/Main/images/btn2.png);background-size:auto;background-repeat:no-repeat;background-position:center;height:54px;width:170px;line-height:2.9;text-align:center;border-radius:28px;background-repeat:no-repeat}
.page6-body-button-guide a{text-decoration:none;color:#fff;font-size:18px;font-weight:bold;margin-left:auto;margin-right:auto;padding:12px 14px}
.page6-body-button-guide img{width:24px;margin-right:3px;vertical-align:sub}
.page6-body-link{margin-top:20px;margin-left:0;text-align:right}
.page6-body-link a{text-decoration:none;color:#5e77e9;font-size:18px}

.footer{width:100vw; background-color:#000;margin-top:auto;padding-top:51px;padding-bottom:72px}
.footer-info{color:#fff;font-size:13px;opacity:.5;margin-left:5%;margin-right:5%}
.footer-info>div{display:inline-block;margin-left:10px;margin-right:10px}
.footer-copyright{color:#fff;font-size:13px;opacity:.32;margin-top:21px}
.partnership-area{display:none;position:fixed;top:0;left:0;width:600px;border-radius:10px;background-color:#fff;z-index:1050}
.partnership-area form{padding:17px}
.partnership-area .form-group{display:flex;flex-wrap:wrap;margin-bottom:14px}
.partnership-area .form-group label{width:110px;text-align:left;height:20px;padding:8px;color:#000;font-size:17px}
.partnership-area .form-group input{width:420px;height:20px;color:#6c757d;background-clip:padding-box;border:1px solid #dfdfdf;border-radius:3px;padding:8px}
.partnership-area .form-group textarea{width:100%;height:200px;color:#6c757d;background-color:#fff;background-clip:padding-box;border:1px solid #dfdfdf;border-radius:3px;padding:8px}
.partnership-area .form-group .partnership-type{display:inline-flex;width:420px;align-items:center}
.partnership-area .form-group .partnership-type div{display:flex;align-items:center}
.partnership-area .form-group .partnership-type input{display:inline-flex;width:20px !important}
.partnership-area .form-group .partnership-type label{display:inline-flex;width:auto !important}
.partnership-area .buttons{margin-top:20px}
.partnership-area .buttons .btn-close{ outline: none;cursor:pointer;width:143px;height:46px;border-radius:23.5px;border:solid 1px rgba(0,0,0,0.25);background-color:#fff;font-size:17px;text-align:center;color:#000;margin-right:5px}
.partnership-area .buttons .btn-submit{ outline: none;cursor:pointer;width:143px;height:46px;border:0;border-radius:23.5px;z-index:1040;background-color:#6699cc;opacity:1.0}
.single-line{width:100%;height:2px;background-color:#fff;opacity:.04;margin-top:32px;margin-bottom:32px}
