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

.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{display:flex;flex-direction:column;}
.page1-top{margin-top:6%;margin-left:5%;margin-right:5%}
.page1-header-brand{font-size:16px;float:left;text-align:left}
.page1-header-brand>img{width:40%}
.page1-header-link{display:flex;flex-wrap:wrap;float:right;justify-content:center;line-height:1.3}
.page1-header-link a{color:#fff;text-decoration:none;font-size:14px}
.page1-header-link a:last-of-type{margin-left:30px}
.page1-body{margin-top:14%}
.page1-body-title{margin-bottom:1%}
.page1-body-title img{width:298px}
.page1-body-subtitle{font-size:15px;font-weight:300;color:#fff;opacity:.9;line-height:1.4}
.page1-body-preview{margin-top:1%;width:100%;margin-bottom:-10%;padding-top:5%}
.page1-body-preview video{position:relative;left:2px;width:57%;margin-top:5%;margin-bottom:5%;border-radius:30px}

.page2{width:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#7155c4,#3c2591)}
.page2-body{margin-top:20%;text-align:center;margin-left:auto;margin-right:auto}
.page2-body-title img{width:222px}
.page2-body-subtitle{margin-top:3%;letter-spacing:-0.47px;line-height:1.4;font-size:14px;color:#fff;opacity:.70}
.page2-body-preview{width:47.5%;background-image:url(/lib/Main/images/phone-bezel-3.png);background-size:contain;background-repeat:no-repeat;background-position:center;padding-top:11%;padding-bottom:11%; margin:0 auto 0;}
.page2-body-preview video{position:relative;top:6px;left:1px;width:90%;border-radius:18px;margin-bottom:5.5%}

.page3{width:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#959eaf,#d3dae2)}
.page3-body{margin-top:10%;text-align:center;margin-left:auto;margin-right:auto}
.page3-body-title img{width:255px}
.page3-body-subtitle{margin-top:3%;letter-spacing:-0.47px;line-height:1.4;font-size:14px;color:#000;opacity:.70}
.page3-body-preview{width:47.5%;background-image:url(/lib/Main/images/phone-bezel-3.png);background-size:contain;background-repeat:no-repeat;background-position:center;padding-top:11%;padding-bottom:11%; margin:0 auto 0;}
.page3-body-preview video{position:relative;top:6px;left:1px;width:90%;border-radius:18px;margin-bottom:5.5%}

.page4{width:100%;display:flex;flex-direction:column;}
.page4-body{margin-top:20%;text-align:center;margin-left:auto;margin-right:auto}
.page4-body-title img{width:168px}
.page4-body-subtitle{margin-top:3%;letter-spacing:-0.47px;line-height:1.4;font-size:14px;color:#000;opacity:.70}
.page4-body-preview{padding-top:11%;padding-bottom:11%}
.page4-body-preview video{position:relative;left:2px;width:47.5%;border-radius:23px;margin-bottom:6.5%}

.page5{width:100vw;display:flex;flex-direction:column;}
.page5-body{width:100vw;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;display:flex;flex-direction:column;background-color:#222}
.page6-body{margin-top:5vh;text-align:center;padding-left:8%;padding-right:8%}
.page6-body-section{display:flex;flex-direction:column}
.page6-body-title{font-size:21px;font-weight:bold;color:#fff}
.page6-body-subtitle{font-size:14px;color:#9d9d9d;margin-top:10px;line-height:1.4}
.page6-body-subtitle .page6-body-seller-info{background-color:#2f2f2f;color:#fff;padding:15px;border-radius:3px;margin-top:15px;margin-bottom:20px}
.page6-body-button{background-image:url(/lib/Main/images/btn1.png);background-size:auto 55px;background-repeat:no-repeat;background-position:center;height:55px;display:flex;justify-content:center;align-items:center;margin-top:15px}
.page6-body-button a{text-decoration:none;color:#fff;font-size:13px;font-weight:bold;padding-bottom:10px}
.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:36px;width:150px;line-height:2.4;text-align:center;border-radius:28px;margin-top:20px;margin-bottom:20px}
.page6-body-button-guide a{text-decoration:none;color:#fff;font-size:13px;font-weight:bold;margin-left:auto;margin-right:auto;padding:12px 14px}
.page6-body-button-guide img{width:20px;margin-right:3px;vertical-align:middle}
.page6-body-link{margin-top:20px;margin-bottom:30px}
.page6-body-link a{text-decoration:none;color:#5e77e9;font-size:15px}

.footer{width:100vw; background-color:#000;margin-top:-1px;padding-top:39px;padding-bottom:43px}
.footer-info{color:#fff;font-size:13px;opacity:.5;margin-left:3%;margin-right:3%}
.footer-info>div{display:inline-block;margin-left:10px;margin-right:10px}
.footer-copyright{color:#fff;font-size:13px;opacity:.32;margin-top:21px}
.bottom-button-area{position:fixed;bottom:0;width:100%;background:linear-gradient(to right,#474747,#000);z-index:100;box-shadow:0 -1px 10px 0 #00000082}
.bottom-button-area .button{display:block;height:60px;margin-left:auto;margin-right:auto}
.partnership-area{display:none;position:fixed;top:0;left:0;width:90%; height:90%; border-radius:10px;background-color:#fff;z-index:1050; overflow-y: auto;}
.partnership-area form{padding:5%}
.partnership-area .form-group{display:flex;flex-wrap:wrap;margin-bottom:3%}
.partnership-area .form-group+.form-group{margin-top:3%}
.partnership-area .form-group label{width:22%;text-align:left;height:20px;padding:8px 15px 8px 0;color:#000;font-size:1.0em}
.partnership-area .form-group input{width:66%;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:150px;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:flex;flex-direction:column;width:72%}
.partnership-area .form-group .partnership-type div{display:flex;align-items:center}
.partnership-area .form-group .partnership-type input{display:inline-flex;width:6% !important}
.partnership-area .form-group .partnership-type label{display:inline-flex;width:auto !important;padding-top:4px;padding-bottom:4px}
.partnership-area .buttons{margin-top:30px;margin-bottom:10px}
.partnership-area .buttons .btn-close{cursor:pointer;width:123px;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;-webkit-appearance:none}
.partnership-area .buttons .btn-submit{cursor:pointer;width:123px;height:46px;border:0;border-radius:23.5px;background:#6699ff;height:54px;width:143px;margin-top:15px;margin-left:50px;line-height:2.9;text-align:center;border-radius:28px;background-repeat:no-repeat;font-size:17px;text-align:center;color:#fff;margin-left:5px;-webkit-appearance:none}
.fade{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#313a46;opacity:.7}
.single-line{width:100%;height:1px;background-color:#fff;opacity:.04;margin-top:20px;margin-bottom:25px}
