@charset "UTF-8";
    #addfunds section div.contentsBox: nth-child(2), #affiliates div.wrapper, body, button, h1, h2, h3, h4, h5, h6, header div.contents .menuWrapper ul li:last-child, li, p, ul {
    padding: 0;
}
#account div.wrapper div.contentsBox, #addfunds section div.contentsBox, #affiliates div.wrapper section div.contentBox, #drip-feed .wrapper, #faq div.wrapper, #hot-hashtag, #neworder .confirmBottomDiv, #neworder .itemDescriptionWrapper, #neworder div.rightWrapper section.counterWrapper div.counterBox, #neworder div.rightWrapper section.noticeWrapper, #orders div.orderHistoryWrapper, #orders div.totalWrapper div.totalBox, #subscriptions .wrapper, #top-account, .well {
    --tw-shadow: 0 1px 3px 0 rgba(0,  0,  0,  .1), 0 1px 2px -1px rgba(0,  0,  0,  .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
}
*, body, h1, h2, h3, h4, h5, h6 {
    font-family: Pretendard;
}
#sign div.container div.loginWrapper a.signUp, a, a:hover {
    color: #222;
}
#main .sec02, #main .sec03, #main .sec04, #main .sec05 {
    min-height: 1000px;
}
* {
    scroll-behavior: smooth;
}
::selection {
    background-color: #ddd;
    color: #000;
}
body, html {
    height: 100%}
body {
    margin: 0;
  padding:0;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}
button {
    background: inherit;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    cursor: pointer;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
}
input:focus {
    outline: 0;
}
input[type=checkbox] {
    accent-color: gray!important;
    accent-color: red;
}
li, ul {
    list-style: none;
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #000;
    margin: 0;
}
a, header div.contents .menuWrapper ul li a:hover {
    text-decoration: none;
}
a:hover {
    text-decoration: none!important;
}
a:active, a:focus, a:visited {
    text-decoration: none;
    color: inherit;
}
p {
    margin: 0;
}
video {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
#main div.flex div.sliderWrap, #sideMenu .menuWrapper .menuList.active, .paymentDescription {
    position: relative;
}
.paymentDescription::before {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #9f9f9f;
    top: 20px;
    left: 0;
    position: absolute;
}
.container {
    width: 100%!important;
    padding-left: 0;
    padding-right: 0;
}
.row {
    margin: 0!important;
}
.navbar-default {
    background: 0 0!important;
    box-shadow: none!important;
    border: none!important;
}
.description {
    border-bottom: none!important;
}
.alert-dismissible .close {
    position: relative!important;
    top: 0!important;
    right: 0!important;
    color: inherit!important;
    width: auto!important;
    height: auto!important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #FDF1EC!important;
    border-radius: 8px;
    font-weight: 600;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #FDF1EC!important;
    color: #535355!important;
    border-radius: 8px;
    opacity: 1;
}
#top-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
}
#contents-wrapper {
    flex: 1;
    width: 100%;
    background: #fff;
}
#contents-wrapper.background {
	background-color:#FDF1EC;
}
#sideMenu {
    flex: initial;
    width: 100%;
    height: 88px;
    position: sticky;
    top: 0;
    background: 0 0;
    z-index: 100;
    border-radius: 0;
    margin: 0;
    transition: .3s;
}
#sideMenu .menuWrapper {
    display: flex;
    justify-content: left;
    flex: auto;
    gap: 2px;
    justify-content: left;
    text-align: center;
}
#sideMenu::-webkit-scrollbar {
    width: 5px;
}
#sideMenu::-webkit-scrollbar-thumb {
    height: 10%;
    background: #ddd;
    border-radius: 10px;
}
#sideMenu::-webkit-scrollbar-track {
    background: rgb(69 123 200 / 38%);
}
#sideMenu.off {
    flex: 0 0 100px;
    width: 100px;
    overflow-x: hidden;
}
#sideMenu.off div.logoWrapper {
    margin: auto;
    height: 60px;
    padding: 9px 22px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 0 0 26px 28px;
    width: 80%}
#sideMenu.off .menuIcon {
    width: 27px;
    height: 28px;
}
#sideMenu.off .menuList.active::before {
    content: '';
    background-image: url('https://storage.perfectcdn.com/gz2yx6/fakyugbtlo4na8il.png')!important;
    width: 84%;
    height: 94px;
    left: 3px;
    z-index: -1;
    position: absolute;
}
#sideMenu .menuBackground {
    background-color: #fff;
    border-bottom: 1px solid #E3E4E7;
}
#sideMenu div.logoWrapper {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1600px;
    margin: auto;
    height: 88px;
    cursor: pointer;
    z-index: 99999999999;
}
#sideMenu div.logoWrapper .logo {
    padding-right: 20px;
    padding-left: 10px;
    display: flex;
}

#addfunds section.bottomSection div.contentsBox div.historyWrapper, #neworder, #neworder .sec7Container img, #neworder section div.sectionContents, #payment div.taxInvoiceWrapper div.taxInvoiceRow:last-child input, #payment-success div.successWrap div.succesContentsTop dl, #sideMenu.off div.logoWrapper a.logo img, #sign div.container div.loginWrapper form, #subscriptions .table, div#neworder-instagram-popup-modal .neworder-img-modal-box img, div#no-auth-neworder-instagram-popup-modal .no-auth-neworder-img-modal-box img, footer {
    width: 100%}
#sideMenu .menuWrapper .menuList {
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0;
}

#sideMenu .menuWrapper .menuList.active i, #sideMenu .menuWrapper .menuList.active span {
    color: #fff;
    background: #EB5644;
    font-weight: 600;
    padding: 2px 5px;
    display: flex;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    border-radius: 999px;
    padding: 4px 10px;
}
#sideMenu .menuWrapper .menuList a span {
    font-size: 15px;
    font-weight: 600;
    color: #818181;
    padding-left: 0;
    padding-top: 3px;
}
#addfunds div.mobileTitle, #drip-feed div.mobileTitle, #faq figure div, #main .sec02 div.contents div.counterBox p.description span.moBr, #main div.Wrap section.sec01 .mainWrap div.moImg, #neworder #order_old_posts, #neworder .liketest_box.mobile, #neworder .liketest_timer.mobile, #neworder figure div, #orders div.mobileTitle, #payment input.inputBox, #sideMenu div.contents .menuWrapper div.moMenu, #sideMenu div.moMenuWrapper, #sideMenu.off .menuWrapper .menuList a span, #subscriptions div.mobileTitle, .moMenuWrap, div.mobileFixMenu, div.mobileTitle, div.newOrder_customComment_category img.active, main section.section4 p.sectionDescription span.moBr, p.orders_scrolling {
    display: none;
}
#sideMenu .menuWrapper .menuList a i {
    font-size: 24px;
    color: #fff;
    margin-right: 8px;
}
#sideMenu .menuWrapper .menuList a div.menuIcon {
    width: 24px;
    height: 24px;
    display: none;
}
#sideMenu .menuWrapper .menuList a div.menuIcon img {
    width: 24px;
}
#sideMenu .menuWrapper .menuList.active img {
    width: 100%!important;
}
header.header {
    width: 100%;
    height: 100px;
    position: sticky;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 1px 4px #00000029;
}
header.header.down {
    backdrop-filter: blur(15px);
    background-color: #fff!important;
    z-index: 999999999999999;
    box-shadow: 0 1px 4px #00000029!important;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.right p.job, #payment div.priceWrapper div.deleteButton i:active, header.header.down a {
    color: #000;
}
header div.contents .menuWrapper ul li a:hover, header div.contents .menuWrapper ul li button:hover, header.header.down .menuWrapper .preview, header.header.down .menuWrapper a {
    color: #000!important;
}
header div.contents {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    max-width: 1600px;
    margin: 0 auto;
    justify-content: space-between;
}
#hot-hashtag div.contents div.tableWrapper div.tableDataRow:hover .hashtag, #hot-hashtag div.contents div.tableWrapper div.tableDataRow:hover .increaseRate, #hot-hashtag div.contents div.tableWrapper div.tableDataRow:hover .ranking, #main .sec06 .section6Container .menu-1 ul>li.active i, #main-popup-modal div.mainPopupPagination span, #main-popup-modal.signup .mainPopupButtonWrapper button.goSignup a, #neworder-main-popup-modal div.mainPopupPagination span, #sideMenu .menuListMo.active .menuNameMo, #top-account div.contents div.tableWrapper div.tableDataRow:hover .account, #top-account div.contents div.tableWrapper div.tableDataRow:hover .averageLike, #top-account div.contents div.tableWrapper div.tableDataRow:hover .dailyPostCount, #top-account div.contents div.tableWrapper div.tableDataRow:hover .follow, #top-account div.contents div.tableWrapper div.tableDataRow:hover .follower, #top-account div.contents div.tableWrapper div.tableDataRow:hover .post, #top-account div.contents div.tableWrapper div.tableDataRow:hover .ranking, #top-account div.contents div.tableWrapper div.tableDataRow:hover .score, .sec04 .scroll-down a, .section4 .scroll-down a, header div.contents a {
    color: #fff;
}

header div.contents a.logo img {
    width: 100%;
    height: 60px;
}
header div.contents a.logo img header div.contents .menuWrapper {
    display: flex;
    align-items: center;
    height: 100%}
header div.contents .menuWrapper ul {
    display: flex;
    align-items: center;
    height: 100%;
    list-style: none;
    gap: 43px;
}
header div.contents .menuWrapper ul li {
    position: relative;
    padding: 0;
    height: 100%;
    margin-right: 6px;
    transition: .2s;
}
header div.contents .menuWrapper ul li+li::before {
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: ''}
header div.contents .menuWrapper ul li a, header div.contents .menuWrapper ul li button.preview {
    color: #999;
    height: 60px;
    line-height: 60px;
    width: auto;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    text-decoration: none;
}
header div.contents .menuWrapper ul li button.preview {
    background: 0 0;
    border: none;
}
header div.contents .menuWrapper ul li.active, header div.contents .menuWrapper ul li:hover {
    transition: .1s linear;
}
header div.contents .menuWrapper ul li.active a {
    color: #000!important;
    border-bottom: 4px solid #000;
}
header div.contents .menuWrapper ul li a {
    display: block;
    text-align: center;
    vertical-align: middle;
}

#sideMenu div.sideMenuIcon img {
    width: auto;
    height: 67px;
    display: none;
}
#sideMenu .menuWrapper {
    display: flex;
    align-items: center;
    text-align: center;
    flex: auto;
    gap: 13px;
    justify-content: left;
}
#sideMenu .menuWrapper:last-child {
    justify-content: right;
}
#sideMenu div.userPoint {
    background: #9f9f9f;
    border-radius: 5px!important;
    padding: 3px 17px;
    margin-right: 0;
}
#sideMenu div.userPoint a, .likeTest_logout a, .logout_test a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
#sideMenu p.userId {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
#sideMenu div.userImage {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 100%;
    cursor: pointer;
    text-align: center;
    z-index: 0;
}
#sideMenu div.userImage i {
    font-size: 38px;
    z-index: 9999999999;
    color: #1c3b55;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
}
#sideMenu div.contents .menuWrapper div.userImage.active {
    background-color: #000;
    transition: .4s;
}
#sideMenu div.userInfoMenu {
    display: none;
    width: 110px;
    position: absolute;
    top: calc(100% + 10px);
    right: -1px;
    background-color: #fff;
    border: 1px solid #EB5644;
    border-radius: 8px;
    z-index: 9999;
}
#sideMenu div.userInfoMenu.active {
	display:block;
}
#addfunds .table, #drip-feed tbody, #main .sec02 .sliderItem, #resetPassword .topBox, #sideMenu div.userImage div.userInfoMenu div.list, #sign div.container div.textWrapper, #signup div.formWrapper .topBox, #signup div.imgWrapper div.textWrapper {
    text-align: center;
}
#sideMenu div.userInfoMenu div.list a {
    color: #535355;
    padding: 9px;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    margin: 6px;
}
#sideMenu div.userInfoMenu div.list a:hover{
    background-color:#FDF1EC;
    border-radius:8px;
    font-weight:700;
}
@media (max-width:1130px) {
    #sideMenu .barBack.on, .bar {
    position: relative;
    cursor: pointer;
    width: 33px;
    top: 0;
}
#sideMenu {
    height: 54px;
    flex: initial;
}
#faq div.mobileTitle, #sideMenu .menuBackground, #sideMenu .menuWrapper p.userId {
    
}

#sideMenu div.moMenuWrapper {
    display: flex!important;
}
#sideMenu .menuWrapper:last-child {
    width: 98%}
#sideMenu .moMenuWrap {
    display: block!important;
}
#sideMenu .menuBackgroundTest {
    display: block;
    content: '';
    background-color: #000;
    position: absolute;
    top: 62px;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: .7;
    z-index: -1;
}
#sideMenu .bar-back {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffd803;
    position: fixed;
    top: 15px;
    right: 35px;
    cursor: pointer;
    display: none;
}
.bar-back.on {
    display: block;
}
.bar {
    display: block;
    height: 22px;
    right: 0;
    z-index: 999999999999999;
}
.bar span {
    display: block;
    width: 21px;
    height: 2px;
    background: #333;
    position: absolute;
}
.bar span:first-child {
    top: 2px;
    width: 14px;
    right: 12px;
    opacity: 1;
    transition: .3s;
}
.bar span:nth-child(2), .bar span:nth-child(3) {
    top: 10px;
    transition: .5s;
}
.bar span:last-child {
    top: 18px;
    width: 14px;
    right: 12px;
    opacity: 1;
    transition: .3s;
}
.bar.on {
    position: relative;
    top: 0;
}
.bar.on span:first-child, .bar.on span:last-child {
    opacity: 0;
}
.bar.on span:nth-child(2) {
    top: 12px;
    left: 6px;
    width: 15px;
    transform: rotate(-135deg);
    background-color: #333;
}
.bar.on span:nth-child(3) {
    top: 12px;
    left: 6px;
    width: 15px;
    transform: rotate(135deg);
    background-color: #333;
}
#sideMenu .barBack.on {
    /* border-radius: 50%; */
    /* right: 9px; */
    /* display: block; */
    /* height: 33px; */
    /* border: 3px solid #333; */
    z-index: 999999999;
}
#sideMenu nav.navigation {
    display: block;
    background-color: #000;
    float: right;
    top: 0;
    width: 100%;
    right: 0;
    height: 103%;
    color: #333;
    padding: 15px 0 0;
    z-index: 10;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
#sideMenu nav.on {
    opacity: 1;
    height: 100%;
    top: 55px!important;
    visibility: visible;
    position: absolute;
    width: 100%;
    right: 0;
}
#sideMenu nav strong, nav .menuName {
    font-size: 17px;
    position: relative;
    display: block;
    text-align: center;
    /* padding: 30px 0; */
    z-index: 999;
}
#sideMenu .menuNameMo {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .4px;
    position: relative;
}
#sideMenu .userImageMo {
    width: 100%;
    text-align: center;
}
#sideMenu .userImageMo img {
    width: 65px;
    height: 65px;
    border-radius: 100%}
#sideMenu .userImageMo strong {
    font-size: 14px;
    font-weight: 300;
    position: relative;
    display: block;
    text-align: center;
    padding: 4px 0 20px;
    z-index: 999;
    color: #fff;
}
#sideMenu .menuListWrap {
    display: flex;
    position: absolute!important;
    height: auto;
    background: #838383;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    box-shadow: inset 0 3px 10px #00000012;
    padding: 21px 30px 50px;
    gap: 7px;
    align-items: center;
    justify-content: center;
    top: 70px;
}
#sideMenu .menuListMo {
    flex: 1 1 calc(25% - 20px);
    background: #fff;
    width: 100%;
    display: flex;
    border-radius: 5px;
    height: 76px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
#sideMenu .menuListMo a {
    width: 100%}
#sideMenu .menuListWrap .menuIconMo i {
    font-size: 28px;
    color: #000;
}
#sideMenu .menuIconMo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
#sideMenu .menuIconMo img {
    width: 20px;
}
#faq.authPage div.mobileTitle {
    max-width: 100%!important;
    margin: 0 auto 50px;
}
}#resetPassword .alert-dismissible .close, #sign .alert-dismissible .close {
    position: relative!important;
    color: inherit!important;
    width: auto!important;
    height: auto!important;
}
@media (max-width:360px) {
    #sideMenu .menuListMo {
    flex: 1 1 calc(30% - 20px);
    padding: 0 10px;
}
#sideMenu .menuListWrap {
    padding: 21px 10px 24px;
}
}@media (max-width:315px) {
    #sideMenu .menuListMo {
    flex: 1 1 calc(40% - 20px);
}
}#sideMenu .menuListMo.active {
    background-color: #000!important;
    border: 1px solid #fff;
}
#sideMenu .menuListMo:hover .menuNameMo {
    color: #676767;
}


@media (max-width:500px) {
    #sideMenu .menuNameMo {
    font-size: 12px;
    font-weight: 500;
    color: #333;
}
}
#sign div.container .loginLeftWrapper {
    position: relative;
    color: #fff;
    width: 100%}
#sign .checkBoxWrapper {
    display: flex;
    justify-content: space-between;
    align-items: inherit;
    margin-bottom: 25px;
}


#sign div.container div.loginWrapper label:first-child a {
    color: #fff;
    font-size: 30px;
    font-weight: 800;
    position: relative;
}
#sign div.container div.loginWrapper label:nth-child(2) a {
    color: #fff;
    font-size: 20px;
    margin-left: 20px;
}
#sign div.container div.loginWrapper a.findPasswordLink {
    color: #222;
    margin-left: auto;
}
#sign div.container div.loginWrapper a.signUp::before {
    display: inline-block;
    content: '';
    background-color: #444;
    width: 1px;
    height: 11px;
    margin-right: 6px;
}

#sign ul.loginMove li, #signup ul.loginMove li {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    display: flex;
    cursor: pointer;
}
#sign input#password {
    margin-bottom: 12px!important;
}
#addfunds section div.contentsBox p.description, #affiliates div.wrapper section div.contentBox p.description, #affiliates div.wrapper section.bottomSection div.contentBox div.historyBox p.price, #affiliates div.wrapper section.middleSection div.contentBox p.title, #main-popup-modal div.mainPopupSliderButton:after, #neworder-main-popup-modal div.mainPopupSliderButton:after, #sign input#password, #sign input#password:active, #sign input#password:focus, #sign input#username, #sign input#username:active, #sign input#username:focus {
    font-size: 16px;
}
#sign div.container div.loginWrapper button.loginButton {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    background: #000;
    height: 49px;
    padding: 0;
    width: 100%}
#sign div.container div.loginImgInner img.animation {
    animation: 2s ease-in-out infinite step01;
    width: 35%}
#sign div.container div.loginImgWrapper {
    position: relative;
    width: 680px;
    max-width: 680px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: start;
    background: #6ca7ff;
    padding-top: 272px;
}

#sign ul.loginMove {
    width: 180px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#sign ul.loginMove li {
    height: 70px;
    flex-direction: column;
    justify-content: center;
    padding-left: 21px;
    align-items: start;
    overflow: hidden;
}
#sign ul.loginMove li.active, #sign ul.loginMove li:hover, #signup ul.loginMove li.active, #signup ul.loginMove li:hover {
    background-color: #fff;
    box-shadow: 6px 6px 10px #00000029;
}
#sign ul.loginMove li a {
    font-size: 20px;
    width: 100%;
    font-weight: 400;
    display: flex;
    justify-content: start;
    align-items: center;
}
#sign ul.loginMove li.active a, #signup ul.loginMove li.active a {
    font-weight: 600;
}
#sign div.container div.textWrapper h3, #signup div.imgWrapper div.textWrapper h3 {
    font-size: 49px;
    z-index: 99999999;
}
#sign div.container div.textWrapper h5, #signup div.imgWrapper div.textWrapper h5 {
    font-size: 22px;
    padding-top: 12px;
    position: relative;
}
#sign div.container div.textWrapper p, #signup div.imgWrapper div.textWrapper p {
    font-size: 17px;
    padding-top: 24px;
    line-height: 1.2;
}
#sign div.container div.textWrapper h3::after, #signup div.imgWrapper div.textWrapper h3::after {
    display: block;
    content: "";
    height: 10px;
    width: 100%;
    border-radius: 30px;
    background-color: #ffe6b2;
    margin: -14px auto 0;
    z-index: -9999;
}
#sign .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
    width: 100%;
    font-size: 14px;
}
#sign .alert-dismissible .close {
    top: -6px!important;
    right: -21px!important;
}
@media (max-width:1530px) {
    #sign div.container div.textWrapper h3 {
    font-size: 35px;
}
}@media (max-width:360px) {
    #sign div.container div.loginWrapper {
    padding: 0 10px;
}
#sign div.container {
    background: #818181;
}
#sign div.container div.loginContainer {
    width: 100%;
    max-width: 100%;
    margin: auto;
}
#sign input#password, #sign input#username {
    width: 100%;
    height: 45px;
}
#sign form {
    width: 80%;
    max-width: 80%}
#sign .checkBoxText {
    align-items: end;
    display: flex;
    font-size: 12px;
}
#sign div.container div.loginWrapper a.findPasswordLink, #sign div.container div.loginWrapper a.signUp {
    font-size: 12px;
}
}@media (max-width:294px) {
    #sign div.container div.loginContainer {
    width: 100%;
    max-width: 100%;
    margin: auto;
}
#sign form {
    width: 80%;
    max-width: 80%}
#sign .checkBoxText {
    align-items: end;
    display: flex;
    font-size: 11px;
}
#sign div.container div.loginWrapper a.findPasswordLink, #sign div.container div.loginWrapper a.signUp {
    font-size: 11px;
}
}

p.signup_p {
    font-size: 40px;
    -webkit-text-stroke: 2px #fff;
    color: transparent;
    font-weight: 800;
    letter-spacing: 2.1px;
    line-height: 1;
}
strong.signup_strong {
    font-size: 40px;
    color: #fff;
}
@media (max-width:850px) {
    #sign div.container {
    flex-direction: column;
}
#sign div.container div.loginImgWrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
    width: 100%;
    max-width: 100%}
#sign div.container div.back span, #sign div.container div.loginImgWrapper img.rabbitImg, p.signup_p, strong.signup_strong {
    display: none;
}
#sign div.container div.back {
    position: static;
    padding: 5px 10px;
    border-radius: 5px;
    width: 43px;
}
#sign div.container div.back img {
    width: 100%}
#sign ul.loginMove {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: auto;
    gap: 8px;
}
#sign ul.loginMove li {
    overflow: hidden;
    cursor: pointer;
    height: 100%;
    padding: 10px 15px;
    border-radius: 30px;
}
#sign ul.loginMove li a {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 14px;
}
#sign div.container div.loginContainer {
    width: 100%;
    height: 100%;
    background-color: #fff;
}
}#signup div.imgWrapper img.rabbit {
    width: 400px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -20%);
    bottom: 0;
    z-index: 999999;
}
#signup ul.loginMove {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 180px;
    gap: 25px;
    overflow: hidden;
    padding: 20px 0;
}
#signup ul.loginMove li {
    height: 70px;
    flex-direction: column;
    justify-content: center;
    padding-left: 21px;
}
#signup ul.loginMove li a {
    font-size: 20px;
    width: 100%;
    font-weight: 400;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
}

#signup div.formWrapper p.title::after {
    display: block;
    content: '';
    width: 364px;
    height: 1px;
    background-color: #707070;
    margin: 20px auto 0;
}
#account div.wrapper div.contentsBox div.inputWrapper+div.inputWrapper, #account div.wrapper div.rightSection div.contentsBox+div.contentsBox, #affiliates div.wrapper section+section, #neworder #fields, #neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper, #signup div.inputWrapper+div.inputWrapper {
    margin-top: 20px;
}
#signup div.inputWrapper label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
    color: #222;
}
#signup div.inputWrapper input {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 5px;
    font-size: 14px;
    padding: 0 22px;
    color: #222;
}
#signup div.checkBoxWrapper {
    display: flex;
    align-items: center;
    margin: 18px 0 30px;
    color: #222;
    justify-content: center;
}
#signup div.capchaWrapper {
    margin-bottom: 16px;
    color: #fff;
}
#signup div.checkBoxWrapper a {
    margin-left: 5px;
    color: #2780e3;
    text-decoration: underline;
    text-underline-position: under;
}
#signup div.checkBoxWrapper a:hover, footer div.policyWrapper a.policy:hover {
    text-decoration: underline!important;
}
#signup button.signupButton {
    width: 100%;
    height: 48px;
    background: #000;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
}
#signup .captcha {
    margin-left: 0;
}
#signup input.terms-accept-checkbox {
    transform: scale(1.2);
    margin-right: 8px;
    align-items: center;
    display: flex;
    margin-bottom: 3px;
}
#signup input[type=checkbox] {
    padding: 0;
    margin: 0 8px 0 0;
}
#signup .alert-dismissible .close {
    position: relative!important;
    top: -2px!important;
    right: -15px!important;
}
@media(max-width:1245px) {
    #signup div.imgWrapper div.textWrapper h3 {
    font-size: 39px;
}
#signup div.imgWrapper div.textWrapper h5 {
    font-size: 17px;
}
}@media(max-width:850px) {
    #signup, #signup div.formBox, #signup div.imgWrapper {
    width: 100%;
    max-width: 100%}
#signup {
    flex-direction: column;
}
#signup div.formBox {
    background: #fff;
}
#signup div.imgWrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
}
#signup ul.loginMove {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: auto;
    gap: 8px;
}
#signup ul.loginMove li {
    cursor: pointer;
    height: 100%;
    padding: 10px 15px;
    border-radius: 30px;
}
#signup ul.loginMove li a {
    font-size: 14px;
}
#signup .back span, #signup div.imgWrapper img.rabbit {
    display: none;
}
#signup div.formWrapper {
    width: 100%;
    max-width: 100%;
    margin: auto;
    min-height: auto;
    padding: 60px 0;
}
#signup .back {
    position: static;
    width: 43px;
}
#signup .back img {
    width: 100%}
}@media(max-width:540px) {
    #signup div.formWrapper form {
    width: 100%}
#signup div.formWrapper {
    width: 80%;
    max-width: 80%}
}@media(max-width:450px) {
    #signup div.checkBoxWrapper {
    font-size: 11px;
    flex-wrap: wrap;
}
#signup input[type=checkbox] {
    margin-right: 6px;
}
#signup input.terms-accept-checkbox {
    transform: scale(1);
}
}#resetPassword {
    width: 100%;
    max-width: 900px;
    padding: 40px 0 80px;
    margin: 0 auto;
    min-height: 64.8vh;
    height: 100%}
#resetPassword .topBox p {
    font-size: 24px;
    font-weight: 500;
    color: #707070;
}
#resetPassword .topBox p:after {
    display: block;
    content: '';
    background-color: #707070;
    width: 368px;
    height: 1px;
    margin: 24px auto 0;
}
#resetPassword div.formWrapper {
    background: #f8f8f8;
    border-radius: 5px;
    padding: 38px 36px;
}
#resetPassword div.capchaWrapper, #resetPassword div.inputWrapper {
    margin-bottom: 16px;
}
#resetPassword div.inputWrapper label {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 13px;
    padding-top: 30px;
}
#resetPassword .formWrapper form {
    width: 45%;
    margin: 0 auto;
}
#resetPassword .form-group, .captcha {
    display: flex;
    justify-content: center;
}
#resetPassword div.inputWrapper input {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 5px;
    font-size: 14px;
    padding: 0 17px;
}
#resetPassword div.inputWrapper input:focus {
    border: 1px solid #000;
}
#resetPassword button.resetPasswordButton {
    width: 100%;
    height: 48px;
    background: #000;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}
#resetPassword .alert-danger {
    margin-top: 15px;
    margin-bottom: 0;
}
#resetPassword .alert-dismissible .close {
    top: -3px!important;
    right: -20px!important;
}
@media (max-width:930px) {
    #resetPassword {
    max-width: 90%}
#resetPassword div.inputWrapper label {
    font-size: 14px;
}
#resetPassword div.formWrapper {
    padding: 38px 165px;
}
#resetPassword .topBox p:after {
    width: 100%}
#resetPassword .formWrapper form {
    width: 96%}
}#main div.Wrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#main .sec02 {
    height: 100%;
    background-color: #fff;
    padding-top: 120px;
    padding-bottom: 150px;
    position: relative;
}
#main .sec03 {
    height: 100%;
    position: relative;
}
#main .sec04 {
    height: 100%;
    background-color: #767676;
    position: relative;
}
#main .sec05 {
    height: 100%;
    background-color: #f7f7f7;
    position: relative;
}
#main .sec06 {
    min-height: auto;
    height: auto;
    background-color: #fff;
    position: relative;
    padding-bottom: 200px;
}
#main div.Wrap section.sec01 {
    height: 100vh;
    max-height: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin: 00px auto auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
#addfunds .wrapper, #main .sec02 div.bottomWrap, #main div.flex, #main section.sec04 div.container {
    max-width: 1600px;
    margin: auto;
}
#main div.Wrap section.sec01 .mainWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1600px;
}
@media (max-width:1400px) {
    #main div.Wrap section.sec01 .videoWrap {
    display: none;
}
#main div.Wrap section.sec01 .mainWrap div.moImg {
    display: flex;
}
#main div.Wrap section.sec01 .mainWrap div.moImg img {
    display: flex;
    width: 100%;
    height: 100%}
#main div.Wrap section.sec01 .mainWrap {
    flex-direction: column;
}
#main div.Wrap section.sec01 {
    height: auto;
    padding-bottom: 150px;
}
}#main div.Wrap section.sec01 .videoWrap {
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    height: 100%}
#main div.Wrap section.sec01 .videoWrap video#spotVideo {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    overflow: hidden;
    width: 100%}
#main div.Wrap section.sec01 .overflow {
    position: relative;
    padding-bottom: 42.6%;
    overflow: hidden;
}
#main div.Wrap section.sec01 #player {
    position: absolute;
    width: 100%;
    height: 132%;
    top: -130px;
}
#main div.Wrap section.sec01 .overflow::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    width: 100%;
    height: 100%}
#main div.Wrap section.sec01 div.textWrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 999;
    width: 100%}
#main div.Wrap section.sec01 div.textWrap h3 {
    font-size: 40px;
    color: #818181;
    font-weight: 500;
    margin-bottom: 20px;
    letter-spacing: -.8px;
}
#main div.Wrap section.sec01 div.loginLeftWrapper div.inputWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
}
#main div.Wrap section.sec01 div.captcha {
    z-index: 9999;
}
#main div.Wrap section.sec01 div.textWrap h2 {
    font-size: 62px;
    font-weight: 300;
}
#main .sec05 div.container div.sec05LeftWrap span, #main div.Wrap section.sec01 div.textWrap span, #main div.flex div.sec02TextWrap span, #main section.sec04 div.container div.sec04LeftWrap span {
    font-family: SebangGothic;
    font-weight: 800;
}
#main div.Wrap section.sec01 div.buttonWrap {
    display: flex;
    padding-top: 29px;
}
#main div.Wrap section.sec01 div.buttonWrap div.look {
    display: flex;
    gap: 16px;
}
#main div.Wrap section.sec01 div.buttonWrap div.look button {
    border: 2px solid #000;
    width: 180px;
    height: 70px;
    padding: 0;
    background-color: transparent;
}
#main div.Wrap section.sec01 div.buttonWrap div.look button.previewTwo {
    color: #000;
    font-size: 20px;
}
#main div.Wrap section.sec01 div.buttonWrap button.logInButton {
    background-color: #000!important;
    border: 2px solid #000!important;
}
#main div.Wrap section.sec01 div.buttonWrap button.logInButton a {
    color: #fff;
    font-size: 20px;
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.scroll-down {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    text-align: center;
}
.sec02 .scroll-down, .sec03 .scroll-down, .sec05 .scroll-down {
    bottom: 50px;
    z-index: 1;
}
.sec04 .scroll_down span, .section4 .scroll_down span {
    border: 2px solid #fff;
}
#hot-hashtag, #top-account, .modal-bg, .modal-wrap, .sec04 .scroll_down span:before, .section4 .scroll_down span:before {
    background: #fff;
}
.sec04 .scroll-down {
    bottom: 50px;
    z-index: 99;
}
.sec06 .scroll-down {
    bottom: 50px;
}
.scroll-down a {
    font-weight: 600;
    font-family: SebangGothic;
    margin-bottom: 4px;
    display: block;
}
.scroll_down span {
    display: block;
    position: relative;
    width: 20px;
    height: 30px;
    border: 2px solid #222;
    border-radius: 50px;
    box-sizing: border-box;
    margin: 0 auto;
}
.scroll_down span:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    transform: translateX(-50%);
    box-sizing: border-box;
    -webkit-animation: 2s infinite scroll;
    animation: 2s infinite scroll;
}
#main .sec05 .scroll-down a {
    color: #22;
}
#main .sec05 .scroll_down span {
    border: 2px solid #222;
}
#main .sec05 .scroll_down span:before {
    background: #222;
}
@-webkit-keyframes scroll {
    0% {
    -webkit-transform: translate(-50%, 0);
    opacity: 0;
}
40% {
    opacity: 1;
}
80% {
    -webkit-transform: translate(-50%, 20px);
    opacity: 0;
}
100% {
    opacity: 0;
}
}@keyframes scroll {
    0% {
    transform: translate(-50%, 0);
    opacity: 0;
}
40% {
    opacity: 1;
}
80% {
    transform: translate(-50%, 20px);
    opacity: 0;
}
100% {
    opacity: 0;
}
}@media (max-width:1600px) {
    #spotVideo {
    width: 100%}
#main div.Wrap section.sec01 .mainWrap {
    max-width: 90%}
#main div.Wrap section.sec01 .videoWrap {
    flex: 3;
}
#main div.Wrap section.sec01 .mainWrap .textWrap h3 {
    font-size: 20px;
}
#main div.Wrap section.sec01 div.textWrap h3 {
    width: auto;
    animation: none;
    white-space: wrap;
    overflow: visible;
    border-right: none;
}
#main div.Wrap section.sec01 .mainWrap .textWrap h2 {
    font-size: 40px;
}
}@media (max-width:1000px) {
    #spotVideo {
    height: auto;
}
#main div.Wrap section.sec01 .mainWrap {
    flex-direction: column;
    margin-top: 0;
}
#main div.Wrap section.sec01 div.textWrap {
    width: 100%}
}@media (max-width:567px) {
    #main div.Wrap section.sec01 .mainWrap {
    margin-top: 50px;
}
}#addfunds section.bottomSection, #main div.flex, #main section.sec04 div.container div.leftrightWrap, #neworder .liketest_timer.pc {
    display: flex;
}
#main div.flex div.sec02TextWrap {
    padding-right: 168px;
    padding-top: 39px;
}
#main div.flex div.sec02TextWrap h3 {
    font-size: 40px;
    font-weight: 500;
    color: gray;
}
#main div.flex div.sec02TextWrap h2 {
    font-size: 62px;
    font-weight: 400;
    padding-top: 20px;
}
#main div.flex div.sec02TextWrap span.Mobr, #main section.sec04 div.container div.sec04LeftWrap .Mobr {
    display: block;
}
#main .sec02 .slick-slider {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    display: block!important;
}
#main .sec02 .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#main .sec02 .slick-track {
    position: relative;
    top: 31px;
    left: 12px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 400px!important;
}
#main .sec02 .slick-slide {
    border-radius: 10px;
    margin-left: 24px;
    height: 324px!important;
    width: 324px!important;
    min-height: 1px;
    float: left;
    box-shadow: 0 0 14px #00000029;
}
#main .sec02 .slick-slide:nth-child(2n) {
    border: 1px solid #355da9;
}
#main .sec02 .sliderItem figure {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%}
#main .sec02 .sliderItem.sliderInsta {
    background: #d13e8a;
}
#main .sec02 .sliderItem.sliderFace {
    background: #355da9;
}
#main .sec02 .sliderItem.sliderYoutube {
    background: #e55b64;
}
#main .sec02 .sliderItem.sliderGitar {
    background: #4b4b4b;
}
#main .sec02 .sliderItem strong {
    padding-top: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}
#main .sec02 .sliderItem p {
    font-size: 18px;
    color: #fff;
    padding-top: 20px;
}
#main .sec02 .sliderFace, #main .sec02 .sliderGitar, #main .sec02 .sliderInsta, #main .sec02 .sliderYoutube {
    background-color: #fff;
}
#main .sec02 div.contents {
    display: flex;
    gap: 24px;
    justify-content: left;
    align-items: center;
    margin-top: 133px;
}
#main .sec02 div.counterBox {
    display: block;
    background-color: #fff;
    padding: 43px 0;
    width: 200px;
    height: 200px;
    border-radius: 0;
    border: 1px solid #4b4b4b;
    box-shadow: 0 3px 20px #00000029;
}
#main .sec02 div.contents.contentsTop {
    margin-bottom: 71px;
}
#main .sec02 div.contentsDate {
    text-align: center;
    display: flex;
    margin: 16px 0;
    width: 424px;
    height: 44px;
    border: 1px solid #000;
    border-radius: 0;
    align-items: center;
    justify-content: center;
    background-color: #000;
}
#main .sec02 div.contentsDate strong {
    font-size: 12px;
    padding-left: 9px;
    color: #fff;
}
#main .sec02 div.contents div.counterBox p.title, main section.section3 div.contents div.counterBox span.counter {
    font-size: 36px;
    font-weight: 900;
    color: #4b4b4b;
    text-align: center;
    margin-bottom: 10px;
}
#main .sec02 div.contents div.counterBox p.title::after {
    display: block;
    content: '';
    width: 20px;
    height: 1px;
    background-color: #fff;
    margin: 20px auto;
}
#main .sec02 div.contents div.counterBox p.description {
    font-size: 18px;
    color: #4b4b4b;
    text-align: center;
    font-weight: 300;
}
@media (max-width:1630px) {
    header div.contents {
    width: 90%}
#sideMenu div.logoWrapper {
    width: 97%}
#main .sec02 div.bottomWrap, #main div.flex {
    max-width: 90%;
    margin: auto;
}
#faq.authPage {
    max-width: 97%;
    margin: auto;
}
#neworder div.wrapper {
    padding: 0;
}
}@media (max-width:1300px) {
    #main .sec02 div.contents div.counterBox p.title, main section.section3 div.contents div.counterBox {
    font-size: 29px;
}
#main .sec02 div.contents div.counterBox p.description {
    font-size: 16px;
}
}@media (max-width:1100px) {
    #main .sec02 {
    padding-top: 85px;
}
#main div.flex div.sec02TextWrap h3 {
    font-size: 20px;
}
#main div.flex div.sec02TextWrap h2 {
    font-size: 40px;
}
#main div.flex div.sec02TextWrap {
    padding-right: 90px;
}
#main .sec02 .slick-slide {
    height: 224px!important;
    width: 224px!important;
}
#main .sec02 div.contents {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
#main .sec02 div.counterBox {
    width: 100%;
    margin-top: 20px;
    padding: 41px 0;
    height: 182px;
}
}@media (max-width:730px) {
    #main .sec02 div.contentsDate {
    width: auto;
}
#main div.flex {
    flex-direction: column;
    height: auto;
    padding-bottom: 150px;
}
#main div.flex div.sec02TextWrap span.Mobr {
    display: none;
}
#main div.flex div.sec02TextWrap {
    padding-right: 0;
}
}@media (max-width:550px) {
    #main .sec02 div.contents div.counterBox p.description {
    font-size: 14px;
}
}main section.section4 {
    position: relative;
    background-color: #4b4b4b;
    padding-bottom: 50px;
}
main section.section4 .section4_container {
    padding: 120px 0;
    max-width: 1300px;
    margin: 0 auto;
}
main section.section4 p.sectionTitle {
    padding-bottom: 20px;
}
main section.section4 p.sectionTitle span {
    display: inline-block;
    font-family: SebangGothic;
    color: #fff;
    font-size: 62px;
    font-weight: 800;
}
main section.section4 p.sectionDescription {
    color: #fff!important;
    font-size: 40px;
    font-weight: 400;
}
@media (max-width:560px) {
    main section.section4 p.sectionDescription span.moBr {
    display: block;
}
}#account div.wrapper, main section.section4 div.contents div.contentsBox {
    display: flex;
    gap: 20px;
}
main section.section4 div.contents div.iconWrapper {
    text-align: center;
    position: relative;
    width: 24%;
    padding: 0 0 160px;
    box-shadow: 0 3px 20px #00000029;
    border-radius: 10px;
}
main section.section4 div.contents div.iconWrapper .title {
    padding-top: 28px;
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
main section.section4 div.contents div.iconWrapper img {
    padding-top: 36px;
    width: 100%}
@media (max-width:1200px) {
    main section.section4 div.contents div.iconWrapper img {
    padding-top: 60px;
}
}main section.section4 div.contents div.iconWrapper:first-child img {
    margin-left: 5px;
}
main section.section4 div.contents div.iconWrapper .textWrapper {
    position: absolute;
    top: 60%;
    left: 0;
    border-radius: 79px;
    display: block;
    padding: 0 18px;
}
#main .sec06 .section6Container .menu-1 ul>li.active, main section.section4 div.contents div.iconWrapper:first-child, main section.section4 div.contents div.iconWrapper:nth-child(3) {
    background-color: #222;
}
main section.section4 div.contents div.iconWrapper:nth-child(2), main section.section4 div.contents div.iconWrapper:nth-child(4) {
    background-color: #9b9b9b;
}
main section.section4 p.title {
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
}
main section.section4 .description {
    background: #fff;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding: 60px 20px;
    border-radius: 0;
    line-height: 1.5;
    box-shadow: 0 3px 20px #00000029;
}
main section p.sectionTitle {
    font-size: 56px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 187px;
}
main section p.sectionDescription {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 100px;
}
@media (max-width:1400px) {
    main section.section4 .section4_container {
    max-width: 95%}
main section.section4 .description {
    font-size: 18px;
    padding: 40px 10px;
}
main section.section4 div.contents div.iconWrapper .title {
    font-size: 27px;
}
}@media (max-width:1100px) {
    main section.section4 .section4_container {
    padding: 85px 0 150px;
}
main section.section4 p.sectionTitle span {
    font-size: 30px;
}
main section.section4 p.sectionDescription {
    font-size: 40px;
    line-height: 1.1;
}
main section.section4 p.sectionTitle {
    padding-bottom: 5px;
}
}@media (max-width:880px) {
    .sec02 .scroll-down {
    bottom: 0;
}
#main .sec02 {
    padding-bottom: 130px;
}
main section p.sectionDescription {
    padding-bottom: 60px;
}
main section.section4 .section4_container {
    padding: 80px 0 120px;
    max-width: 90%;
    margin: auto;
}
main section.section4 div.contents div.iconWrapper .title {
    font-size: 20px;
    padding-top: 16px;
}
main section.section4 div.contents div.contentsBox {
    display: flex;
    gap: 14px;
}
main section.section4 div.contents div.iconWrapper {
    position: relative;
    width: 24%;
    padding: 0 0 120px;
}
main section.section4 div.contents div.iconWrapper img {
    width: 120px;
    height: 150px;
    padding-top: 0;
}
main section.section4 .description {
    font-size: 14px;
    padding: 9px 6px;
    height: 120px;
}
main section.section4 div.contents div.iconWrapper .textWrapper {
    position: absolute;
    top: 52%;
    padding: 0 10px;
}
}@media (max-width:600px) {
    #main .sec02 div.contents div.counterBox p.title, main section.section3 div.contents div.counterBox {
    font-size: 26px;
}
#main .sec02 div.contents {
    gap: 13px;
}
#main .sec02 div.contents div.counterBox p.description span.moBr {
    display: block;
}
main section.section4 div.contents div.iconWrapper .textWrapper {
    top: 52%}
main section.section4 {
    padding-bottom: 140px;
}
main section.section4 p.sectionTitle {
    padding: 80px 0 0;
}
main section.section4 .section4_container {
    padding: 0;
}
main section.section4 div.contents div.contentsBox {
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr 1fr;
}
main section.section4 div.contents div.iconWrapper {
    width: 100%}
main section.section4 .description {
    padding: 20px 15px;
    font-size: 17px;
    height: 130px;
}
}@media (max-width:587px) {
    main section.section4 .description {
    padding: 21px 12px;
    font-size: 15px;
}
}@media (max-width:519px) {
    section.section4 .description {
    padding: 26px 15px;
    font-size: 15px;
}
}@media (max-width:450px) {
    main section.section4 .description {
    padding: 18px 15px;
    font-size: 13px;
    height: 110px;
}
}@media (max-width:390px) {
    main section.section4 .description {
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.4;
}
}@media (max-width:360px) {
    main section.section4 div.contents div.iconWrapper .title {
    font-size: 15px;
}
main section.section4 .description {
    padding: 16px 9px;
    font-size: 12px;
    line-height: 1.4;
}
}@media (max-width:343px) {
    main section.section4 .description {
    padding: 16px 9px;
    font-size: 11px;
    line-height: 1.4;
}
#hot-hashtag div.contents div.tableWrapper {
    font-size: 12px;
}
}#main .sec04:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100%;
    background: #212121;
    transition: 2.7s ease-out;
}
@media (max-width:420px) {
    #main div.Wrap section.sec01 {
    padding-bottom: 110px;
}
#main div.Wrap section.sec01 div.textWrap {
    padding-top: 33px;
}
#main div.Wrap section.sec01 .mainWrap .textWrap h3 {
    font-size: 14px;
    margin-bottom: 16px;
}
#main div.Wrap section.sec01 .mainWrap .textWrap h2, main section.section4 p.sectionDescription {
    font-size: 30px;
}
#main div.Wrap section.sec01 div.buttonWrap div.look {
    gap: 8px;
}
#main div.Wrap section.sec01 div.buttonWrap {
    padding-top: 20px;
}
#main div.Wrap section.sec01 div.buttonWrap div.look button {
    width: 100px;
    height: 40px;
}
#main div.Wrap section.sec01 div.buttonWrap button.logInButton a, #main div.Wrap section.sec01 div.buttonWrap div.look button.previewTwo, #main div.flex div.sec02TextWrap h3 {
    font-size: 14px;
}
.scroll-down a {
    font-size: 11px;
}
.sec02 .scroll-down, .sec03 .scroll-down, .sec05 .scroll-down {
    bottom: 0;
}
.sec06 .scroll-down {
    bottom: 20px;
}
#main .sec02 {
    min-height: auto;
    height: auto;
    padding-top: 60px;
    padding-bottom: 130px;
}
#main div.flex {
    max-width: 100%;
    margin: auto;
}
#main .sec02 .slick-slide {
    height: 120px!important;
    width: 120px!important;
    margin-left: 9px;
}
#main div.flex div.sec02TextWrap {
    padding-top: 0;
    max-width: 90%;
    margin: auto;
    width: 100%}
#main div.flex div.sec02TextWrap h2 {
    font-size: 30px;
    padding-top: 16px;
}
#main .sec02 .sliderItem strong {
    padding-top: 8px;
    font-size: 16px;
}
#main .sec02 .sliderItem p {
    padding-top: 8px;
    font-size: 11px;
}
.slick-slide img {
    width: 32px;
    height: 32px;
}
#main .sec02 .slick-track {
    left: 8px;
}
#main .sec02 div.contentsDate {
    margin: 20px 0 16px;
    width: auto;
}
#main .sec02 div.contents {
    gap: 14px;
    justify-content: left;
    align-items: center;
    margin-top: 20px;
}
#main .sec02 div.counterBox {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100px;
    flex-direction: column;
    justify-content: center;
}
#main .sec02 div.contents div.counterBox p.title, main section.section3 div.contents div.counterBox {
    font-size: 18px;
}
#main .sec02 div.contents div.counterBox p.description {
    font-size: 12px;
}
#main .sec02 div.contents div.counterBox p.title::after {
    width: 20px;
    height: 1px;
    background-color: #666;
    margin: 8px auto 0;
}
main section.section4 p.sectionTitle span {
    font-size: 20px;
}
#main .sec04:after {
    transition: 1s ease-out;
}
}#main .sec04.on:after {
    right: 0;
}
#main section.sec04 div.container div.sec04LeftWrap {
    padding-top: 343px;
    z-index: 10;
}
#main section.sec04 div.container div.sec04LeftWrap h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -.8px;
}
#main section.sec04 div.container div.sec04LeftWrap h2 {
    padding-top: 20px;
    color: #fff;
    font-size: 62px;
    font-weight: 400;
    letter-spacing: -.8px;
}
#main section.sec04 div.container div.sec04RightWrap {
    display: flex;
    padding-top: 95px;
    height: 721px;
    padding-left: 131px;
    position: relative;
    z-index: 99;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #fff;
    width: 271px;
    align-items: center;
    height: 709px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy {
    border: 1px solid #fff;
    font-size: 30px;
    padding: 2px 0;
    width: 44px;
    border-radius: 13px;
    font-weight: 700;
    background: #fff;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.e, #main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.s {
    margin-top: 34px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.a {
    margin-bottom: 41px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.y {
    margin-bottom: 37px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy span {
    color: #4b4b4b;
}
#main section.sec04 div.container div.sec04RightWrap::before {
    display: block;
    content: '';
    background-color: #fff;
    width: 1500px;
    position: absolute;
    height: 1px;
    top: 65.5%;
    left: -2px;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left;
}
#main section.sec04.on div.container div.sec04RightWrap::before {
    transform: scaleX(1);
    transition: 3s ease-out .2s;
    opacity: 1;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item img {
    width: 150px;
    border: 1px solid #666;
    border-radius: 100%;
    background-color: #fff;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item strong {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -.8px;
    padding-top: 10px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item p {
    padding-top: 12px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .2px;
    line-height: 1.7;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item01, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item03 {
    margin-top: 47px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item02 {
    justify-content: end;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 {
    justify-content: end;
    height: 732px;
}
@media(max-width:1630px) {
    #main section.sec04 div.container {
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
}
#main section.sec04 div.container div.sec04LeftWrap {
    flex: 1;
}
#main section.sec04 div.container div.sec04RightWrap {
    width: auto;
    height: 864px;
    flex: 2;
    padding-left: 0;
}
#main section.sec04 div.container div.sec04RightWrap br, #main section.sec04.on div.container div.sec04RightWrap::before {
    display: none;
}
#main section.sec04 div.container div.sec04LeftWrap::before {
    display: block;
    content: '';
    background-color: #fff;
    width: 100%;
    position: absolute;
    height: 1px;
    top: 47.1%;
    left: 404px;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left;
}
#main section.sec04.on div.container div.sec04LeftWrap::before {
    transform: scaleX(1);
    transition: 3s ease-out .2s;
    opacity: 1;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item01 {
    margin-top: 47px;
    width: auto;
    height: auto;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item02 {
    width: auto;
    height: auto;
    margin-bottom: 44px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item03, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 {
    width: auto;
    height: auto;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item img, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item01 img {
    width: 92%}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item01 p, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item02 p, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item03 p {
    width: 100%}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 p {
    width: 56%}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 img {
    width: 57%}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy {
    position: absolute;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.e, #main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.s {
    top: 271px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.a, #main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.y {
    top: 353px;
}
}@media(max-width:1456px) {
    #main section.sec04 div.container div.sec04RightWrap .sec04Item.item02 {
    margin-bottom: 14px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.a {
    top: 353px;
}
}@media(max-width:1380px) {
    #main section.sec04 div.container div.sec04RightWrap {
    flex: 1.5;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item01, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item02, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item03, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item04, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 p {
    width: 100%}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 img {
    width: 95%}
}@media(max-width:1040px) {
    #main section.sec04 div.container div.sec04LeftWrap h3, #main section.sec04 div.container div.sec04RightWrap .sec04Item strong {
    font-size: 20px;
}
#main section.sec04 div.container div.sec04LeftWrap h2 {
    font-size: 40px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item02 {
    margin-bottom: 50px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.a {
    top: 353px;
}
#main section.sec04 div.container div.sec04LeftWrap::before {
    top: 47.5%;
    left: 207px;
}
}@media(max-width:768px) {
    .sec04 .scroll-down {
    bottom: 20px;
}
#main .sec04 {
    min-height: auto;
    padding-bottom: 50px;
}
#main section.sec04 div.container div.sec04LeftWrap {
    padding-top: 100px;
}
#main section.sec04 div.container div.leftrightWrap {
    flex-direction: column;
    padding-bottom: 100px;
}
#main section.sec04 div.container div.sec04RightWrap {
    padding-top: 0;
}
#main section.sec04 div.container div.sec04LeftWrap::before {
    top: 55%;
    left: 0;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item {
    height: 594px!important;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item01, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item02, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item03 {
    height: 550px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 {
    margin-top: 31px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.e, #main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.s {
    top: 222px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.a {
    top: 304px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.y {
    top: 272px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item strong {
    font-size: 20px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item p {
    font-size: 13px;
    line-height: 1.2;
}
#main section.sec04 div.container div.sec04LeftWrap .Mobr {
    display: none;
}
}@media(max-width:420px) {
    #main .sec04 {
    padding-bottom: 80px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item01 {
    margin-top: 0;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item02, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 {
    justify-content: start;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item03 {
    margin-top: 34px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item img {
    width: 76px!important;
}
#main section.sec04.on div.container div.sec04LeftWrap::before {
    display: none;
}
#main section.sec04 div.container div.sec04RightWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding-top: 30px;
    height: auto;
    flex: auto;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item {
    height: 150px!important;
}
#main section.sec04 div.container div.sec04LeftWrap {
    padding-top: 60px;
}
#main section.sec04 div.container div.sec04LeftWrap h3 {
    font-size: 14px;
}
#main section.sec04 div.container div.sec04LeftWrap h2 {
    font-size: 30px;
    padding-top: 16px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy {
    width: 30px;
    font-size: 20px;
    border-radius: 8px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.e {
    top: 140px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.s {
    top: 149px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.a {
    top: 174px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.y {
    top: 184px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item p {
    font-size: 12px;
}
.sec04 .scroll-down {
    bottom: 0;
}
}@media(max-width:406px) {
    #main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.y {
    top: 186px;
}
}@media(max-width:300px) {
    #main section.sec04 div.container div.sec04RightWrap .sec04Item p {
    padding-top: 2px;
}
}#main .sec05 div.container {
    max-width: 1600px;
    margin: auto;
    display: flex;
    padding-top: 250px;
    padding-bottom: 120px;
    overflow: hidden;
}
#main .sec05 div.container div.sec05LeftWrap {
    max-width: 34%;
    width: 34%;
    z-index: 99999999;
    padding-top: 60px;
}
#main .sec05 div.container div.sec05LeftWrap h3 {
    font-size: 40px;
    color: #4b4b4b;
    font-weight: 400;
    letter-spacing: -.8px;
}
#main .sec05 div.container div.sec05LeftWrap h2 {
    padding-top: 20px;
    font-size: 62px;
    font-weight: 400;
    letter-spacing: -.8px;
    color: #222;
}
#main .sec05 div.container div.sec05RightWrap {
    max-width: 64%;
    width: 64%}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 {
    width: 310px!important;
    min-height: 350px;
    background: #fff;
    box-shadow: 0 0 6px #0000004d;
    border-radius: 50px;
    padding: 36px;
    margin: 0 10px;
    cursor: pointer;
}
div#slick-slide13 {
    max-height: 340px!important;
    padding: 13px 35px!important;
}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots {
    display: flex!important;
    justify-content: flex-end;
}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots li {
    display: flex!important;
}
#main .sec05 div.container div.sec05RightWrap button {
    font-family: SebangGothic;
    padding: 10px;
    color: #ccc;
    background: 0 0;
}
#main .sec05 div.container div.sec05RightWrap .slick-active button {
    height: 100%;
    padding: 10px;
    font-size: 25px;
    color: #222;
}
#main .sec05 div.container div.sec05RightWrap .slick-list {
    padding: 50px 0;
    overflow: hidden;
}
#main .sec05 div.container div.sec05RightWrap .slick-current {
    background: #242424!important;
    transform: scale(1.31);
    box-shadow: 0 0 6px transparent!important;
    z-index: 100;
}
#main .sec05 div.container div.sec05RightWrap .slick-track {
    position: relative;
    top: 3px;
    left: 48px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
 #main .sec05 div.container div.sec05RightWrap .slick-current div.starWrapper, #main .sec05 div.container div.sec05RightWrap .slick-current div.textBox p.review, #main .sec05 div.container div.sec05RightWrap .slick-current p.job, #main .sec05 div.container div.sec05RightWrap .slick-current p.userName, #main .sec05 div.container div.sec05RightWrap .slick-current svg {
    color: #fff!important;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.textBox {
    display: flex;
    flex-direction: column;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.textBox svg {
    color: #000;
    font-size: 20px!important;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.textBox p.review {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 8px 0;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left {
    margin-right: 16px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.imageWrapper img {
    width: 78px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.imageWrapper img.one {
    background-color: #fbf52e;
    border-radius: 100%}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.imageWrapper img.three {
    background-color: #f9c3a2;
    border-radius: 100%}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.imageWrapper img.four {
    background-color: #cf32fd;
    border-radius: 100%}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.imageWrapper img.five {
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.starWrapper {
    color: #000;
    display: flex;
    justify-content: center;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.right p.userName {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 4px;
}
.progress {
    display: block;
    width: 31%;
    height: 5px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    background-image: linear-gradient(to right, #242424, #242424);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
    position: absolute;
    top: 518px;
    left: 51%}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
@media(max-width:1630px) {
    #main .sec05 div.container {
    max-width: 90%}
#main .sec05 div.container div.sec05RightWrap {
    position: absolute;
    padding-left: 30%;
    max-width: 100%;
    width: 100%}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots {
    padding-right: 110px;
    padding-top: 20px;
}
.progress {
    width: 20%;
    top: 466px;
    left: 61%}
}@media(max-width:1420px) {
    .progress {
    width: 18%;
    left: 61%}
}@media(max-width:1348px) {
    #main .sec05 div.container div.sec05LeftWrap h3 {
    font-size: 20px;
}
#main .sec05 div.container div.sec05LeftWrap h2 {
    font-size: 40px;
}
}@media(max-width:1280px) {
    .progress {
    left: 59%}
}@media(max-width:1140px) {
    .progress {
    left: 56%}
}@media(max-width:1000px) {
    .sec03 .scroll-down {
    bottom: 0;
}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots {
    padding-right: 81px;
}
}@media(max-width:930px) {
    .sec05 .scroll-down {
    bottom: 20px;
}
#main .sec05 {
    min-height: 1050px;
}
#main .sec05 div.container {
    max-width: 90%;
    padding-top: 120px;
}
#main .sec05 div.container div.sec05LeftWrap {
    max-width: 100%;
    width: 100%;
    padding-top: 0;
}
#main .sec05 div.container div.sec05RightWrap {
    max-width: 100%;
    position: absolute;
    width: 100%;
    left: 51px;
    padding-left: 0;
    padding-top: 268px;
}
.progress {
    top: 735px!important;
    left: 34%!important;
    width: 37%!important;
}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots {
    padding-right: 90px;
    padding-top: 20px;
}
}@media(max-width:870px) {
    .progress {
    left: 33%!important;
}
}@media(max-width:830px) {
    #main .sec05 div.container div.sec05RightWrap {
    left: 47px;
}
.progress {
    left: 30%!important;
}
}@media(max-width:768px) {
    #main .sec05 div.container div.sec05RightWrap {
    left: 39px;
}
.progress {
    width: 42%!important;
    left: 22%!important;
    position: absolute;
    padding-top: 0;
    top: 772px!important;
}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots {
    padding-top: 56px;
}
}@media(max-width:690px) {
    .progress {
    left: 23%!important;
}
}@media(max-width:650px) {
    #resetPassword div.formWrapper {
    padding: 38px 15px;
}
.progress {
    left: 18%!important;
    width: 38%!important;
}
}@media(max-width:578px) {
    .progress {
    left: 15%!important;
}
}@media(max-width:500px) {
    #main .sec05 div.container div.sec05RightWrap {
    left: 25px;
}
}@media(max-width:420px) {
    #main .sec05 {
    min-height: 800px!important;
}
.sec05 .scroll-down {
    bottom: 0;
}
#main .sec05 div.container, #main section.sec04 div.container div.sec04LeftWrap {
    padding-top: 60px;
}
#main .sec05 div.container div.sec05LeftWrap h3 {
    font-size: 14px;
}
#main .sec05 div.container div.sec05LeftWrap h2 {
    font-size: 30px;
    padding-top: 16px;
}
#main .sec05 div.container div.sec05RightWrap {
    left: 0;
    position: absolute;
    top: 235px;
    padding-top: 0;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 {
    width: 250px!important;
    min-height: 250px!important;
    padding: 22px 26px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.textBox p.review {
    font-size: 12px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.imageWrapper img {
    width: 60px;
    height: auto;
}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots {
    padding-right: 20px;
    padding-top: 0;
}
.progress {
    width: 36%!important;
    top: 91.3%!important;
    left: 62px!important;
}
}@media(max-width:385px) {
    #main .sec05 {
    min-height: 800px!important;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 {
    width: 220px!important;
    min-height: 220px!important;
    padding: 11px 26px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.textBox p.review {
    font-size: 12px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox {
    margin-top: 0;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.right p.userName {
    font-size: 11px;
    text-align: center;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.right p.job {
    font-size: 11px;
}
#main .sec05 div.container div.sec05RightWrap br {
    display: none;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.starWrapper {
    font-size: 10px;
}
.progress {
    width: 36%!important;
    top: 90.3%!important;
    left: 51px!important;
}
}@media(max-width:345px) {
    .progress {
    width: 35%!important;
    top: 93.3%!important;
    left: 35px!important;
}
}@media(max-width:315px) {
    .progress {
    left: 20px!important;
}
}@media(max-width:310px) {
    #main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 {
    width: 188px!important;
    min-height: 188px!important;
    padding: 11px 20px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.textBox p.review {
    font-size: 11px;
}
}#main .sec06 .section6Container {
    width: 100%;
    min-height: auto;
    height: 100%;
    position: relative;
}

#main .sec06 .section6Container .menu-box-1 ul {
    max-width: 1600px;
    margin: auto;
    padding-top: 150px;
}
#main .sec06 .section6Container .menu-1 ul>li {
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    display: block;
    padding: 38px 0;
    border: 1px solid #4b4b4b;
    border-radius: 15px;
    text-align: left;
    margin-bottom: 16px;
    background-color: #4b4b4b;
    transition: .5s ease-out;
}
#main .sec06 .section6Container .menu-1 ul>li.active .menu-1-body__content {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
}
#main .sec06 .section6Container .menu-1 ul>li>p {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    padding-left: 40px;
    transition: .3s;
}
#main .sec06 .section6Container .menu-1 ul>li>.menu-1-body {
    display: none;
    width: 92%;
    margin: 0 auto;
    border-radius: 30px;
}
#main .sec06 .section6Container .menu-1 ul>li i {
    float: right;
    padding-right: 42px;
    font-size: 45px;
    color: #fff;
}
#main .sec06 .section6Container .menu-1 ul>li.active>div {
    display: block;
    padding: 24px 32px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>p:not(:only-child) {
    font-size: 40px;
    color: #fff;
    padding-bottom: 30px;
    transition: .3s;
}
#main .sec06 .section6Container span.faqStrong {
    display: block;
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 10px;
}
#main .sec06 .section6Container .menu-1 ul>li>p::after {
    float: right;
}
@media (max-width:880px) {
    #main .sec06, #main .sec06 .section6Container {
    min-height: auto;
}
#main .sec06 {
    padding-bottom: 150px;
}
.sec06 .scroll-down {
    bottom: 20px;
}
#main .sec06 .section6Container .menu-box-1 ul {
    padding-top: 80px;
}
#main .sec06 .section6Container .menu-1 ul>li>p {
    font-size: 20px;
}
#main .sec06 .section6Container .menu-1 ul>li i {
    font-size: 27px;
    padding-right: 20px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>p:not(:only-child) {
    font-size: 23px!important;
    padding-bottom: 18px;
}
#main .sec06 .section6Container .menu-1 ul>li.active .menu-1-body__content {
    font-size: 14px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>div {
    padding: 0 32px;
}
#main .sec06 .section6Container span.faqStrong {
    font-size: 17px;
}
#main .sec06 .section6Container .menu-1 ul>li {
    padding: 35px 0;
}
}@media(max-width:768px) {
    #main .sec06 .section6Container .menu-1 ul>li {
    padding: 26px 0;
}
#main .sec06 .section6Container .menu-1 ul>li>p {
    font-size: 17px;
    padding-left: 20px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>p:not(:only-child) {
    font-size: 21px!important;
}
}@media(max-width:390px) {
    #main .sec06 {
    padding-bottom: 60px;
}
#main .sec06 .section6Container .menu-box-1 ul {
    padding-top: 60px;
    padding-bottom: 70px;
}
#main .sec06 .section6Container .menu-1 ul>li>p {
    font-size: 14px;
    padding-left: 20px;
}
#main .sec06 .section6Container .menu-1 ul>li i {
    padding-right: 20px;
    font-size: 19px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>div {
    padding: 0 10px 0 32px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>p:not(:only-child) {
    font-size: 17px!important;
}
#main .sec06 .section6Container .menu-1 ul>li.active .menu-1-body__content {
    font-size: 12px;
}
#main .sec06 .section6Container .menu-1 ul>li {
    padding: 23px 0;
}
#main .sec06 .section6Container span.faqStrong {
    font-size: 14px;
}
}@media(max-width:280px) {
    #main .sec06 .section6Container .menu-1 ul>li>p, #main .sec06 .section6Container span.faqStrong {
    font-size: 12px;
}
#main .sec06 .section6Container .menu-1 ul>li i {
    font-size: 15px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>p:not(:only-child) {
    font-size: 15px!important;
}
#main .sec06 .section6Container .menu-1 ul>li.active .menu-1-body__content {
    font-size: 11px;
}
#main .sec06 .section6Container .menu-1 ul>li {
    padding: 19px 0;
}
}#faq {
    width: 100%;
  max-width:1600px;
  margin:30px auto;
    height: 100%
}
#faq .wrapper {
    padding:40px 40px 80px;
    background-color:#fff;
    border-radius:16px;
}
#faq figure {
    margin-bottom: 12px;
    border-radius: 5px;
    border: 1px solid #C5C5C8;
    border-radius: 8px;
    height: 74px;
    min-height: 74px;
    max-height: 74px;
    display: flex;
    align-items: center;
}
#faq .even figure {
    margin-right: 32px;
}
#faq figure.active {
    background-color: #FFF;
    flex-direction: column;
    height: 100%;
    max-height: max-content;
    min-height: max-content;
    border: 1px solid  #EB5644;
}
#faq figure.active div {
    color: #535355;
    display: flex;
    width: 100%;
    font-weight: 400;
    letter-spacing: -0.064px;
}
#faq figure.active div.figureDiv {
    padding:20px;
    background:#FDF1EC;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 16px;
}
@media (max-width:768px){
    #faq figure.active div.figureDiv {
        padding:16px;
        font-size:14px;
    }
}
#faq figure.active div.messageBox {
    color:#EB5644;
}
#faq figure.active span.faqStrong {
    display: block;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 5px;
    color: #fff;
}
#faq .even figure strong, #faq .odd figure strong {
    font-size: 18px;
    color: #535355;
    font-weight: 400;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    letter-spacing: -0.072px;
    padding: 20px;
}
@media (max-width:768px){
    #faq .even figure strong, #faq .odd figure strong {
        font-size:14px;
        padding: 16px;
    }
}
#faq .even figure strong::after, #faq .odd figure strong::after {
    content: "\e942";
    display: inline-block;
    font-family: xeicon!important;
    float: right;
    font-size: 23px;
    color: #535355;
    transition: 0.1s;
}
#faq figure.active strong::after {
 color:#EB5644;
 transform: rotate(-180deg);
 transition: 0.1s;
}
#faq div.wrapper {
    max-width: 1600px;
}
#faq div.wrapper.authPage {
    max-width: 1600px;
    min-height: 68vh;
    height: 100%}
#faq div.wrapper div.faqFilterWrapper {
  display: inline-flex;
  align-items: center;
  margin-bottom: 32px;
  gap: 6px;
  width: auto;
  border-bottom: 1px solid #C5C5C8;
}
#faq div.wrapper div.faqFilterWrapper div.faqFilterBox {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight:400;
  cursor: pointer;
  padding: 10px 25px;
  color: #787878;
}
#faq div.wrapper div.faqFilterWrapper div.faqFilterBox.active {border-bottom:2px solid #EB5644;color: #EB5644;font-weight: 600;}
 #hot-hashtag .tabWrapper .tab.active, #top-account .tabWrapper .tab.active {
    color: #EB5644;
    font-weight: 600;
    border-bottom: 2px solid #EB5644;
}
@media (max-width:768px) {
    header div.contents .menuWrapper ul {
    gap: 22px;
}
    #faq div.wrapper div.faqFilterWrapper div.faqFilterBox {
        font-size:14px;
        padding: 10px 0;
        text-align: center;
    }
#faq .even figure, header div.contents .menuWrapper ul li {
    margin-right: 0;
}
header div.contents a.logo img {
    transform: scale(1);
    height: auto;
}
header.header {
    height: 50px;
}
 header div.contents .menuWrapper ul li a, header div.contents .menuWrapper ul li button.preview {
    font-size: 12px;
}

#sign div.container .loginLeftWrapper, #sign input#password, #sign input#username {
    width: 100%}
#faq div.mobileTitle {
    display: none;
}
#faq.authPage div.mobileTitle {
    margin: 0 auto 28px;
}
#faq figure.active div {
    font-size: 11px;
}
#faq, #faq.authPage {
}
#faq div.wrapper {
    padding: 33px 16px;
    padding-left: 16px!important;
    overflow: auto;
    height: auto!important;
    max-width: 1300px;
    min-height: auto;
    margin: 0 auto 32px;
}
#faq div.wrapper.authPage {
    width: 100%;
    margin: 0 0 32px;
}
#faq div.wrapper div.faqFilterWrapper {
    margin-bottom: 16px;
    padding-left: 0;
    flex-wrap: wrap;
    gap: 5px;
}

#faq div.wrapper div.faqFilterWrapper div.faqFilterBox+div.faqFilterBox {
    margin-left: 0;
}
#faq .menu-1 {
    display: block!important;
}
#faq figure.active span.faqStrong {
    font-size: 14px;
}
#faq .even figure strong::after, #faq .odd figure strong::after {
    font-size: 16px;
}
#faq figure.active strong {
}
#faq figure div {
    font-size: 10px;
    padding: 12px;
}

}#neworder .sectionTabWrapper, #neworder .tabArea, #neworder .toastWrapper, #neworder .tabWrapper, #neworder .tabWrapper .tab, #neworder .tabWrapper .tab .tabIcon, #neworder div.wrapper {
    display: flex;
    display: flex;
}
#hot-hashtag, #top-account {
    padding: 32px 0 41px;
}
@media (max-width:300px) {
    #main div.Wrap section.sec01 .mainWrap .textWrap h2 {
    font-size: 26px;
}
#main div.flex div.sec02TextWrap h2 {
    font-size: 28px;
}
main section.section4 .description {
    line-height: 1.3;
    padding: 10px 12px;
    font-size: 10px;
    height: 90px;
}
#faq div.wrapper div.faqFilterWrapper div.faqFilterBox+div.faqFilterBox {
    margin-left: 0;
}
#faq div.wrapper div.faqFilterWrapper {
    padding-left: 0;
    margin-bottom: 16px;
}
#faq .even figure strong, #faq figure.active div {
}
#faq .even figure strong::after, #faq .odd figure strong::after {
    font-size: 12px;
}
#faq figure.active strong {
}
}#neworder .btn-default {
    background-color: #999;
    margin-left: 8px;
    border-radius: 5px;
}
#neworder .input-group button {
    border: 1px solid #ccc;
    height: 38px;
}
#neworder div.wrapper {
    max-width: 1600px;
  width:100%;
    margin: auto;
}
#neworder section a.sectionTitle {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 13px;
    color: #000;
    display: block;
}
#neworder div.rightWrapper section.noticeWrapper p.sectionTitle {
    display: inline-block;
    border: 1px solid #f4f4f4;
    background-color: #000;
    padding: 10px 20px;
    border-radius: 28px;
    color: #fff;
}
#neworder section.orderWrapper {
    flex: 1;
    position: relative;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 30px 40px 180px;
    height: auto;
    background: #fff;
}

#addfunds, #neworder div.rightWrapper, #orders {
}

#neworder .closeButton {
    width: 32px;
    height: 32px;
    cursor: pointer;
}
#neworder .tabArea {
    align-items: center;
    background: no-repeat padding-box #fff;
    flex-direction: column;
    flex: 0.35;
    padding: 30px 27px 30px 0;
}
#neworder .sectionTabWrapper {
    border-bottom: 1px solid #e3e4e7;
    margin-bottom: 30px;
    gap: 10px;
      padding: 0;
}
#neworder .sectionTabWrapper .sectionTab {
    cursor: pointer;
    transition: .2s;
    font-weight: 500;
    font-size: 17px;
    padding: 12px 20px;
    border-radius: 5px;
    background-color: transparent;
    color: #a2a3a6;
}
#neworder .sectionTabWrapper .sectionTab.active {
    font-weight: 700;
    font-size: 17px;
    padding: 12px 20px;
    border-radius: 5px;
    background-color: transparent;
    color: #eb5644;
    border-bottom: 2px solid #eb5644;
    border-radius: initial;
}
#neworder .tabWrapper {
    padding-bottom: 10px;
    flex-direction: column;
  padding:0;
}
#neworder .tabWrapper .tab button {
    color: initial;
    background-color: initial;
    height: initial;
    overflow: initial;
    box-shadow: initial;
    display: flex;
    align-items: center;
    width: initial;
    padding: initial;
    gap: 15px;
}
#neworder .tabWrapper .tab {
      cursor: pointer;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #e3e4e7;
    width: 206px;
    height: 63px;
    background: #fff;
    align-items: center;
    padding: 0;
    align-items: center;
       gap: 15px;
    color: #1a1a1a;
    margin-bottom: 15px;
    padding: 20px;
    justify-content: flex-start;
}
#neworder .tabWrapper .tab span {
  width: 100%;
    max-width: 114px;
    text-align: left;
}
#neworder .tabWrapper .tab .tabIcon {
 
}
#neworder .tabWrapper .tab .tabIcon svg,
#neworder .tabWrapper .tab .tabIcon img {
    width: 37px;
}
#neworder .tabWrapper .tab.active {
    color: #eb5644;
    font-weight: 600;
    border-radius: 10px;
    border: 1.5px solid #eb5644;
    box-shadow: 0 0 10px 0 rgba(235, 86, 68, .2);
    opacity: 1;
    background-color: #FDF1EC;
}
#neworder .autoDescriptionWrapper {

    position: relative;
    background-color: #EFF2F9;
    border-radius: 4px;
    padding: 18px 20px;
    margin-bottom: 24px;
  display:none;
}
.categoryLabelBox {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.categoryLabelBox i {
  color:#EB5644;
  font-size:20px;
}
#neworder .autoDescriptionWrapper strong {
    display: inline;
    font-size: 14px;
    color: #000;
    padding: 0;
}
#neworder .autoDescriptionWrapper .idStrong {
    font-weight: 800;
    padding: 0;
}
#addfunds .autoDescriptionWrapper i, #neworder .autoDescriptionWrapper i {
    display: flex;
    padding-top: 4px;
    padding-right: 10px;
    color: #000;
}
#neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper .select2-container .select2-selection--single .select2-selection__rendered {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 320px;
    overflow-y: auto!important;
}
#neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper .moveDiv {
    background-color: #000;
    color: #fff;
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    margin-bottom: 5px;
    margin-left: 9px;
    cursor: pointer;
    display: none;
}
#neworder section.orderWrapper .select2-container--open .select2-selection--single {
    border: 1px solid #EB5644!important;
}
#neworder section.orderWrapper .select2-container .select2-selection--single {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #C5C5C8;
    height: 40px;
    line-height: 22px;
    padding: 8px 12px;
}
#neworder section.orderWrapper .select2-container .select2-selection--single span {
    color:#535355;
    font-size:14px;
    font-weight:400;
}
#neworder section.orderWrapper .form-control {
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    border: 1px solid #C5C5C8;
    border-radius: 8px;
    height: 40px;
    line-height: 22px;
    color: #535355;
    font-size: 14px;
    font-weight: 400;
}
#neworder #field-orderform-fields-delay {
    background: url(https://storage.perfectcdn.com/gz2yx6/zpju4jm5eb616qa6.png) 96% no-repeat;
    display: block;
    appearance: none;
}
#neworder .form-control:focus {
    border: 1px solid #6d8191;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#neworder .confirmBottomDiv, #neworder div.rightWrapper section.counterWrapper div.counterBox {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: flex;
}
#neworder .select2-hidden-accessible:focus {
    border: none!important;
}
#neworder section.orderWrapper div.formWrapper div.inputWrapper label {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #1A1A1A;
    flex: 1;
  margin: 0;
}
#neworder section.orderWrapper div.formWrapper  div.chargeWrapper label {
    margin-bottom:0;
}
#neworder section.orderWrapper div.formWrapper div.inputWrapper input {
    width: 100%;
    height: 36px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    font-size: 13px;
    padding: 0 12px;
}
#neworder section.orderWrapper .control-label {
    margin-bottom: 0;
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 700;
    color: #3b3b3b;
      padding: 0;
}
#neworder section.orderWrapper div.formWrapper .inputWrapper.chargeWrapper {
    display: flex;
    align-items: center;
}
.fake_input {
	display:none;
}
#neworder section.orderWrapper div.formWrapper .fake_input.active {
	display:flex;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: 800;
}
#neworder section.orderWrapper div.formWrapper  .chargeInputBox {position:relative;}
#neworder section.orderWrapper div.formWrapper div.inputWrapper input#charge {
    height: 44px;
    font-size: 18px;
    color: #1A1A1A;
    padding-left: 21px;
    flex: 1;
    text-align: right;
    -webkit-text-fill-color: #1A1A1A;
    background: transparent;
    border: initial;
    font-size:20px;
    font-weight:800;
}
#neworder .help-block {
    font-weight: 700;
    color: #A2A3A6;
    margin-bottom: 0!important;
    font-weight: 400;
    font-size: 12px;
    margin-top: 4px;
}
#neworder .form-group__checkbox {
    padding-bottom: 18px;
    display: flex;
    gap: 8px;
    align-items: center;
}
#neworder .col-md-6 {
    margin-bottom: 0;
    padding-left: 0!important;
}
#neworder .col-md-6:last-of-type {
    padding-right: 0;
}
#neworder .col-md-6 label {
    font-size: 14px;
    padding-bottom: 12px;
    margin-bottom: 0;
}
button.orderButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
       height: 48px;
    background: #000;
    border: none;
    border-radius: 5px;
    color: #fff;
    margin-top: 16px;
    font-size: 16px;
    background-color: #EB5644;
    border-radius: 8px;
  font-weight: 600;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 17px!important;
}
#neworder div.rightWrapper {
     flex: 0.8;
    margin-right: 0;
    padding: 30px 0 100px 39px;
    height: auto !important;
}
#neworder div.rightWrapper section.counterWrapper, #neworder div.rightWrapper section.smallBoxWrapper {
    display: flex;
    gap: 28px;
    background: 0 0;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0 0 32px;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox {
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    padding: 16px;
    width: 170px;
    height: 135px;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox p.numberText {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 8px;
    text-align: center;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox p.numberText::after {
    content: "";
    display: block;
    background-color: #000;
    height: 1px;
    width: 23px;
    margin: 10px auto;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox p.title {
    font-size: 14px;
    text-align: center;
}
#neworder div.rightWrapper section div.smallBox {
    gap: 5px;
    display: flex;
    flex-direction: row!important;
    flex: 1;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #008bff;
    border-radius: 20px;
    padding: 16px;
    width: 170px;
    height: 50px!important;
    box-shadow: 0 0 20px #00000029;
}
#neworder div.rightWrapper section.confirmTimeWrapper {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 0 0 32px;
    border-radius: 45px;
    border: none;
    color: #fff;
    letter-spacing: 1.2px;
    padding: 0;
}
#neworder .confirmBottom {
    flex: 1;
    display: flex;
    color: #fff;
    font-size: 13px;
    padding: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
#neworder .confirmBottomDiv {
    flex: 1;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: #000;
    border: none;
    color: #fff;
    letter-spacing: 1.2px;
    padding: 0;
    margin: 0;
    height: 44px;
    position: relative;
}
#neworder .confirmTop {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: end;
    margin: 0;
    border: none;
    letter-spacing: 1.2px;
    padding: 4px 0 8px;
    height: 33px;
    font-size: 12px;
    color: #fff;
    margin-bottom: 14px;
    border: 1px solid #eb5644;
    border-radius: 8px;
    background: #fff3cd;
    color: #eb5644;
    font-size: 14px;
    height: 40px;
    border-color: #ffeeba;
}
#neworder .confirmTop p.timerText {
  color: #856404;
}
#account div.wrapper div.contentsBox, #addfunds section div.contentsBox, #affiliates div.wrapper section div.contentBox, #drip-feed .wrapper, #hot-hashtag, #neworder .itemDescriptionWrapper, #neworder div.rightWrapper section.noticeWrapper, #top-account, .well {
}
#neworder div.rightWrapper section.confirmTimeWrapper p.timerText {
    font-size: 14px;
    color: #fff;
}
#neworder span.timer {
    color: #856404;
    animation-name: timer;
    animation-duration: 1s;
    animation-timing-function: linear;
  font-weight: 600;
}
@keyframes timer {
    from {
    color: #00f;
    transform: rotate(1 turn);
}
to {
    color: #ff0;
    transform: translateX(30px);
}
}#neworder figure.figure {
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 100%;
    margin-right: 7px;
    width: 35px!important;
    height: 35px!important;
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
}
#neworder img.figureImg {
    position: relative;
    background: #fff;
    width: 20px;
    margin-top: 7px;
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#neworder div.rightWrapper section.noticeWrapper {
    margin: 0;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #E3E4E7;
}
#neworder div.rightWrapper section.noticeWrapper div.sectionContents {
    max-height: 100px;
    overflow-y: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f4f4f4;
    padding: 12px 22px;
    border-radius: 5px;
    line-height: 1.6;
}
#neworder div.rightWrapper section.noticeWrapper div.sectionContents * {
    color: inherit;
}
#neworder .noticeContentsWrapper {
    background-color: #fff;
    margin-top: 15px;
    border-radius: 5px;
    overflow: auto;
    padding: 14px 15px 15px 20px;
    border: 1px solid #eee;
    height: 150px;
    transition: padding .3s;
  display:none;
}
#neworder .noticeContentsWrapper p {
    font-size: 14px;
    line-height: 1.82;
    -webkit-user-select: none;
    font-weight: 600;
}
#neworder .noticeTab {
    color: #535353;
    cursor: pointer;
    border: 1px solid #e3e4e7;
    background-color: #fff;
    border-radius: 999px;
    height: 30px;
    display: flex;
    padding: 4px 12px;
    align-items: center;
    font-size: 14px;
}
#neworder .noticeTab.active {
    border: 1px solid #EB5644;
    background-color: #fff;
    border-radius: 999px;
    color: #EB5644;
}
#neworder .noticeWrapper .noticeTabWrapper ul {
	display:flex;
  padding:0;
  gap: 8px;
}
#neworder .noticeTab div {
    display: flex;
    overflow: hidden;
    text-shadow: 0 var(--font-shadow) 0 #eb5644;
}
#neworder .noticeContentsWrapper::-webkit-scrollbar {
    width: 3px;
}
#neworder .noticeContentsWrapper::-webkit-scrollbar-thumb {
    height: 10%;
   background: #eb5644!important;
    border-radius: 10px;
}
#neworder .noticeContentsWrapper::-webkit-scrollbar-track {
    background: rgb(144 144 145 / 15%);
}
.button, .statusButton {
    --font-size: 16px;
    --duration: .44s;
    --move-hover: -4px;
    --font-shadow: var(--font-size);
    font-weight: 500;
    line-height: var(--font-size);
    border-radius: 24px;
    display: block;
    outline: 0;
    text-decoration: none;
    font-size: var(--font-size);
    letter-spacing: .5px;
    background: var(--background);
    color: var(--text);
    transform: translateY(var(--y)) translateZ(0);
    transition: transform var(--duration) ease, box-shadow var(--duration) ease;
}
.button .faqFilterBox div, .button .noticeTab div, .button .sectionTab div, .button .statusButton div, .button .tab div {
    display: flex;
    overflow: hidden;
    text-shadow: 0 var(--font-shadow) 0 #535355;
}
.sectionTab div {
     display: flex;
    overflow: hidden;
    text-shadow: 0 var(--font-shadow) 0 #eb5644;
}
.button .faqFilterBox.active div, .button .noticeTab.active div, .button .sectionTab.active div, .button .statusButton.active div, .button .tab.active div, .statusButton a>div, .statusButton.active div {
    display: flex;
    overflow: hidden;
    text-shadow: 0 var(--font-shadow) 0 #eb5644;
}
.statusButton div {
    display: flex;
    overflow: hidden;
    text-shadow: 0 var(--font-shadow) 0 #ccc!important;
}
.button div span, .statusButton div span {
    display: block;
    backface-visibility: hidden;
    font-style: normal;
    transition: transform var(--duration) ease;
    transform: translateY(var(--m)) translateZ(0);
}
.button div span:first-child, .statusButton div span:first-child {
    transition-delay: 50ms;
}
.button div span:nth-child(2), .statusButton div span:nth-child(2) {
    transition-delay: 0.1s;
}
.button div span:nth-child(3), .statusButton div span:nth-child(3) {
    transition-delay: 0.15s;
}
.button div span:nth-child(4), .statusButton div span:nth-child(4) {
    transition-delay: 0.2s;
}
.button div span:nth-child(5), .statusButton div span:nth-child(5) {
    transition-delay: 0.25s;
}
.button div span:nth-child(6), .statusButton div span:nth-child(6) {
    transition-delay: 0.3s;
}
.button div span:nth-child(7), .statusButton div span:nth-child(7) {
    transition-delay: 0.35s;
}
.button div span:nth-child(8), .statusButton div span:nth-child(8) {
    transition-delay: 0.4s;
}
.button div span:nth-child(9), .statusButton div span:nth-child(9) {
    transition-delay: 0.45s;
}
.button div span:nth-child(10), .statusButton div span:nth-child(10) {
    transition-delay: 0.5s;
}
.button div span:nth-child(11), .statusButton div span:nth-child(11) {
    transition-delay: 0.55s;
}
.button:hover, .statusButton:hover {
    --y: var(--move-hover);
}
.button:hover span, .statusButton:hover span {
    --m: calc(var(--font-size) * -1);
}
#neworder .linkGuideWrapper {
    padding-top: 20px;

}
#neworder section.noticeWrapper .sec7Container {
padding:0;
}
#neworder section.noticeWrapper .sec7Container li,
#neworder figure {
    cursor: pointer;
    background-color: #F3F5F7;
    margin-bottom: 12px;
    border-radius: 8px;
    transition: .4s linear;
}
#neworder .active strong {
}
#neworder section.noticeWrapper .linkGuideWrapper .linkGuideText,
#neworder strong {
    font-size: 14px;
    font-weight: 400;
    color: #535355;
}
#neworder section.noticeWrapper .sec7Container li {
  display:flex;
  justify-content:space-between;
  align-items:center;
      width: 100%;
 
    padding: 8px 12px;
}
#neworder section.noticeWrapper .sec7Container li button {
	    height: initial;
    text-align: initial;
    background: initial;
    padding: initial;
    margin: initial;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#neworder section.noticeWrapper .sec7Container li i {
	font-size:14px;
  color:#A2A3A6;
}
#neworder figure.active div {
    display: block;
    color: #333;
    background-color: #fff;
    border-radius: 10px;
    padding: 12px 16px;
    margin: 10px 26px;
    font-size: 16px;
    font-weight: 400;
    cursor: auto;
    transition: .4s ease-in-out;
}
#neworder div.rightWrapper section.itemDescriptionWrapper div.sectionContents p {
    font-size: 13px;
}
#neworder .itemDescriptionWrapper {
    margin: 32px 0 0;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    display: block;
    border: 1px solid #E3E4E7;
}
#neworder .noticeTabContentSection {display:none}
#neworder .noticeTabContentSection.active {
    display:block;
}
#neworder .sectionTitleBox {
	    display: flex;
    justify-content: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #E3E4E7;
}
#service_description {
	margin-top:20px;
}
#neworder .sectionTitle {
    margin-bottom: 16px;
    font-weight: 500;
    color: #EB5644;
    border: 1px solid #EB5644;
    border-radius: 999px;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    width: auto;
    padding: 4px 12px;
    height: 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin: 0;
}
#neworder .noticeWrapper .noticeTabWrapper {
       display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #E3E4E7;
}
@media (max-width:1800px) {
    #neworder .confirmBottomDiv {
    font-size: 12px;
}
}@media (max-width:1120px) {
    #neworder .toastWrapper.error, #neworder .toastWrapper.success {
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, 50%);
    }
#neworder div.wrapper {
    display: block;
}
#neworder .tabArea {
    padding: 36px 27px 13px;
    box-shadow: none;
}
#neworder .tabWrapper {
    width: 100%;
    justify-content: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    box-shadow: none;
}
#neworder .tabWrapper .tab {
    margin-bottom: 0;
    width: 100%;
    flex-direction: column;
    font-size: 13px;
    border: 1px solid #f4f4f4;
    box-shadow: none;
}
#neworder .sectionTabWrapper {
    display: flex;
    border-bottom: 1px solid transparent;
    margin-bottom: 16px;
    gap: 10px;
}
#neworder section.orderWrapper {
    margin-right: 0;
    padding: 9px 40px 180px;
    box-shadow: none;
}
#neworder div.rightWrapper section.counterWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin: 32px 0;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox {
    width: auto;
}
#neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper .moveDiv {
    display: inline-block;
}
#neworder .toastWrapper {
}
#neworder .help-block {
    margin-bottom: 15px!important;
}
#neworder select#field-orderform-fields-delay {
    margin-bottom: 15px;
}
#neworder .confirmBottomDiv.liketest_box.pc {
    display: none;
}
#neworder .confirmBottomDiv.liketest_box.mobile {
    display: flex;
}
}@media (max-width:960px) {
    #neworder .tabWrapper .tab {
    width: 100%}
}@media (max-width:768px) {
    #neworder section {
    background: #fff;
}
#neworder div.wrapper {
    display: block;
}
#neworder .tabArea {
    padding: 6px 0 13px;
}
#neworder .tabWrapper .tab {
    display: flex;
    width: 100%;
    box-shadow: none;
}
#neworder section.orderWrapper .sectionTabWrapper .sectionTab {
    font-size: 16px;
    margin-right: 13px;
}
#neworder section.orderWrapper .sectionTabWrapper .sectionTab.active {
    font-size: 16px;
}
#neworder section.orderWrapper {
    margin-right: 0;
    border: 1px solid #ddd;
    padding: 25px 15px 50px;
}
#neworder div.rightWrapper {
}
#neworder div.rightWrapper section.counterWrapper {
    margin: 0 0 28px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
#neworder div.rightWrapper section.confirmTimeWrapper {
    margin: 0 0 28px;
    font-size: 12px;
}
#neworder div.rightWrapper section.noticeWrapper {
    margin: 0;
}
#neworder .itemDescriptionWrapper {
    margin: 28px 0 15px;
    font-size: 12px;
}
#neworder .menu-1 ul>li.active .menu-1-body__content, #neworder .noticeContentsWrapper p, #neworder section.orderWrapper .tabWrapper .tab.active {
    font-size: 10px;
}
#neworder section.orderWrapper .tabWrapper .tab .tabIcon {
    display: block;
    padding-right: 0;
}
#neworder section.orderWrapper .tabWrapper .tab {
    display: inline-block;
    padding: 5px 0 5px 2px;
    margin-right: 4px;
    cursor: pointer;
    background-color: #f4f4f4;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 600;
    width: 66px;
    color: #c9c9c9;
    height: 49px;
    text-align: center;
}
#neworder figure strong::after, #neworder strong {
    font-size: 15px;
}
#neworder .active strong {
    font-size: 17px;
}
#neworder figure div {
    width: auto;
    padding: 12px;
}
#neworder .autoDescriptionWrapper {
    padding: 18px 10px;
    margin-bottom: 24px;
}
#neworder .autoDescriptionWrapper strong {
    font-size: 11px;
}
#neworder .autoDescriptionWrapper i {
    padding-top: 4px;
    padding-right: 6px;
}
#neworder figure.active div {
    font-size: 10px!important;
    padding: 12px;
}
#neworder section.orderWrapper .tabWrapper .tab .tabIcon img {
    width: 22px;
    height: 25px;
    padding-bottom: 3px;
}
#neworder section.orderWrapper .tabWrapper .tab:nth-child(4) img {
    padding: 4px 0;
}
#neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper {
    padding-bottom: 0;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox p.numberText {
    font-size: 20px;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox {
    height: 136px;
    width: auto;
}
#neworder .noticeTab {
    font-size: 14px;
}
#neworder .linkGuideWrapper {
    padding-top: 16px;
}
#neworder .menu-1 ul>li {
    transition: .4s linear;
}
#neworder .menu-1 ul>li>p {
    color: #9f9f9f;
    font-size: 14px;
    font-weight: 400;
    padding-left: 12px;
}
#neworder .menu-1 ul>li i {
    float: right;
    padding-right: 28px;
    font-size: 24px;
    color: #9f9f9f;
}
#neworder .menu-1 ul>li.active>p:not(:only-child) {
    font-size: 14px;
    color: #fff;
    padding-bottom: 12px;
}
#neworder .menu-1 ul>li.active {
    padding: 16px 10px;
}
#neworder .menu-1 ul>li.active i {
    padding-right: 0;
}
#neworder .menu-1 ul>li.active>div {
    width: auto;
    padding: 13px 15px;
}
#neworder .toastWrapper.error, #neworder .toastWrapper.success {
}
}@media (max-width:450px) {
    #neworder strong {
    font-size: 13px;
    padding: 17px 15px 7px;
}
#addfunds span.idSpan1 {
    font-size: 12.7px;
}
}@media (max-width:370px) {
    #neworder strong {
    font-size: 11px;
    padding: 17px 10px 7px 15px;
}
#neworder figure strong::after {
    font-size: 13px;
}
}#orders div.orderHistoryWrapper, #orders div.totalWrapper div.totalBox {
    border-radius: 5px;
    background: #fff;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#addfunds, #orders .wrapper {
    padding: 50px 0 60px;
    margin: auto;
}
#orders {
    width: 100%;
    min-height: 68vh;
    height: auto;
}
#orders .wrapper {
    max-width: 1600px;
}
#orders div.totalWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
}
#orders div.totalWrapper div.totalBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 39px 10px;
    height: 135px;
}
#orders div.totalWrapper div.totalBox+div.totalBox {
    margin-left: 15px;
}
#orders div.totalWrapper div.totalBox p.count {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 9px;
    text-align: center;
}
#orders div.totalWrapper div.totalBox p.count::after {
    display: block;
    content: '';
    background-color: #000;
    width: 20px;
    height: 1px;
    margin: 7px auto;
}
#orders div.totalWrapper div.totalBox p.name {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.1px;
    text-align: center;
}
#orders div.orderHistoryWrapper {
    height: auto;
    padding: 32px 0;
    margin-bottom: 60px;
}
#orders div.orderHistoryWrapper div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    padding: 0 28px;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    margin-right: auto;
    gap: 6px;
}
#drip-feed .input-group .form-control:first-child, #orders .input-group .form-control:first-child {
    border-radius: 5px 0 0 5px;
}
#orders .input-group .form-control {
    width: 352px;
    height: 38px;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton {
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    cursor: pointer;
    background: #f4f4f4;
    color: #c9c9c9;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton+div.statusButton {
    margin-left: 8px;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton.active, div.newOrder_customComment_category.active {
    background: #000;
    color: #fff;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton a {
    font-size: 14px;
    color: #c9c9c9;
    font-weight: 500;
    width: 100%;
    display: flex;
    padding: 10px 22px;
}
#drip-feed div.filterWrapper div.statusButtonWrapper div.statusButton.active a, #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton.active a, #subscriptions div.filterWrapper div.statusButtonWrapper div.statusButton.active a {
    color: #fff;
    font-weight: 600;
}
#drip-feed i, #orders i, #subscriptions i {
    color: #afafaf;
    font-size: 20px;
}
#drip-feed td.nowrap a, #subscription a, td.nowrap a {
    color: #2fa4e7;
    text-decoration: underline;
}
#orders .table>thead>tr>th {
    border-top: 2px solid #d9d9d9!important;
    border-bottom: 1px solid #d9d9d9;
    padding: 12px 10px;
    font-size: 13px;
    align-items: center;
    vertical-align: middle;
    text-align: center;
}
#orders .width-40 {
    width: 31%!important;
    word-break: break-all;
    min-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#orders .table>tbody>tr>td {
    text-align: center!important;
    border-top: 1px solid #e5e5e547;
    padding: 16px 0;
}
#addfunds section.bottomSection div.contentsBox:nth-child(2) tr:nth-child(2n), #drip-feed tr:nth-child(2n), #hot-hashtag .tableDataRow:nth-child(2n), #orders tr:nth-child(2n), #subscriptions tr:nth-child(2n), #top-account .tableDataRow:nth-child(2n) {
    background-color: #e5e5e547;
}
#orders .btn-default {
    border-left: none;
    border-radius: 0 5px 5px 0;
    background-color: #fff;
    border-right: 1px solid #dbdbdb!important;
    border-top: 1px solid #dbdbdb!important;
    border-bottom: 1px solid #dbdbdb!important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    padding: 9px 18px;
    background-image: none;
    height: 38px!important;
    display: flex;
    align-items: center;
}
@media (max-width:1900px) {
    #orders div.totalWrapper {
    flex-wrap: wrap;
}
}@media (max-width:1700px) {
    #orders .table, #subscriptions .table {
    width: 100%;
    min-width: 1500px;
}
#neworder div.rightWrapper section.confirmTimeWrapper {
    display: inherit;
}
#neworder .confirmTop {
    text-align: center;
}
#neworder .confirmBottom {
    display: block;
    text-align: center;
}
#neworder img.figureImg {
    margin-left: 0;
    border-radius: 0;
}
#neworder .confirmBottomDiv {
    margin-bottom: 10px;
}
#orders .table {
    margin-bottom: 21px;
    overflow: auto;
}
}@media (max-width:1200px) {
    #orders .table {
    min-width: 1400px;
}
}#subscriptions .input-group-btn {
    z-index: 1;
}
#subscriptions button.btn {
    height: 38px!important;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
}
#drip-feed, #subscriptions {
    width: 100%;
    max-width: 1600px;
    margin: auto;
}
#subscriptions .wrapper {
    border-radius: 5px;
    box-shadow: 0 0 20px #00000029;
    padding: 32px 0 41px!important;
    width: 100%;
    max-width: 1600px;
    margin: 50px auto 120px;
    overflow: auto;
    min-height: 49.4vh;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background: #fff;
}
#subscriptions div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 21px;
    padding-left: 16px;
    padding-right: 16px;
}
#subscriptions div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    margin-right: auto;
    flex-wrap: wrap;
    gap: 6px;
}
#subscriptions div.filterWrapper div.statusButtonWrapper div.statusButton {
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
    border-radius: 5px;
    cursor: pointer;
}
#subscriptions .table>tbody>tr>td {
    vertical-align: middle;
    border-top: 1px solid transparent!important;
    text-align: center;
}
#drip-feed div.filterWrapper div.statusButtonWrapper div.statusButton.active, #subscriptions div.filterWrapper div.statusButtonWrapper div.statusButton.active, .totop i, div.newOrder_customComment_category.active:hover, footer {
    background: #000;
}
#subscriptions div.filterWrapper div.statusButtonWrapper div.statusButton a {
    font-size: 14px;
    color: #c9c9c9;
    font-weight: 500;
    padding: 10px 22px;
    display: flex;
}
#subscriptions table thead {
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#subscriptions .table>thead>tr>th {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 12px 10px;
}
#subscriptions td {
    height: 56px;
}
#subscriptions .btn-xs, .btn-group-xs>.btn {
    height: auto;
    padding: 6px 14px!important;
    font-size: 14px;
    border-radius: 5px!important;
    color: #fff;
    background-color: #000!important;
    line-height: 1.5;
}
#subscriptions .table>tbody>tr>td:last-child {
    padding: 10px;
}
#subscriptions .btn-xs:hover {
    background-color: gray!important;
}
#subscriptions .btn-primary {
    color: #fff;
    background-color: #000;
    border-color: transparent;
    background-image: none;
}
#subscriptions .btn-default.cancel {
    background-color: #fff!important;
    border-left: 1px solid;
    border-color: #000!important;
    color: #000;
}
#subscriptions .btn-default.cancel:hover {
    background-color: gray!important;
    border-color: gray!important;
    color: #fff;
}
#drip-feed .btn-default, #subscriptions .btn-default {
    border-right: 1px solid #dbdbdb!important;
    border-top: 1px solid #dbdbdb!important;
    border-bottom: 1px solid #dbdbdb!important;
    border-left: none;
    background-color: #fff;
}
#subscriptions .input-group .form-control:first-child {
    border-radius: 5px 0 0 5px;
    border-right: none;
}
#subscriptions .btn-default {
    background-image: none;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    padding: 9px 18px;
    z-index: -1;
    border-radius: 0 5px 5px 0;
}
#addfunds section div.contentsBox, #drip-feed .wrapper {
    box-shadow: 0 0 20px #00000029;
}
#drip-feed .input-group .form-control, #subscriptions .input-group .form-control {
    width: 352px;
}
#drip-feed div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton, #subscriptions div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 10px 22px;
    cursor: pointer;
}
@media (max-width:1500px) {
    #neworder div.rightWrapper section.counterWrapper {
    flex-wrap: wrap;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox {
    flex: auto;
    flex-wrap: wrap;
}
#neworder .confirmTop {
    text-align: center;
}
#neworder figure.figure {
    display: inline-block;
    width: 30px!important;
    height: 30px!important;
    margin-right: 5px;
    font-size: 11px;
}
#neworder .confirmBottom {
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 0;
    margin-top: 10px;
}
#neworder img.figureImg {
    position: relative;
    background-color: #fff;
    width: 15px;
    margin-top: 0;
    margin-left: 0;
    font-size: 11px;
}
#subscriptions div.filterWrapper {
    flex-wrap: wrap;
    gap: 9px;
}
#addfunds .modal-content {
    width: 90%}
}#account, #drip-feed .wrapper, #hot-hashtag, #top-account {
    max-width: 1600px;
    margin: 50px auto 120px;
}
#drip-feed td.nowrap a, td.nowrap a {
    font-weight: 500;
}
#drip-feed .table>thead {
    border-top: 2px solid #ccc!important;
    border-bottom: 1px solid #ccc!important;
}
#drip-feed .wrapper {
    border-radius: 5px;
    padding: 32px 0 41px!important;
    width: 100%;
    overflow: auto;
    background: #fff;
}
#drip-feed div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 21px;
    padding-left: 16px;
    padding-right: 16px;
    flex-wrap: wrap;
    gap: 6px;
}
#drip-feed div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    margin-right: auto;
    gap: 6px;
}
#drip-feed div.filterWrapper div.statusButtonWrapper div.statusButton {
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
    border-radius: 5px;
    padding: 10px 22px;
    cursor: pointer;
}
#drip-feed div.filterWrapper div.statusButtonWrapper div.statusButton a {
    font-size: 14px;
    color: #c9c9c9;
}
#drip-feed table.table {
    min-width: 1500px;
    width: 100%;
    max-width: 100%}
#drip-feed .table>tbody>tr>td {
    border-top: 1px solid #e5e5e547;
    padding: 16px 0;
}
#drip-feed .btn-default {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    padding: 9px 18px;
    border-radius: 0 5px 5px 0;
    height: 38px;
    display: flex;
    align-items: center;
    background-image: none;
}
#drip-feed .table>thead>tr>th {
    border-bottom: 1px solid #ccc!important;
    text-align: center;
    padding: 12px 0;
}
@media (max-width:1670px) {
    #drip-feed, #main .sec06 .section6Container .menu-box-1 ul {
    max-width: 95%}
#subscriptions .wrapper {
    max-width: 100%}
}#addfunds {
    max-width: 100%}
#addfunds section+section {
    margin-top: 16px;
    margin-bottom: 60px;
}
#addfunds section div.contentsBox {
    border-radius: 5px;
    padding: 32px 32px 40px;
    background-color: #fff;
}
#addfunds section div.contentsBox:nth-child(2) .title {
    padding: 32px 0 12px 32px;
}
#addfunds section div.contentsBox:nth-child(2) .table>thead>tr>th {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    vertical-align: middle;
}
#addfunds section div.contentsBox:nth-child(2) .table>thead>tr {
    padding-left: 20px;
}
#addfunds section div.contentsBox:nth-child(2) .table>thead>tr>th:first-child {
    width: 13%;
    padding: 12px 10px;
}
#addfunds section div.contentsBox+div.contentsBox, #addfunds section.bottomSection div.contentsBox div.methodWrapper+div.methodWrapper, footer div.policyWrapper a.policy+a.policy {
    margin-left: 16px;
}
#addfunds section div.contentsBox p.title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.2;
}
#addfunds section div.contentsBox .smallTitle {
    font-size: 16px!important;
    font-weight: 700!important;
}
#addfunds section div.contentsBox p.description+p.description, footer div.textWrapper div.textRow+div.textRow {
    margin-top: 4px;
}
#addfunds section.bottomSection div.contentsBox {
    flex: 1;
    height: 100%}
#addfunds section.bottomSection div.contentsBox div.methodWrapper, #main-popup-modal div.mainPopupButtonWrapper, #neworder-main-popup-modal div.mainPopupButtonWrapper, div#neworder-instagram-popup-modal .followerButtonWrapper, div#no-auth-neworder-instagram-popup-modal .no-auth-followerButtonWrapper, footer div.policyWrapper, footer div.textWrapper div.textRow {
    display: flex;
    align-items: center;
}
#addfunds section.bottomSection div.contentsBox:nth-child(2) {
    height: auto;
}
#addfunds section.bottomSection div.contentsBox:nth-child(2) .table>tbody>tr>td {
    padding: 16px 8px;
    border: none;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    background: #f0f0f0de;
    border-radius: 5px;
    padding: 51px 34px;
    cursor: pointer;
    border: 1px solid #f0f0f0de;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox+div.methodBox {
    margin-left: 34px;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.icon img {
    width: 100%;
    height: 200px;
}
@media (max-width:500px) {
    main section.section4 p.sectionTitle {
    padding: 60px 0 10px;
    font-size: 20px;
}
#neworder .confirmBottomDiv {
    font-size: 10px;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 20px #00000029;
    border-radius: 5px;
    background-color: #000;
    border: none;
    color: #fff;
    letter-spacing: 1.2px;
    padding: 0;
    margin: 0 0 10px;
    height: 44px;
}
#neworder .noticeContentsWrapper {
    padding: 5px 5px 15px 10px;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.icon img {
    width: 100%;
    height: auto;
}
}@media (max-width:350px) {
    section.section4 .description {
    padding: 10px 12px;
    font-size: 11px;
    line-height: 1.4;
}
#neworder .noticeWrapper .noticeTabWrapper {
}
#neworder .noticeTab:first-of-type {
}
#neworder .noticeTab:last-of-type {
    width: auto;
}
#addfunds section.bottomSection div.contentsBox:nth-child(2) {
    overflow-x: scroll;
    width: 100%}
#addfunds .table {
    width: 500px;
    min-width: 500px;
}
}#addfunds section.bottomSection div.contentsBox div.methodWrapper p.methodName {
    font-size: 24px;
    font-weight: 700;
    padding-top: 29px;
    text-align: center;
    color: #1c3b55;
}
#addfunds .autoDescriptionWrapper {
    position: relative;
    background-color: #0000001a;
    border-radius: 5px;
    padding: 18px 20px;
    margin-bottom: 24px;
    display: none;
}
#addfunds .autoDescriptionWrapper strong {
    display: inline;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
#addfunds .autoDescriptionWrapper .idStrong {
    font-weight: 700;
    font-size: 15px;
}
#addfunds span.idSpan1 {
    padding-bottom: 7px;
    display: block;
}
#addfunds span.idSpan2 {
    display: block;
    padding-bottom: 0;
}
.btn-primary:hover {
    color: #fff;
    background-color: gray;
    border-color: gray;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #008bff;
    border-color: #008bff;
}
.table>thead>tr>th {
    border-bottom: 2px solid #d9d9d9;
}
.well {
    padding: 19px;
    margin-bottom: 80px;
    border-radius: 5px;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid transparent;
}
@media (max-width:1899px) {
    #orders div.orderHistoryWrapper div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    padding: 0 28px;
    width: 100%;
    flex-wrap: wrap;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    margin-right: auto;
    width: auto;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
#orders .input-group .form-control {
    width: 350px;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton.active {
    background: #000;
}
#orders div.orderHistoryWrapper {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    overflow-x: auto;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox {
    height: auto;
}
}@media (max-width:1630px) {
    #addfunds, #orders .wrapper {
    padding: 50px 25px 60px;
}
#subscriptions {
    width: 100%;
    max-width: 97%}
#hot-hashtag {
    max-width: 97%}
}@media (max-width:1300px) {
    #faq .menu-1 {
    display: block!important;
}

#addfunds section.bottomSection {
    display: block;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox, #addfunds section.bottomSection div.contentsBox:first-child {
    height: auto;
}
#addfunds section div.contentsBox+div.contentsBox {
    margin-left: 0;
    margin-top: 16px;
}
}@media(max-width:650px) {
    #addfunds .autoDescriptionWrapper {
    padding: 19px 11px;
}
}.likeTest_logout, .logout_test {
    padding: 5px 10px;
    line-height: 1.2;
}
@media (max-width:320px) {
    #addfunds section div.contentsBox: nth-child(2) .table>thead>tr>th:first-child {
    width: 14%}
#addfunds section.bottomSection div.contentsBox:nth-child(2) .table>tbody>tr>td {
    font-size: 12px;
}
}#affiliates div.wrapper section div.contentBox, #hot-hashtag, #top-account {
    border-radius: 5px;
}
#hot-hashtag .updateDate, #top-account .updateDate {
    padding-bottom: 12px;
}

#hot-hashtag div.contents p.title, #top-account div.contents p.title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-left: 16px;
}
#top-account div.contents div.tableWrapper {
    width: 100%;
    overflow-y: auto;
}

#hot-hashtag div.contents div.tableWrapper div.tableDataRow, #top-account div.contents div.tableWrapper div.tableDataRow {
    display: flex;
    moz-transition: all .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    background-size: 300% 100%}
#hot-hashtag div.contents div.tableWrapper div.tableDataRow:hover, #top-account div.contents div.tableWrapper div.tableDataRow:hover {
    background-color: #e5e5e547;
    background-image: linear-gradient(to right, #e5e5e547, #63636347, #29292947, #1a1a1a47);
    box-shadow: 0 4px 15px 0 rgb(154 154 154 / 92%);
    moz-transition: all .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    background-position: 100% 0;
}
#hot-hashtag div.contents div.tableWrapper div.ranking, #top-account div.contents div.tableWrapper div.ranking, #top-account div.contents div.tableWrapper div.score {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 80px;
    padding: 8px;
}
#top-account div.contents div.tableWrapper div.averageLike, #top-account div.contents div.tableWrapper div.dailyPostCount, #top-account div.contents div.tableWrapper div.follow, #top-account div.contents div.tableWrapper div.follower, #top-account div.contents div.tableWrapper div.hashtag, #top-account div.contents div.tableWrapper div.post {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 150px;
    padding: 11px;
}
#top-account div.contents div.tableWrapper div.account {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 150px;
    padding: 11px;
}
#top-account div.contents div.tableWrapper div.increaseRate {
    display: flex;
    align-items: flex-start;
    flex: 0 0 555px;
    padding: 8px;
    text-align: left;
    justify-content: center;
}
@media (max-width:1600px) {
    #top-account {
    width: 97%;
    margin: 50px auto 60px;
    border-radius: 5px;
    padding: 32px 0 60px;
    background: #fff;
    --tw-shadow: 0 1px 3px 0 rgba(0,  0,  0,  .1), 0 1px 2px -1px rgba(0,  0,  0,  .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#top-account div.contents {
    width: 100%}
}@media (max-width:1130px) {
    #addfunds div.mobileTitle strong, #drip-feed div.mobileTitle strong, #orders div.mobileTitle strong, #subscriptions div.mobileTitle strong, div.mobileTitle strong {
    color: #000;
    font-weight: 700;
}
#addfunds div.mobileTitle, #drip-feed div.mobileTitle, #orders div.mobileTitle, #subscriptions div.mobileTitle {
    font-size: 17px;
    display: flex;
    padding: 0;
    border-radius: 5px;
    background: 0 0;
}
#orders div.mobileTitle {
    max-width: 95%;
    margin: 50px auto 0;
    justify-content: left;
}
#orders .wrapper {
    padding: 20px 25px 60px;
}
#subscriptions {
    width: 100%;
    max-width: 95%;
    margin: auto;
}
#drip-feed div.mobileTitle, #subscriptions div.mobileTitle {
    max-width: 100%;
    margin: 50px auto 0;
    justify-content: left;
}
#subscriptions .wrapper {
    margin: 20px 0 120px;
}
#drip-feed .wrapper, #hot-hashtag {
    margin: 20px auto 120px;
}
#addfunds section+section {
    margin-bottom: 50px;
}
#addfunds div.mobileTitle {
    max-width: 95%;
    margin: 0 auto 20px;
    justify-content: left;
}
#addfunds {
    padding: 50px 0 60px;
}
div.mobileTitle {
    font-size: 17px;
    display: flex;
    padding: 0;
    max-width: 95%;
    margin: 50px auto 0;
    border-radius: 5px;
    background: left;
}
div.mobileTitle strong {
    font-size: 19px;
}
#top-account {
    margin-top: 20px;
}
}#personPolicy h4 span, footer p.tel {
    font-weight: 400;
    font-size: 15px;
}
@media (max-width:768px) {
    #orders .table, #subscriptions table {
    width: 1600px;
    max-width: 1600px;
}
#orders .wrapper {
    padding: 20px 16px 0!important;
}
#drip-feed div.mobileTitle, #orders div.mobileTitle, #subscriptions div.mobileTitle, div.mobileTitle {
    margin: 28px auto 0;
}
#orders div.totalWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    justify-content: center;
    align-items: center;
    margin-bottom: 28px;
}
#addfunds section div.contentsBox+div.contentsBox, #addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox+div.methodBox, #orders div.totalWrapper div.totalBox+div.totalBox {
    margin-left: 0;
}
#orders div.orderHistoryWrapper div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    padding: 0 11px;
    width: 100%;
    flex-wrap: wrap;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    margin-right: auto;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
#orders .table {
    margin-bottom: 21px;
    overflow: scroll;
}
#orders .input-group .form-control, #subscriptions .input-group .form-control {
    width: 100%}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton.active, #subscriptions div.filterWrapper div.statusButtonWrapper div.statusButton.active {
    background: #000;
}
#orders div.orderHistoryWrapper {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    overflow-x: scroll;
}
#subscriptions {
    width: 100%;
    margin: auto;
    max-width: 95%}
#subscriptions .wrapper {
    overflow: auto;
    max-width: 100%;
    margin: 20px 0 50px;
    height: auto;
    min-height: auto!important;
    border-radius: 5px;
    padding: 32px 0 41px!important;
}
#subscriptions div.filterWrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
#subscriptions div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%}
#addfunds section.bottomSection, #subscriptions form {
    display: block;
}
#addfunds {
    padding: 28px 16px 0!important;
}
#addfunds div.mobileTitle {
    margin: 0 auto 20px;
    max-width: 100%}
#addfunds section div.contentsBox p.title {
    font-size: 20px;
}
#addfunds section div.contentsBox {
    padding: 29px 12px 40px;
    margin-bottom: 28px;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper {
    display: grid;
    align-items: center;
    gap: 12px;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    border-radius: 5px;
    cursor: pointer;
    padding: 19px 14px;
}
#addfunds section.bottomSection div.contentsBox:first-child {
    height: auto!important;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper .methodBox:nth-child(2) .icon img {
    width: 100%;
    padding-left: 0;
}
#addfunds section div.contentsBox:nth-child(2) .table>thead>tr>th {
    font-size: 12px;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.icon {
    vertical-align: middle;
    text-align: center;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper p.methodName {
    font-size: 20px;
    font-weight: 700;
    padding-top: 10px;
    color: #1c3b55;
}
#top-account {
    width: 95%;
    overflow-x: scroll;
    padding: 32px 0 41px;
    margin-bottom: 50px;
    margin-top: 20px;
}
#top-account .tabWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 33px;
    padding-left: 16px;
    width: 100%;
    flex-wrap: wrap;
}
#top-account .tabWrapper .tab {
    margin-bottom: 10px;
}
#top-account div.contents {
    width: 1400px;
}
}@media (max-width:434px) {
    #top-account .tabWrapper .tab:last-of-type {
    margin-left: 0!important;
}
}@media (max-width:327px) {
    #top-account .tabWrapper .tab {
    margin-left: 10px;
    font-size: 13px;
}
#top-account .tabWrapper .tab:last-of-type {
    margin-left: 10px!important;
}
#top-account .tabWrapper {
    padding-left: 4px;
}
#top-account .updateDate {
    font-size: 13px;
}
#top-account div.contents p.title {
    font-size: 19px;
}
#top-account .tabWrapper .tab+.tab {
    margin-left: 10px;
}
}#hot-hashtag div.contents div.tableWrapper {
    width: 100%;
    max-height: 200vh;
}
#hot-hashtag div.contents div.tableWrapper div.hashtag {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 150px;
    padding: 11px;
    cursor: pointer;
}
#hot-hashtag div.contents div.tableWrapper div.increaseRate {
    display: flex;
    align-items: flex-start;
    flex: 0 0 42%;
    padding: 8px;
    text-align: left;
    justify-content: center;
}
#affiliates {
    max-width: 1600px;
    padding: 50px 0 120px;
    margin: 0 auto;
    min-height: 68vh;
    height: auto;
    max-height: 100%}
#affiliates div.wrapper section div.contentBox {
    padding: 34px 32px;
    background-color: #fff;
}
#affiliates div.wrapper section div.contentBox p.mainTitle, #affiliates div.wrapper section.middleSection div.contentBox p.price {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}
#affiliates div.wrapper section.middleSection {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
#affiliates div.wrapper section.middleSection div.contentBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper, #payment div.priceWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper p.link {
    font-size: 16px;
    text-decoration: underline;
    margin-right: 8px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper div.copyButton {
    font-size: 16px;
    font-weight: 500;
    background: #000;
    cursor: pointer;
    color: #fff;
    padding: 5px 20px;
    border-radius: 3px;
    flex: 0 0 auto;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper div.copyButton:hover {
    background: gray;
}
#affiliates div.wrapper section.bottomSection div.contentBox {
    display: flex;
    padding: 47px 0;
}
#affiliates div.wrapper section.bottomSection div.contentBox div.historyBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    position: relative;
    gap: 32px;
}
#affiliates .historyBox .btn-xs {
    margin-top: 19px;
    height: auto;
    padding: 6px 14px!important;
    font-size: 14px;
    border-radius: 5px!important;
    color: #fff;
    background-color: #000!important;
    line-height: 1.5;
    background-image: none;
}
#affiliates .historyBox .btn-xs:hover {
    background-color: gray!important;
    border: 1px solid gray!important;
}
#affiliates div.wrapper section.bottomSection div.contentBox div.historyBox::after {
    display: block;
    content: '';
    background-color: #d9d9d9;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%}
#affiliates div.wrapper section.bottomSection div.contentBox div.historyBox::before {
    display: block;
    content: '';
    background-color: #f2fcff;
    height: 50px;
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: -1;
}
#affiliates div.wrapper section.bottomSection div.contentBox div.historyBox p.title {
    font-size: 14px;
    font-weight: 700;
}
@media (max-width:1630px) {
    #affiliates {
    max-width: 97%;
    padding: 50px 0 60px;
    margin: 0 auto;
}
}@media (max-width:1130px) {
    #affiliates {
    padding: 20px 0 60px;
}
}@media (max-width:870px) {
    #affiliates div.wrapper section div.contentBox: last-of-type {
    margin-left: 0!important;
    margin-top: 0;
}
}@media (max-width:768px) {
    #hot-hashtag {
    margin-left: 16px;
    margin-right: 19px;
    width: 95%}
#hot-hashtag div.contents div.tableWrapper div.increaseRate {
    display: flex;
    align-items: flex-start;
    flex: 0 0 42%;
    padding: 8px;
    justify-content: center;
}
#hot-hashtag .tabWrapper .tab.active {
    font-size: 13px;
}
#hot-hashtag .tabWrapper .tab+.tab {
    margin-left: 5px;
    font-size: 13px;
}
#affiliates div.wrapper section.middleSection div.contentBox p.price, #affiliates div.wrapper section.middleSection div.contentBox p.title, #hot-hashtag div.contents div.tableWrapper div.hashtag, #hot-hashtag div.contents div.tableWrapper div.increaseRate {
    text-align: center;
}
#hot-hashtag .tabWrapper .tab {
    font-size: 13px;
    padding: 9px 3px;
}
#affiliates {
    padding: 20px 0 60px;
}
#affiliates div.wrapper {
    padding: 0;
}
#affiliates div.wrapper section div.contentBox p.mainTitle {
    font-size: 20px;
    margin-bottom: 12px;
}
#affiliates div.wrapper section div.contentBox {
    padding: 32px 12px;
}
#affiliates div.wrapper section.middleSection {
    display: block;
}
#affiliates div.wrapper section div.contentBox+div.contentBox {
    margin-left: 0;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper div.copyButton {
    font-size: 14px;
    padding: 5px 12px;
}
#affiliates div.wrapper section.middleSection div.contentBox {
    margin-bottom: 16px;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper {
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
}
#affiliates div.wrapper section.bottomSection div.contentBox div.historyBox p.title {
    font-size: 12px;
    text-align: center;
    flex-wrap: wrap;
    gap: 7px;
}
#affiliates div.wrapper section div.contentBox p.description {
    font-size: 14px;
}
}@media(max-width:600px) {
    #affiliates .bottomSection {
    overflow-x: auto;
}
#affiliates .bottomSection .contentBox {
    width: 600px;
}
}@media (max-width:280px) {
    main section.section4 .description {
    line-height: 1.3;
    padding: 10px 12px;
    font-size: 10px;
}
#neworder strong {
    font-size: 10px;
}
#neworder figure strong::after {
    font-size: 8px;
}
#neworder .itemDescriptionWrapper {
    padding: 24px 18px 24px 14px;
}
#neworder section.orderWrapper .tabWrapper .tab {
    margin-right: 0;
}
#orders div.totalWrapper div.totalBox p.count {
    font-size: 16px;
}
#orders div.totalWrapper div.totalBox p.name {
    font-size: 14px;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper p.methodName {
    font-size: 16px;
    font-weight: 500;
}
#hot-hashtag .tabWrapper .tab {
    padding: 9px 3px;
}
#hot-hashtag .updateDate, #hot-hashtag div.contents div.tableWrapper div.hashtag, #hot-hashtag div.contents div.tableWrapper div.increaseRate, #hot-hashtag div.contents div.tableWrapper div.tableHeaderWrapper {
    font-size: 12px;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper p.link {
    padding-left: 12px;
    margin-right: 0;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper div.copyButton {
    font-size: 13px;
    padding: 5px 8px;
}
}#account {
    padding: 0;
    min-height: 53.5vh;
    max-height: 100%;
    height: 100%}
#account div.wrapper div.contentsBox {
    flex: 1;
    padding: 32px;
    background-color: #fff;
    border-radius: 5px;
}
#account .contentsBox.first {
    height: 500px;
}
#account div.wrapper div.contentsBox p.title {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 28px;
}
#account div.wrapper div.contentsBox div.inputWrapper label {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 12px;
}
#account div.wrapper div.contentsBox div.inputWrapper input {
    height: 44px;
    width: 100%;
    border-radius: 5px;
    font-size: 15px;
    display: block;
    padding-left: 9px;
    font-weight: 500;
}
#account div.wrapper div.contentsBox button {
    width: 100%;
    height: 50px;
    background: #000;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-top: 16px;
    padding-left: 0;
}
#account div.wrapper div.contentsBox button.close {
    background: 0 0;
    margin-top: 0;
    font-size: 21px!important;
    top: -2px!important;
    left: 15px!important;
}
#payment div.paymentButton.disabled, .likeTest_logout, .logout_test {
    background-color: #9f9f9f;
}
#account div.wrapper div.contentsBox div.inputWrapper input:focus {
    border: 1px solid #000000bd;
}
#account div.wrapper div.rightSection {
    flex: 1;
    margin-left: 16px;
}
#account input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: #fafafa;
    width: 100%;
    height: 55px;
    border: none;
    color: #9f9f9f;
}
@media(max-width:1630px) {
    #account {
    max-width: 95%}
}@media(max-width:1130px) {
    #account {
    margin: 20px auto 120px;
}
}@media (max-width:992px) {
    #neworder .col-md-6 {
    padding-right: 0;
}
#account div.wrapper {
    display: block;
}
#account div.wrapper div.rightSection {
    margin-left: 0;
}
#account div.wrapper div.contentsBox.two, #account div.wrapper div.rightSection div.contentsBox+div.contentsBox {
    margin-top: 28px;
}
#account div.wrapper div.contentsBox p.title {
    text-align: center;
}
#account div.wrapper div.contentsBox.four {
    margin-bottom: 40px;
}
#account div.wrapper div.contentsBox {
    margin-bottom: 24px;
}
}footer div.contents {
    width: 100%;
    padding: 40px 0 60px;
}
footer p.tel {
    color: #fff;
    margin-bottom: 7px;
    display: block;
}
footer a.kakaoButton {
    align-items: center;
    height: 80px;
    background: #ffd800;
    border-radius: 60px;
    font-size: 26px;
    font-weight: 700;
    color: #2b2024;
    padding: 0 40px;
    margin-bottom: 20px;
    cursor: pointer;
    display: none;
}
footer div div img.companyInfo {
    width: 25%;
    max-width: 100%}
footer div.textWrapper {
    padding: 0 0 30px;
}
footer div.textWrapper div.textRow span.text {
    font-size: 13px;
    color: #fff;
}
footer div.textWrapper div.textRow span.text+span.text {
    margin-left: 10px;
}
footer div.policyWrapper a.policy {
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    text-decoration: underline;
}
@media (max-width:1600px) {
    footer div.contents {
    max-width: 97%!important;
    margin: auto;
    padding: 40px 0!important;
}
}#floating-button {
    display: inline-grid;
    justify-content: center;
    align-items: center;
    width: 105px;
    height: 105px;
    position: fixed;
    right: 78px;
    bottom: 71px;
    background: #fae300;
    border-radius: 30px;
    cursor: pointer;
    z-index: 100;
    box-shadow: 4px 4px 10px rgb(128 128 128 / 50%);
    animation: 3s ease-in-out infinite bounce;
    -webkit-animation: 3s ease-in-out infinite bounce;
}
@keyframes bounce {
    0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
}@-webkit-keyframes bounce {
    0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
}#floating-button img {
    display: block;
    vertical-align: middle;
    align-items: center;
    width: 50px;
    padding-top: 12px;
}
#floating-button p.text {
    font-size: 11px;
    font-weight: 500;
    color: #2b2024;
    display: block;
    align-items: center;
    text-align: center;
    padding-bottom: 10px;
    line-height: 1.2;
}
@media(max-width:768px) {
    #account {
    margin: 20px auto 50px;
    max-width: 95%}
#floating-button img {
    display: block;
    vertical-align: middle;
    align-items: center;
    width: 33px;
    padding-top: 0;
    padding-left: 0;
}
#floating-button p.text {
    display: none;
}
#floating-button {
    width: 54px;
    height: 54px;
    right: 12px;
    bottom: 81px;
}
}@keyframes fadeInLeft {
    0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}.test_obj {
    position: relative;
    animation: 1s fadeInLeft;
}
#personPolicy, #terms {
    max-width: 1700px;
    margin: auto;
    padding: 50px 0;
}
#payment {
    padding: 32px 24px;
}
#payment p.title {
    text-align: center;
    margin-bottom: 25px;
    color: #1c3b55;
    font-size: 18px;
    font-weight: 600;
}
#payment div.priceWrapper div.priceBox {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex: 1;
    margin-right: 4px;
}
#payment div.priceWrapper div.priceBox p.price {
    font-size: 15px;
    color: #9f9f9f;
    margin-left: 6px;
    font-weight: 500;
}
#payment div.priceWrapper div.priceBox p.price.on {
    color: #484848;
}
#payment div.priceWrapper div.priceBox p.border {
    display: block;
    background-color: #9f9f9f;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    margin-bottom: -10px;
}
#payment div.priceWrapper div.deleteButton {
    flex: 0 0 auto;
    cursor: pointer;
    margin-left: auto;
    align-items: center;
}
#payment div.priceWrapper div.deleteButton i {
    display: flex;
    font-size: 23px;
    justify-content: center;
    align-items: center;
    color: #9f9f9f;
}
#payment div.userNameWrapper p.userNameLabel, #payment p.taxWrapperTitle {
    color: #1c3b55;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}
#payment div.userNameWrapper span.subTitle {
    color: #1c3b55;
    font-size: 11px;
    font-weight: 500;
    display: block;
    margin-top: 9px;
    margin-bottom: 28px;
}
#payment div.userNameWrapper input {
    height: 44px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ededed;
    font-size: 15px;
    font-weight: 500;
    padding-left: 9px;
}
#payment div.phoneNumberWrapper input.phoneNumber:focus, #payment div.taxInvoiceWrapper div.taxInvoiceRow input:focus, #payment div.userNameWrapper input:focus {
    border: 1px solid #484848;
}
#payment div.userNameWrapper input::placeholder {
    color: #9f9f9f;
    font-weight: 500;
}
#payment div.taxWrapper {
    display: flex;
    gap: 9px;
}
#payment div.taxWrapper label {
    display: flex;
    flex: 1;
}
#payment div.taxWrapper .taxBox.on {
    background-color: #484848;
    border: 1px solid #484848;
    color: #fff;
}
#payment div.taxInvoiceWrapper {
    margin-top: 20px;
}
#payment div.taxWrapper .taxBox {
    height: 48px;
    border: 1px solid #484848;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
    width: 100%}
#payment div.phoneNumberWrapper input.phoneNumber {
    width: 100%;
    font-size: 15px;
    height: 55px;
    border: 1px solid #ededed;
    border-radius: 5px;
    padding-left: 10px;
    margin-top: 20px;
}
#payment div.phoneNumberWrapper input.phoneNumber::placeholder {
    color: #9f9f9f;
    font-weight: 500;
}
#payment p.description {
    font-size: 11px;
    font-weight: 500;
    color: #1c3b55;
    margin-top: 9px;
    margin-bottom: 29px;
}
#payment div.taxInvoiceWrapper div.taxInvoiceRow {
    display: flex;
    gap: 7px;
}
#payment div.taxInvoiceWrapper div.taxInvoiceRow+div.taxInvoiceRow {
    margin-top: 7px;
}
#payment div.taxInvoiceWrapper div.taxInvoiceRow input {
    width: 50%;
    height: 44px;
    border: 1px solid #ededed;
    border-radius: 5px;
    padding-left: 10px;
}
#payment div.taxInvoiceWrapper div.taxInvoiceRow input::placeholder {
    color: #9f9f9f;
    font-weight: 500;
    font-size: 14px;
}
#payment div.priceButtonWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
    margin-top: 30px;
    gap: 5px;
}
#payment div.priceButtonWrapper div.priceButton {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 48px;
    border: 1px solid #484848;
    cursor: pointer;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
}
#payment div.priceButtonWrapper div.priceButton:active {
    background-color: #484848;
    color: #fff;
    border: 1px solid #484848;
}
#payment div.priceButtonWrapper div.priceButton+div.priceButton {
    margin-left: 4px;
}
#payment div.phoneWrapper {
    margin-bottom: 24px;
}
#payment div.phoneWrapper p.phoneTitle {
    font-size: 16px;
    margin-bottom: 4px;
}
#payment div.phoneWrapper input {
    width: 100%;
    height: 36px;
    border: 1px solid #d9d9d9;
    padding: 0 8px;
}
#payment div.paymentButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background: #000;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    margin-top: 28px;
}
#payment div.paymentButton div.paymentPrice {
    display: flex;
    align-items: center;
    margin-right: 4px;
}
#payment div.paymentButton div.paymentPrice p {
    color: #fae300;
}
#payment-success div.successWrap div.succesTop {
    background-color: #000;
    padding: 32px 24px;
}
#payment-success div.successWrap div.succesTop p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
#payment-success div.successWrap div.succesContentsTop {
    padding: 32px 24px 24px;
}
#payment-success div.successWrap div.succesContentsTop h3 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    padding-bottom: 16px;
}
#payment-success div.successWrap div.succesContentsTop dl::after {
    content: "";
    display: block;
    clear: both;
}
#payment-success div.successWrap div.succesContentsTop dl dt {
    font-size: 15px;
    font-weight: 400;
    line-height: 2.1;
    float: left;
    width: 35%}
#payment-success div.successWrap div.succesContentsTop dl dd {
    font-size: 15px;
    font-weight: 700;
    float: right;
    width: 65%;
    line-height: 2.1;
    text-align: right;
}
#payment-success div.successWrap div.succesContentsBottom {
    padding: 32px 24px;
    background-color: #000;
}
#payment-success div.successWrap div.succesContentsBottom ul li {
    color: #fff;
    line-height: 1.6;
}
#payment-success div.successWrap div.succesContentsBottom ul li:before {
    content: '•';
    display: inline-block;
    font-size: 15px;
    padding-right: 6px;
}
#payment-success div.successWrap div.succesContentsBottom ul li.none:before {
    color: transparent;
}
#payment-success div.successWrap div.succesBottom {
    padding: 24px 24px 32px;
}
#payment-success div.successWrap div.succesBottom button {
    padding: 0;
    border-radius: 5px;
    background-color: gray;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.2px;
    height: 50px;
}

.input-group .form-control:first-child:focus {
    border: 1px solid #000000a6;
    box-shadow: none;
}
.totop {
    position: fixed;
    bottom: 189px;
    right: 100px;
    cursor: pointer;
}
.totop i {
    border: 2px solid #ccc;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    padding: 20px;
    border-radius: 50%}
@media (max-width:600px) {
    .totop {
    position: fixed;
    bottom: 97px;
    right: 22px;
    cursor: pointer;
}
.totop i {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    padding: 10px;
    border-radius: 50%}
}form#order-form .newOrder_inputWrapper {
 
}
div.newOrder_inputWrapper_titleImage img {
    width: 20px;
}
.newOrder_inputWrapper_titleImage {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-bottom: 11px;
}
label.newOrder_inputWrapper_title {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 700;
    color: #3b3b3b;
}
div.newOrder_customComment_categoryWrapper {
    display: flex;
    width: 100%;
    border-bottom: 1px dashed #d8d8d8;
    gap: 4px;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

div.newOrder_customComment_category img {
    display: block;
    width: 20px;
    height: 20px;
}

@media (max-width:450px) {
    div.newOrder_customComment_category {
    flex-direction: column;
    gap: 0;
    padding: 5px 0;
}
div.newOrder_customComment_subCategoryWrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media (hover:hover) {
    div.newOrder_customComment_subCategory: hover {
    background: #d9d9d945;
}
div.newOrder_customComment_subCategory.active, div.newOrder_customComment_subCategory.active:hover {
}
}p.common_toast_title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
p.common_toast_text {
    font-size: 12px;
    color: #fff;
    margin-top: 4px;
}
label.common_toggleWrapper {
    display: block;
    width: 55px;
    height: 28px;
    position: relative;
    background: #f7f7f7;
    border-radius: 30px;
    cursor: pointer;
    margin-bottom: 0;
}
span.common_toggleButton {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 50%;
}

input.common_toggleInput:checked~label.common_toggleWrapper span.common_toggleButton {
    left: calc(100% - 25px);
    background: #fff;
}
label.common_toggleWrapper, span.common_toggleButton {
    transition: .2s ease-in;
}
label.common_toggle_text {
    font-size: 14px;
    font-weight: 600;
    color: #5d5d5d;
    margin-left: 8px;
    margin-bottom: 0;
}
#order_comment_person label.common_toggleWrapper.disabled {
    background: #aaa;
    box-shadow: inset 2px 2px 20px #676565;
}
#order_comment_person label.common_toggleWrapper.disabled span.common_toggleButton {
    background: #c2c2c2;
}


img.differentCommentImg {
    width: 16px;
}
div.drop-down-menu-translate {
    display: block;
    position: relative;
    right: 0;
    width: 121px;
    padding: 5px 15px;
    text-align: left;
    left: initial;
    max-height: 300px;
}
div.drop-down-menu-translate li.translate-box {
    position: relative;
    right: 26px;
    width: 129px;
    height: 26px;
    padding: 2px 15px;
    line-height: 1.45;
    border: 1px solid #9f9f9f;
    border-radius: 4px;
}
div.drop-down-menu-translate li.translate-box p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%}
ul.dropdown-menu.dropdown-max-height {
    top: 37px;
    display: none;
    left: initial;
    right: 2%}
ul.dropdown-menu.dropdown-max-height.active {
    display: block!important;
}
.drop-down-menu-translate.mobile {
    top: 0;
    margin-left: 0;
    z-index: 999;
    background-color: #838383;
    cursor: pointer;
    padding: 0;
    flex: 1;
}
.drop-down-menu-translate.mobile li.translate-box {
    width: 100%;
    padding: 5px 8px;
    right: 0;
    background-color: #fff;
    height: auto;
}
.drop-down-menu-translate.mobile ul.dropdown-menu.dropdown-max-height {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 32px;
    left: 0;
    padding: 10px 0;
    margin: 0;
    right: 0;
}
ul#currencies-list {
    max-height: 300px;
    overflow-y: auto;
    width: 100%}
div.test_multi-currency {
    position: relative;
    margin-right: 8px;
}
div.test_multi-currency span.currency-title p {
    padding-right: 7px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}
nav.navigation .mobile-trans-currency-wrapper {
    display: flex;
    padding: 21px 30px 13px;
    background-color: #838383;
    gap: 10px;
    position: relative;
}
nav.navigation .test_multi-currency {
    flex: 1;
    margin-right: 0;
}
nav.navigation .test_multi-currency span.currency-title {
    background-color: #fff;
    color: #333;
    height: auto;
    padding: 5px 8px;
}
.userId.userId_mobile a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background: #000;
    padding: 5px;
    border-radius: 5px;
    width: 100%;
    height: 100%}
#main-popup-modal, #neworder-main-popup-modal, div#neworder-instagram-popup-modal, div#no-auth-neworder-instagram-popup-modal {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1000;
}
#main-popup-modal div.mainPopupContentsWrapper, #neworder-main-popup-modal div.neworder_mainPopupContentsWrapper, div#neworder-instagram-popup-modal .neworder-instagramContentsWrapper, div#no-auth-neworder-instagram-popup-modal .no-auth-neworder-instagramContentsWrapper {
    width: 360px;
    height: 500px;
    position: relative;
    background: 0 0;
}
#main-popup-modal div.mainPopupSliderWrapper, #neworder-main-popup-modal div.neworder_mainPopupSliderWrapper, div#neworder-instagram-popup-modal .neworder-img-modal-box, div#no-auth-neworder-instagram-popup-modal .no-auth-neworder-img-modal-box {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
#main-popup-modal img, #neworder-main-popup-modal img {
    display: block;
    width: 360px;
    height: 500px;
}
#main-popup-modal div.mainPopupPagination, #neworder-main-popup-modal div.mainPopupPagination {
    width: fit-content;
    left: inherit;
    right: 12px;
    bottom: 8px;
    background: rgba(0, 0, 0, .8);
    border-radius: 11px;
    font-size: 12px;
    color: #fff;
    padding: 3px 8px;
}
#main-popup-modal div.mainPopupSliderButton, #neworder-main-popup-modal div.mainPopupSliderButton {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: rgba(63, 71, 77, .15) 0 2px 5px;
    color: #000;
    overflow: hidden;
    transform: translate(-50%, 0);
}
#main-popup-modal div.mainPopupSliderButton.swiper-button-prev, #neworder-main-popup-modal div.mainPopupSliderButton.swiper-button-prev {
    left: calc(100% - 360px);
}
#main-popup-modal div.mainPopupSliderButton.swiper-button-next, #neworder-main-popup-modal div.mainPopupSliderButton.swiper-button-next {
    right: calc(100% - 400px);
}
#main-popup-modal div.mainPopupButton, #neworder-main-popup-modal div.mainPopupButton, div#neworder-instagram-popup-modal .followerButton.closeButton, div#neworder-instagram-popup-modal .followerButton.todayCloseButton, div#no-auth-neworder-instagram-popup-modal .no-auth-followerButton.closeButton, div#no-auth-neworder-instagram-popup-modal .no-auth-followerButton.todayCloseButton {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 48px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
@media (max-width:400px) {
    div.newOrder_customComment_subCategoryWrapper {
    grid-template-columns: 1fr 1fr 1fr;
}
p.orders_scrolling {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
}.logout_test {
    height: 26px;
    border-radius: 3px;
}
.likeTest_logout {
    height: auto;
    border-radius: 5px;
}

@media (max-width:330px) {
    #main .sec02 div.contents div.counterBox p.description, header div.contents .menuWrapper ul li a, header div.contents .menuWrapper ul li button.preview {
    font-size: 11px;
}
header div.contents .menuWrapper ul {
    gap: 11px;
}
#sideMenu nav.on {
    top: 81px!important;
}
#sign div.container div.loginWrapper, div.newOrder_customComment_category {
    padding: 0;
}
#main .sec02 div.contents div.counterBox p.title, main section.section3 div.contents div.counterBox {
    font-size: 13px;
}
#neworder .toastWrapper {
}
.sideMenuFlex {
    flex-direction: column;
    gap: 10px;
}

#neworder .confirmTop {
    margin-top: 22px;
}
}@media (max-width:768px) {
    footer div.contents {
    margin: auto!important;
    width: 95%;
    padding: 28px 0 89px!important;
}
footer.notAuth div.contents {
    padding: 28px 0 20px!important;
}
footer p.tel {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 7px;
}
footer div div img.companyInfo {
    width: 80%!important;
}
footer a.kakaoButton {
    height: 50px;
    font-size: 20px;
    padding: 0 22px;
    margin-bottom: 6px;
}
footer div.textWrapper div.textRow {
    display: block;
}
footer div.policyWrapper a.policy, footer div.textWrapper div.textRow span.text {
    font-size: 10px;
}
footer div.textWrapper div.textRow span.text:last-child {
    display: block;
    margin-left: 0!important;
}
div.mobileFixMenu {
    position: fixed;
    top: initial;
    bottom: 0;
    width: 100%;
    display: flex;
    background-color: #fff;
    box-shadow: 1px 1px 5px gray;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    height: 72px;
    align-items: center;
    justify-content: space-around;
    z-index: 99;
}
div.mobileFixMenu a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}
div.mobileFixMenu i {
}
div.mobileFixMenu i.active {
    color: #eb5745;
}
div.mobileFixMenu a.active span {
    color: #eb5644;
    font-weight: 700;
}
div.mobileFixMenu span.menuNameMo {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .4px;
    color: #b2b7c3;
}
span.menuNameMobile_fix {
    font-size: 11px;
    color: #b2b7c3;
    font-weight: 500;
}
}@media (max-width:450px) {
    #main-popup-modal div.mainPopupContentsWrapper, #neworder-main-popup-modal div.neworder_mainPopupContentsWrapper, div#neworder-instagram-popup-modal div.neworder-instagramContentsWrapper, div#no-auth-neworder-instagram-popup-modal .no-auth-neworder-instagramContentsWrapper {
    width: 300px;
    height: 440px;
}
#main-popup-modal img, #neworder-main-popup-modal img, div#neworder-instagram-popup-modal img, div#no-auth-neworder-instagram-popup-modal img {
    width: 300px;
    height: 404px;
    border-radius: 10px;
}
#main-popup-modal div.mainPopupSliderButton.swiper-button-prev, #neworder-main-popup-modal div.mainPopupSliderButton.swiper-button-prev {
    left: calc(100% - 300px);
}
#main-popup-modal div.mainPopupSliderButton.swiper-button-next, #neworder-main-popup-modal div.mainPopupSliderButton.swiper-button-next {
    right: calc(100% - 340px);
}
}@media (max-width:360px) {
    #neworder section.orderWrapper .sectionTabWrapper .sectionTab, #neworder section.orderWrapper .sectionTabWrapper .sectionTab.active {
    padding: 10px;
    font-size: 13px;
}
#neworder section.orderWrapper {
    padding: 20px 12px 50px;
}
#neworder div.rightWrapper {
}
#neworder .confirmBottomDiv {
    border-radius: 5px;
}
.well {
    padding: 19px 0;
}
div.differentComment_wrapper {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
div.differentComment {
    width: 100%}
nav.navigation .mobile-trans-currency-wrapper {
    padding: 21px 10px;
}
#main-popup-modal div.mainPopupContentsWrapper, #neworder-main-popup-modal div.neworder_mainPopupContentsWrapper, div#neworder-instagram-popup-modal div.neworder-instagramContentsWrapper, div#no-auth-neworder-instagram-popup-modal .no-auth-neworder-instagramContentsWrapper {
    width: 250px;
    height: 370px;
}
#main-popup-modal img, #neworder-main-popup-modal img, div#neworder-instagram-popup-modal img, div#no-auth-neworder-instagram-popup-modal img {
    width: 250px;
    height: 339px;
    border-radius: 10px;
}
#main-popup-modal div.mainPopupSliderButton.swiper-button-prev, #neworder-main-popup-modal div.mainPopupSliderButton.swiper-button-prev {
    left: calc(100% - 250px);
}
#main-popup-modal div.mainPopupSliderButton.swiper-button-next, #neworder-main-popup-modal div.mainPopupSliderButton.swiper-button-next {
    right: calc(100% - 290px);
}
}#addfunds div.title_flex {
    display: flex;
    gap: 5px;
    align-items: center;
    line-height: 1.2;
    margin-bottom: 12px;
}
#addfunds p.title_card {
    color: #ff6023;
    text-decoration: underline;
    font-weight: 700;
    font-size: 13px;
    display: flex;
    align-items: center;
    padding-top: 1px;
    cursor: pointer;
}
#addfunds div.modal_card {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
}
#addfunds div.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
}
@media(max-width:400px) {
    div#order_comment div.newOrder_inputWrapper_titleImage {
    justify-content: flex-start;
    flex-wrap: wrap;
}
div.newOrder_customComment_deleteButton, div.newOrder_customComment_resetButton {
    margin-left: 0;
}
#addfunds .modal-content {
    width: 90%}
#addfunds .modal-content img {
    width: 100%}
}#addfunds .modal-content p {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    color: #333;
}
#addfunds .modal_card_Wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
#addfunds .modal_card_Wrapper i {
    font-size: 20px;
    font-weight: 800;
    cursor: pointer;
}
#modal_card .card_pc {
    display: block;
    width: 100%}
#modal_card .card_mobile {
    display: none;
    width: 100%}
@media (max-width:700px) {
    #modal_card .card_pc {
    display: none;
}
#modal_card .card_mobile {
    display: block;
}
}#main-popup-modal.signup {
    visibility: hidden;
    overflow: hidden;
    display: initial;
}
#main-popup-modal.signup.active {
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    animation: .1s forwards fadeIn;
    z-index: 99999999999999999999;
}
#main-popup-modal.signup div.mainPopupContentsWrapper {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    height: auto;
    position: relative;
    background: 0 0;
    border-radius: 4px;
}
@keyframes fadeIn {
    to {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
}#main-popup-modal.signup img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 7px;
}
#main-popup-modal.signup button.closeSignup.icon {
    padding: 0;
    box-shadow: none;
    width: 50px;
    height: 59px;
    position: absolute;
    right: 0;
    font-size: 23px;
    color: #252538;
    background-color: transparent;
    z-index: 999;
}
#main-popup-modal.signup button.closeSignup.icon i {
    font-size: 28px;
    font-weight: 500;
    color: #252538;
}
#main-popup-modal.signup div.mainPopupButtonWrapper {
    position: absolute;
    bottom: 2px;
    width: 100%;
    padding: 20px;
}
#main-popup-modal.signup .mainPopupButtonWrapper button {
    background-color: initial;
}
#main-popup-modal.signup .mainPopupButtonWrapper button.closeSignup {
    color: #252538;
    font-size: 17px;
    font-weight: 600;
    flex: 0.6;
}
#main-popup-modal.signup .mainPopupButtonWrapper button.goSignup {
    font-weight: 600;
    color: #fff;
    border-radius: 13px;
    font-size: 19px;
    background: linear-gradient(180deg, #7c85f6 0, #4e3ccf 60%);
    flex: 1;
}
@media (max-width:525px) {
    #main-popup-modal.signup div.mainPopupButtonWrapper {
    padding: 10px 11px;
}
div#main-popup-modal.signup div.mainPopupContentsWrapper {
    width: 360px;
}
#main-popup-modal.signup .mainPopupButtonWrapper button.goSignup {
    font-size: 17px;
}
#main-popup-modal.signup .mainPopupButtonWrapper button.closeSignup {
    font-size: 14px;
    height: 50px;
}
#main-popup-modal.signup .mainPopupButtonWrapper button.goSignup {
    height: 51px;
}
#main-popup-modal.signup button.closeSignup.icon i {
    font-size: 24px;
}
#main-popup-modal.signup button.closeSignup.icon {
    height: 50px;
}
}@media (max-width:380px) {
    div#main-popup-modal.signup div.mainPopupContentsWrapper {
    width: 100%;
    max-width: 90%}
#main-popup-modal.signup .mainPopupButtonWrapper button.goSignup {
    font-size: 5vw;
    height: 43px;
}
#main-popup-modal.signup .mainPopupButtonWrapper button.closeSignup {
    font-size: 4.4vw;
}
#main-popup-modal.signup div.mainPopupButtonWrapper {
    bottom: 0;
}
}p.promotionDescription {
    font-size: 12px;
    margin-top: 9px;
    font-weight: 500;
    color: #33333399;
}
div.liketest_box {
    background: linear-gradient(180deg, #7c85f6 0, #4e3ccf 60%);
    cursor: pointer;
}
p.promotionSignupGo {
    font-size: 15px;
    font-weight: 700;
}
#neworder i.fa-duotone.fa-light.fa-hand-back-point-up {
    position: absolute;
    bottom: 1px;
    right: 24px;
    font-size: 34px;
    color: #fff;
    transform: rotate(-45deg);
    animation: 1s ease-in-out infinite moveHand;
}
#dripfeed-options {
	margin-top:20px;
}
@keyframes moveHand {
    0%, 100% {
    transform: rotate(-45deg) translateX(0);
}
50% {
    transform: rotate(-45deg) translateY(-7px);
}
}@media (max-width:1120px) {
    #neworder .liketest_timer.pc {
    display: none;
}
#neworder .liketest_timer.mobile {
    display: flex;
    border-radius: 4px;
}
#neworder p.promotionSignupGo {
    font-weight: 700;
    text-align: center;
    font-size: 13px;
}
#neworder .confirmBottomDiv.liketest_box.mobile {
    display: flex;
    height: auto;
    padding: 5px 0;
    border-radius: 0;
}
#neworder i.fa-duotone.fa-light.fa-hand-back-point-up {
    font-size: 26px;
    right: 8px;
    bottom: 5px;
}
}#neworder section.orderWrapper div.formWrapper div.inputWrapper input::placeholder {
    color: #fff!important;
    -webkit-text-fill-color: #fff!important;
}
#particle-snow {
    display: none!important;
}
#sideMenu p.userId {
     
        display: flex;
        align-items: center;
        color: #EB5644;
        font-size: 14px;
        font-weight: 600;
     
    }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	  border-color: transparent transparent #EB5644 transparent!Important;
}
.select2-container--open .select2-dropdown--below  {

    border: 1px solid #EB5644!important;
    border-radius: 8px!important;
    top: 4px;
    padding: 7px 13px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #FDF1EC !important;
    color: #535355 !important;
    border-radius: 8px;
    opacity: 1;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	    color: #1a1a1a;
  opacity:1;
}
.dropdown-menu > li > a {
	padding:6px;
  margin-bottom:4px;
  color:#353535!important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color:transparent!important;
}

#neworder input#field-orderform-fields-check {
    transform: initial;
    appearance: none;
    outline: 0;
    border: none;
    background: #FDF1EC;
    border-radius: 1.25em;
    width: 2.1em;
    height: 1.15em;
    position: relative;
    top: 4px;
    transform: scale(1.7);
    margin-right: 5px;
    margin-left: 12px;
    cursor: pointer;
}
#neworder input#field-orderform-fields-check::before {
    content: "";
    position: absolute;
    top: 2.4px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(1);
    background-color: #fff;
    transition: left 250ms linear;
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.05));
    SVG;
}
#neworder input#field-orderform-fields-check:checked {
    background-color: #EB5644;
    border-color: #EB5644;
    box-shadow: none;
    cursor: pointer;
}
#neworder input#field-orderform-fields-check:checked::before {
    background-color: #fff;
    left: 15.4px;
    top: 2.4px;
    height: 12px;
    width: 12px;
    box-shadow: none;
}

div#order_check label {
    margin:0;
    color: #1A1A1A;
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
}
#neworder .form-group__checkbox {
	padding:0;
  gap:14px;
}
.userInfoBoxWrapper {
  position:relative;
      position: relative;
    cursor: pointer;
    background-color: #FDF1EC;
    border-radius: 999px;
    min-height: 26px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    color: #EB5644;
    font-size: 14px;
    font-weight: 600;
    margin-left: -3px;
  gap: 6px;
}
.userInfoBoxWrapper i {
	font-size:12px;
}
.modalContents {display:none}
.modalContents.active {display:flex;}
@charset "UTF-8";
    #addfunds section div.contentsBox: nth-child(2), #affiliates div.wrapper, body, button, h1, h2, h3, h4, h5, h6, header div.contents .menuWrapper ul li:last-child, li, p, ul {
    padding: 0;
}
#account div.wrapper div.contentsBox, #addfunds section div.contentsBox, #affiliates div.wrapper section div.contentBox, #drip-feed .wrapper, #faq div.wrapper, #hot-hashtag, #neworder .confirmBottomDiv, #neworder .itemDescriptionWrapper, #neworder div.rightWrapper section.counterWrapper div.counterBox, #neworder div.rightWrapper section.noticeWrapper, #orders div.orderHistoryWrapper, #orders div.totalWrapper div.totalBox, #subscriptions .wrapper, #top-account, .well {
    --tw-shadow: 0 1px 3px 0 rgba(0,  0,  0,  .1), 0 1px 2px -1px rgba(0,  0,  0,  .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
}
*, body, h1, h2, h3, h4, h5, h6 {
    font-family: Pretendard;
}
#sign div.container div.loginWrapper a.signUp, a, a:hover {
    color: #222;
}
#main .sec02, #main .sec03, #main .sec04, #main .sec05 {
    min-height: 1000px;
}
* {
    scroll-behavior: smooth;
}
::selection {
    background-color: #ddd;
    color: #000;
}
body, html {
    height: 100%}
body {
    margin: 0;
  padding:0;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}
button {
    background: inherit;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    cursor: pointer;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
}
input:focus {
    outline: 0;
}
input[type=checkbox] {
    accent-color: gray!important;
    accent-color: red;
}
li, ul {
    list-style: none;
    margin: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #000;
    margin: 0;
}
a, header div.contents .menuWrapper ul li a:hover {
    text-decoration: none;
}
a:hover {
    text-decoration: none!important;
}
a:active, a:focus, a:visited {
    text-decoration: none;
    color: inherit;
}
p {
    margin: 0;
}
video {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}
#main div.flex div.sliderWrap, #sideMenu .menuWrapper .menuList.active, .paymentDescription {
    position: relative;
}
.paymentDescription::before {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #9f9f9f;
    top: 20px;
    left: 0;
    position: absolute;
}
.container {
    width: 100%!important;
    padding-left: 0;
    padding-right: 0;
}
.row {
    margin: 0!important;
}
.navbar-default {
    background: 0 0!important;
    box-shadow: none!important;
    border: none!important;
}
.description {
    border-bottom: none!important;
}
.alert-dismissible .close {
    position: relative!important;
    top: 0!important;
    right: 0!important;
    color: inherit!important;
    width: auto!important;
    height: auto!important;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #FDF1EC!important;
    border-radius: 8px;
    font-weight: 600;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #FDF1EC!important;
    color: #535355!important;
    border-radius: 8px;
    opacity: 1;
}
#top-wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
}

#sideMenu {
    flex: initial;
    width: 100%;
    height: 88px;
    position: sticky;
    top: 0;
    background: 0 0;
    z-index: 100;
    border-radius: 0;
    margin: 0;
    transition: .3s;
}
#sideMenu .menuWrapper {
    display: flex;
    justify-content: left;
    flex: auto;
    gap: 2px;
    justify-content: left;
    text-align: center;
}
#sideMenu::-webkit-scrollbar {
    width: 5px;
}
#sideMenu::-webkit-scrollbar-thumb {
    height: 10%;
    background: #ddd;
    border-radius: 10px;
}
#sideMenu::-webkit-scrollbar-track {
    background: rgb(69 123 200 / 38%);
}
#sideMenu.off {
    flex: 0 0 100px;
    width: 100px;
    overflow-x: hidden;
}
#sideMenu.off div.logoWrapper {
    margin: auto;
    height: 60px;
    padding: 9px 22px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 0 0 26px 28px;
    width: 80%}
#sideMenu.off .menuIcon {
    width: 27px;
    height: 28px;
}
#sideMenu.off .menuList.active::before {
    content: '';
    background-image: url('https://storage.perfectcdn.com/gz2yx6/fakyugbtlo4na8il.png')!important;
    width: 84%;
    height: 94px;
    left: 3px;
    z-index: -1;
    position: absolute;
}
#sideMenu .menuBackground {
    background-color: #fff;
    border-bottom: 1px solid #E3E4E7;
}
#sideMenu div.logoWrapper {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1600px;
    margin: auto;
    height: 88px;
    cursor: pointer;
    z-index: 99999999999;
}
#sideMenu div.logoWrapper .logo {
    padding-right: 20px;
    padding-left: 10px;
    display: flex;
}
#sideMenu div.logoWrapper a.logo img {
    height: 38px;
    width: auto;
}
#addfunds section.bottomSection div.contentsBox div.historyWrapper, #neworder, #neworder .sec7Container img, #neworder section div.sectionContents, #payment div.taxInvoiceWrapper div.taxInvoiceRow:last-child input, #payment-success div.successWrap div.succesContentsTop dl, #sideMenu.off div.logoWrapper a.logo img, #sign div.container div.loginWrapper form, #subscriptions .table, div#neworder-instagram-popup-modal .neworder-img-modal-box img, div#no-auth-neworder-instagram-popup-modal .no-auth-neworder-img-modal-box img, footer {
    width: 100%}
#sideMenu .menuWrapper .menuList {
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    padding: 0;
}
#sideMenu .menuWrapper .menuList.gnb_mobile {display:none}
@media(max-width:1120px){
  #sideMenu .menuWrapper .menuList.gnb_mobile  {
  	display:flex;
  }
  .userInfoBoxWrapper.pc {display:none}
}
#sideMenu .menuWrapper .menuList a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    width: 100%;
    padding-top: 6px;
    height: 88px;
    justify-content: center;
}
#sideMenu .menuWrapper .menuList.active i, #sideMenu .menuWrapper .menuList.active span {
    color: #fff;
    background: #EB5644;
    font-weight: 600;
    padding: 2px 5px;
    display: flex;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
    border-radius: 999px;
    padding: 4px 10px;
}
#sideMenu .menuWrapper .menuList a span {
    font-size: 15px;
    font-weight: 600;
    color: #818181;
    padding-left: 0;
    padding-top: 3px;
}
#addfunds div.mobileTitle, #drip-feed div.mobileTitle, #faq figure div, #main .sec02 div.contents div.counterBox p.description span.moBr, #main div.Wrap section.sec01 .mainWrap div.moImg, #neworder #order_old_posts, #neworder .liketest_box.mobile, #neworder .liketest_timer.mobile, #neworder figure div, #orders div.mobileTitle, #payment input.inputBox, #sideMenu div.contents .menuWrapper div.moMenu, #sideMenu div.moMenuWrapper, #sideMenu.off .menuWrapper .menuList a span, #subscriptions div.mobileTitle, .moMenuWrap, div.mobileFixMenu, div.mobileTitle, div.newOrder_customComment_category img.active, main section.section4 p.sectionDescription span.moBr, p.orders_scrolling {
    display: none;
}
#sideMenu .menuWrapper .menuList a i {
    font-size: 24px;
    color: #fff;
    margin-right: 8px;
}
#sideMenu .menuWrapper .menuList a div.menuIcon {
    width: 24px;
    height: 24px;
    display: none;
}
#sideMenu .menuWrapper .menuList a div.menuIcon img {
    width: 24px;
}
#sideMenu .menuWrapper .menuList.active img {
    width: 100%!important;
}
header.header {
    width: 100%;
    height: 100px;
    position: sticky;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 9999;
    box-shadow: 0 1px 4px #00000029;
}
header.header.down {
    backdrop-filter: blur(15px);
    background-color: #fff!important;
    z-index: 999999999999999;
    box-shadow: 0 1px 4px #00000029!important;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.right p.job, #payment div.priceWrapper div.deleteButton i:active, header.header.down a {
    color: #000;
}
header div.contents .menuWrapper ul li a:hover, header div.contents .menuWrapper ul li button:hover, header.header.down .menuWrapper .preview, header.header.down .menuWrapper a {
    color: #000!important;
}

#hot-hashtag div.contents div.tableWrapper div.tableDataRow:hover .hashtag, #hot-hashtag div.contents div.tableWrapper div.tableDataRow:hover .increaseRate, #hot-hashtag div.contents div.tableWrapper div.tableDataRow:hover .ranking, #main .sec06 .section6Container .menu-1 ul>li.active i, #main-popup-modal div.mainPopupPagination span, #main-popup-modal.signup .mainPopupButtonWrapper button.goSignup a, #neworder-main-popup-modal div.mainPopupPagination span, #sideMenu .menuListMo.active .menuNameMo, #top-account div.contents div.tableWrapper div.tableDataRow:hover .account, #top-account div.contents div.tableWrapper div.tableDataRow:hover .averageLike, #top-account div.contents div.tableWrapper div.tableDataRow:hover .dailyPostCount, #top-account div.contents div.tableWrapper div.tableDataRow:hover .follow, #top-account div.contents div.tableWrapper div.tableDataRow:hover .follower, #top-account div.contents div.tableWrapper div.tableDataRow:hover .post, #top-account div.contents div.tableWrapper div.tableDataRow:hover .ranking, #top-account div.contents div.tableWrapper div.tableDataRow:hover .score, .sec04 .scroll-down a, .section4 .scroll-down a, header div.contents a {
    color: #fff;
}

header div.contents a.logo img {
    width: 100%;
    height: 60px;
}
header div.contents a.logo img header div.contents .menuWrapper {
    display: flex;
    align-items: center;
    height: 100%}
header div.contents .menuWrapper ul {
    display: flex;
    align-items: center;
    height: 100%;
    list-style: none;
    gap: 43px;
}
header div.contents .menuWrapper ul li {
    position: relative;
    padding: 0;
    height: 100%;
    margin-right: 6px;
    transition: .2s;
}
header div.contents .menuWrapper ul li+li::before {
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: ''}
header div.contents .menuWrapper ul li a, header div.contents .menuWrapper ul li button.preview {
    color: #999;
    height: 60px;
    line-height: 60px;
    width: auto;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    text-decoration: none;
}
header div.contents .menuWrapper ul li button.preview {
    background: 0 0;
    border: none;
}
header div.contents .menuWrapper ul li.active, header div.contents .menuWrapper ul li:hover {
    transition: .1s linear;
}
header div.contents .menuWrapper ul li.active a {
    color: #000!important;
    border-bottom: 4px solid #000;
}
header div.contents .menuWrapper ul li a {
    display: block;
    text-align: center;
    vertical-align: middle;
}


#sideMenu .menuWrapper {
    display: flex;
    align-items: center;
    text-align: center;
    flex: auto;
    gap: 13px;
    justify-content: left;
  padding:0;
}
#sideMenu .menuWrapper:last-child {
    justify-content: right;
}
#sideMenu div.userPoint {
    background: #9f9f9f;
    border-radius: 5px!important;
    padding: 3px 17px;
    margin-right: 0;
}
#sideMenu div.userPoint a, .likeTest_logout a, .logout_test a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
}
#sideMenu p.userId {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
#sideMenu div.userImage {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 100%;
    cursor: pointer;
    text-align: center;
    z-index: 0;
}
#sideMenu div.userImage i {
    font-size: 38px;
    z-index: 9999999999;
    color: #1c3b55;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
}
#sideMenu div.contents .menuWrapper div.userImage.active {
    background-color: #000;
    transition: .4s;
}
#sideMenu div.userInfoMenu {
    display: none;
    width: 110px;
    position: absolute;
    top: calc(100% + 10px);
    right: -1px;
    background-color: #fff;
    border: 1px solid #EB5644;
    border-radius: 8px;
    z-index: 9999;
}
#sideMenu div.userInfoMenu.active {
	display:block;
}
#addfunds .table, #drip-feed tbody, #main .sec02 .sliderItem, #resetPassword .topBox, #sideMenu div.userImage div.userInfoMenu div.list, #sign div.container div.textWrapper, #signup div.formWrapper .topBox, #signup div.imgWrapper div.textWrapper {
    text-align: center;
}
#sideMenu div.userInfoMenu div.list a {
    color: #535355;
    padding: 9px;
    display: block;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    margin: 6px;
}
#sideMenu div.userInfoMenu div.list a:hover{
    background-color:#FDF1EC;
    border-radius:8px;
    font-weight:700;
}
@media (max-width:1130px) {
    #sideMenu .barBack.on, .bar {
    position: relative;
    cursor: pointer;
    width: 33px;
    top: 0;
}
#sideMenu {
    height: 62px;
    flex: initial;
}
#faq div.mobileTitle, #sideMenu .menuBackground, #sideMenu .menuWrapper p.userId {
    
}


#sideMenu div.moMenuWrapper {
    display: flex!important;
    gap: 6px;
}
#sideMenu .menuWrapper:last-child {
    width: auto;
    }
#sideMenu .moMenuWrap {
    display: block!important;
}
#sideMenu .menuBackgroundTest {
    display: block;
    content: '';
    background-color: #000;
    position: absolute;
    top: 62px;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: .7;
    z-index: -1;
}
#sideMenu .bar-back {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffd803;
    position: fixed;
    top: 15px;
    right: 35px;
    cursor: pointer;
    display: none;
}
.bar-back.on {
    display: block;
}
.bar {
    display: block;
    height: 22px;
    right: 0;
    z-index: 999999999999999;
}
.bar span {
    display: block;
    width: 21px;
    height: 2px;
    background: #333;
    position: absolute;
}
.bar span:first-child {
    top: 2px;
    width: 14px;
    right: 12px;
    opacity: 1;
    transition: .3s;
}
.bar span:nth-child(2), .bar span:nth-child(3) {
    top: 10px;
    transition: .5s;
}
.bar span:last-child {
    top: 18px;
    width: 14px;
    right: 12px;
    opacity: 1;
    transition: .3s;
}
.bar.on {
    position: relative;
    top: 0;
}
.bar.on span:first-child, .bar.on span:last-child {
    opacity: 0;
}
.bar.on span:nth-child(2) {
    top: 12px;
    left: 6px;
    width: 15px;
    transform: rotate(-135deg);
    background-color: #333;
}
.bar.on span:nth-child(3) {
    top: 12px;
    left: 6px;
    width: 15px;
    transform: rotate(135deg);
    background-color: #333;
}
#sideMenu .barBack.on {
    /* border-radius: 50%; */
    /* right: 9px; */
    /* display: block; */
    /* height: 33px; */
    /* border: 3px solid #333; */
    /* z-index: 999999999; */
}
#sideMenu nav.navigation {
    display: block;
    background-color: #000;
    float: right;
    top: 0;
    width: 100%;
    right: 0;
    height: 103%;
    color: #333;
    padding: 15px 0 0;
    z-index: 10;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
#sideMenu nav.on {
    opacity: 1;
    height: 100%;
    top: 55px!important;
    visibility: visible;
    position: absolute;
    width: 100%;
    right: 0;
}
#sideMenu nav strong, nav .menuName {
    font-size: 17px;
    position: relative;
    display: block;
    text-align: center;
    /* padding: 30px 0; */
    z-index: 999;
}
#sideMenu .menuNameMo {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .4px;
    position: relative;
}
#sideMenu .userImageMo {
    width: 100%;
    text-align: center;
}
#sideMenu .userImageMo img {
    width: 65px;
    height: 65px;
    border-radius: 100%}
#sideMenu .userImageMo strong {
    font-size: 14px;
    font-weight: 300;
    position: relative;
    display: block;
    text-align: center;
    padding: 4px 0 20px;
    z-index: 999;
    color: #fff;
}
#sideMenu .menuListWrap {
    display: flex;
    position: absolute!important;
    height: auto;
    background: #838383;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    box-shadow: inset 0 3px 10px #00000012;
    padding: 21px 30px 50px;
    gap: 7px;
    align-items: center;
    justify-content: center;
    top: 70px;
}
#sideMenu .menuListMo {
    flex: 1 1 calc(25% - 20px);
    background: #fff;
    width: 100%;
    display: flex;
    border-radius: 5px;
    height: 76px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
}
#sideMenu .menuListMo a {
    width: 100%}
#sideMenu .menuListWrap .menuIconMo i {
    font-size: 28px;
    color: #000;
}
#sideMenu .menuIconMo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
#sideMenu .menuIconMo img {
    width: 20px;
}
#faq.authPage div.mobileTitle {
    max-width: 100%!important;
    margin: 0 auto 50px;
}
}#resetPassword .alert-dismissible .close, #sign .alert-dismissible .close {
    position: relative!important;
    color: inherit!important;
    width: auto!important;
    height: auto!important;
}
@media (max-width:360px) {
    #sideMenu .menuListMo {
    flex: 1 1 calc(30% - 20px);
    padding: 0 10px;
}
#sideMenu .menuListWrap {
    padding: 21px 10px 24px;
}
}@media (max-width:315px) {
    #sideMenu .menuListMo {
    flex: 1 1 calc(40% - 20px);
}
}#sideMenu .menuListMo.active {
    background-color: #000!important;
    border: 1px solid #fff;
}
#sideMenu .menuListMo:hover .menuNameMo {
    color: #676767;
}
@media (max-width:500px) {
    #sideMenu .menuNameMo {
    font-size: 12px;
    font-weight: 500;
    color: #333;
}
}
.imgFlexWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 165px;
    left: 50%;
    transform: translate(-50%, -20%);
}
p.signup_p {
    font-size: 40px;
    -webkit-text-stroke: 2px #fff;
    color: transparent;
    font-weight: 800;
    letter-spacing: 2.1px;
    line-height: 1;
}
strong.signup_strong {
    font-size: 40px;
    color: #fff;
}
@media (max-width:850px) {
    #sign div.container {
    flex-direction: column;
}
#sign div.container div.loginImgWrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
    width: 100%;
    max-width: 100%}
#sign div.container div.back span, #sign div.container div.loginImgWrapper img.rabbitImg, p.signup_p, strong.signup_strong {
    display: none;
}
#sign div.container div.back {
    position: static;
    padding: 5px 10px;
    border-radius: 5px;
    width: 43px;
}
#sign div.container div.back img {
    width: 100%}
#sign ul.loginMove {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: auto;
    gap: 8px;
}
#sign ul.loginMove li {
    overflow: hidden;
    cursor: pointer;
    height: 100%;
    padding: 10px 15px;
    border-radius: 30px;
}
#sign ul.loginMove li a {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 14px;
}
#sign div.container div.loginContainer {
    width: 100%;
    height: 100%;
    background-color: #fff;
}
}#signup div.imgWrapper img.rabbit {
    width: 400px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -20%);
    bottom: 0;
    z-index: 999999;
}
#signup ul.loginMove {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 180px;
    gap: 25px;
    overflow: hidden;
    padding: 20px 0;
}
#signup ul.loginMove li {
    height: 70px;
    flex-direction: column;
    justify-content: center;
    padding-left: 21px;
}
#signup ul.loginMove li a {
    font-size: 20px;
    width: 100%;
    font-weight: 400;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
}

#signup div.formWrapper p.title::after {
    display: block;
    content: '';
    width: 364px;
    height: 1px;
    background-color: #707070;
    margin: 20px auto 0;
}
#account div.wrapper div.contentsBox div.inputWrapper+div.inputWrapper, #account div.wrapper div.rightSection div.contentsBox+div.contentsBox, #affiliates div.wrapper section+section, #neworder #fields, #neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper, #signup div.inputWrapper+div.inputWrapper {
    margin-top: 20px;
}
#signup div.inputWrapper label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
    color: #222;
}
#signup div.inputWrapper input {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 5px;
    font-size: 14px;
    padding: 0 22px;
    color: #222;
}
#signup div.checkBoxWrapper {
    display: flex;
    align-items: center;
    margin: 18px 0 30px;
    color: #222;
    justify-content: center;
}
#signup div.capchaWrapper {
    margin-bottom: 16px;
    color: #fff;
}
#signup div.checkBoxWrapper a {
    margin-left: 5px;
    color: #2780e3;
    text-decoration: underline;
    text-underline-position: under;
}
#signup div.checkBoxWrapper a:hover, footer div.policyWrapper a.policy:hover {
    text-decoration: underline!important;
}
#signup button.signupButton {
    width: 100%;
    height: 48px;
    background: #000;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
}
#signup .captcha {
    margin-left: 0;
}
#signup input.terms-accept-checkbox {
    transform: scale(1.2);
    margin-right: 8px;
    align-items: center;
    display: flex;
    margin-bottom: 3px;
}
#signup input[type=checkbox] {
    padding: 0;
    margin: 0 8px 0 0;
}
#signup .alert-dismissible .close {
    position: relative!important;
    top: -2px!important;
    right: -15px!important;
}
@media(max-width:1245px) {
    #signup div.imgWrapper div.textWrapper h3 {
    font-size: 39px;
}
#signup div.imgWrapper div.textWrapper h5 {
    font-size: 17px;
}
}@media(max-width:850px) {
    #signup, #signup div.formBox, #signup div.imgWrapper {
    width: 100%;
    max-width: 100%}
#signup {
    flex-direction: column;
}
#signup div.formBox {
    background: #fff;
}
#signup div.imgWrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 20px;
    align-items: center;
}
#signup ul.loginMove {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: auto;
    gap: 8px;
}
#signup ul.loginMove li {
    cursor: pointer;
    height: 100%;
    padding: 10px 15px;
    border-radius: 30px;
}
#signup ul.loginMove li a {
    font-size: 14px;
}
#signup .back span, #signup div.imgWrapper img.rabbit {
    display: none;
}
#signup div.formWrapper {
    width: 100%;
    max-width: 100%;
    margin: auto;
    min-height: auto;
    padding: 60px 0;
}
#signup .back {
    position: static;
    width: 43px;
}
#signup .back img {
    width: 100%}
}@media(max-width:540px) {
    #signup div.formWrapper form {
    width: 100%}
#signup div.formWrapper {
    width: 80%;
    max-width: 80%}
}@media(max-width:450px) {
    #signup div.checkBoxWrapper {
    font-size: 11px;
    flex-wrap: wrap;
}
#signup input[type=checkbox] {
    margin-right: 6px;
}
#signup input.terms-accept-checkbox {
    transform: scale(1);
}
}#resetPassword {
    width: 100%;
    max-width: 900px;
    padding: 40px 0 80px;
    margin: 0 auto;
    min-height: 64.8vh;
    height: 100%}
#resetPassword .topBox p {
    font-size: 24px;
    font-weight: 500;
    color: #707070;
}
#resetPassword .topBox p:after {
    display: block;
    content: '';
    background-color: #707070;
    width: 368px;
    height: 1px;
    margin: 24px auto 0;
}
#resetPassword div.formWrapper {
    background: #f8f8f8;
    border-radius: 5px;
    padding: 38px 36px;
}
#resetPassword div.capchaWrapper, #resetPassword div.inputWrapper {
    margin-bottom: 16px;
}
#resetPassword div.inputWrapper label {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 13px;
    padding-top: 30px;
}
#resetPassword .formWrapper form {
    width: 45%;
    margin: 0 auto;
}
#resetPassword .form-group, .captcha {
    display: flex;
    justify-content: center;
}
#resetPassword div.inputWrapper input {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 5px;
    font-size: 14px;
    padding: 0 17px;
}
#resetPassword div.inputWrapper input:focus {
    border: 1px solid #000;
}
#resetPassword button.resetPasswordButton {
    width: 100%;
    height: 48px;
    background: #000;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}
#resetPassword .alert-danger {
    margin-top: 15px;
    margin-bottom: 0;
}
#resetPassword .alert-dismissible .close {
    top: -3px!important;
    right: -20px!important;
}
@media (max-width:930px) {
    #resetPassword {
    max-width: 90%}
#resetPassword div.inputWrapper label {
    font-size: 14px;
}
#resetPassword div.formWrapper {
    padding: 38px 165px;
}
#resetPassword .topBox p:after {
    width: 100%}
#resetPassword .formWrapper form {
    width: 96%}
}#main div.Wrap {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#main .sec02 {
    height: 100%;
    background-color: #fff;
    padding-top: 120px;
    padding-bottom: 150px;
    position: relative;
}
#main .sec03 {
    height: 100%;
    position: relative;
}
#main .sec04 {
    height: 100%;
    background-color: #767676;
    position: relative;
}
#main .sec05 {
    height: 100%;
    background-color: #f7f7f7;
    position: relative;
}
#main .sec06 {
    min-height: auto;
    height: auto;
    background-color: #fff;
    position: relative;
    padding-bottom: 200px;
}
#main div.Wrap section.sec01 {
    height: 100vh;
    max-height: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    margin: 00px auto auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
#addfunds .wrapper, #main .sec02 div.bottomWrap, #main div.flex, #main section.sec04 div.container {
    max-width: 1600px;
    margin: auto;
}
#main div.Wrap section.sec01 .mainWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1600px;
}
@media (max-width:1400px) {
    #main div.Wrap section.sec01 .videoWrap {
    display: none;
}
#main div.Wrap section.sec01 .mainWrap div.moImg {
    display: flex;
}
#main div.Wrap section.sec01 .mainWrap div.moImg img {
    display: flex;
    width: 100%;
    height: 100%}
#main div.Wrap section.sec01 .mainWrap {
    flex-direction: column;
}
#main div.Wrap section.sec01 {
    height: auto;
    padding-bottom: 150px;
}
}#main div.Wrap section.sec01 .videoWrap {
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    height: 100%}
#main div.Wrap section.sec01 .videoWrap video#spotVideo {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    overflow: hidden;
    width: 100%}
#main div.Wrap section.sec01 .overflow {
    position: relative;
    padding-bottom: 42.6%;
    overflow: hidden;
}
#main div.Wrap section.sec01 #player {
    position: absolute;
    width: 100%;
    height: 132%;
    top: -130px;
}
#main div.Wrap section.sec01 .overflow::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    width: 100%;
    height: 100%}
#main div.Wrap section.sec01 div.textWrap {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 999;
    width: 100%}
#main div.Wrap section.sec01 div.textWrap h3 {
    font-size: 40px;
    color: #818181;
    font-weight: 500;
    margin-bottom: 20px;
    letter-spacing: -.8px;
}
#main div.Wrap section.sec01 div.loginLeftWrapper div.inputWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: auto;
}
#main div.Wrap section.sec01 div.captcha {
    z-index: 9999;
}
#main div.Wrap section.sec01 div.textWrap h2 {
    font-size: 62px;
    font-weight: 300;
}
#main .sec05 div.container div.sec05LeftWrap span, #main div.Wrap section.sec01 div.textWrap span, #main div.flex div.sec02TextWrap span, #main section.sec04 div.container div.sec04LeftWrap span {
    font-family: SebangGothic;
    font-weight: 800;
}
#main div.Wrap section.sec01 div.buttonWrap {
    display: flex;
    padding-top: 29px;
}
#main div.Wrap section.sec01 div.buttonWrap div.look {
    display: flex;
    gap: 16px;
}
#main div.Wrap section.sec01 div.buttonWrap div.look button {
    border: 2px solid #000;
    width: 180px;
    height: 70px;
    padding: 0;
    background-color: transparent;
}
#main div.Wrap section.sec01 div.buttonWrap div.look button.previewTwo {
    color: #000;
    font-size: 20px;
}
#main div.Wrap section.sec01 div.buttonWrap button.logInButton {
    background-color: #000!important;
    border: 2px solid #000!important;
}
#main div.Wrap section.sec01 div.buttonWrap button.logInButton a {
    color: #fff;
    font-size: 20px;
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.scroll-down {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    text-align: center;
}
.sec02 .scroll-down, .sec03 .scroll-down, .sec05 .scroll-down {
    bottom: 50px;
    z-index: 1;
}
.sec04 .scroll_down span, .section4 .scroll_down span {
    border: 2px solid #fff;
}
#hot-hashtag, #top-account, .modal-bg, .modal-wrap, .sec04 .scroll_down span:before, .section4 .scroll_down span:before {
    background: #fff;
}
.sec04 .scroll-down {
    bottom: 50px;
    z-index: 99;
}
.sec06 .scroll-down {
    bottom: 50px;
}
.scroll-down a {
    font-weight: 600;
    font-family: SebangGothic;
    margin-bottom: 4px;
    display: block;
}
.scroll_down span {
    display: block;
    position: relative;
    width: 20px;
    height: 30px;
    border: 2px solid #222;
    border-radius: 50px;
    box-sizing: border-box;
    margin: 0 auto;
}
.scroll_down span:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #000;
    transform: translateX(-50%);
    box-sizing: border-box;
    -webkit-animation: 2s infinite scroll;
    animation: 2s infinite scroll;
}
#main .sec05 .scroll-down a {
    color: #22;
}
#main .sec05 .scroll_down span {
    border: 2px solid #222;
}
#main .sec05 .scroll_down span:before {
    background: #222;
}
@-webkit-keyframes scroll {
    0% {
    -webkit-transform: translate(-50%, 0);
    opacity: 0;
}
40% {
    opacity: 1;
}
80% {
    -webkit-transform: translate(-50%, 20px);
    opacity: 0;
}
100% {
    opacity: 0;
}
}@keyframes scroll {
    0% {
    transform: translate(-50%, 0);
    opacity: 0;
}
40% {
    opacity: 1;
}
80% {
    transform: translate(-50%, 20px);
    opacity: 0;
}
100% {
    opacity: 0;
}
}@media (max-width:1600px) {
    #spotVideo {
    width: 100%}
#main div.Wrap section.sec01 .mainWrap {
    max-width: 90%}
#main div.Wrap section.sec01 .videoWrap {
    flex: 3;
}
#main div.Wrap section.sec01 .mainWrap .textWrap h3 {
    font-size: 20px;
}
#main div.Wrap section.sec01 div.textWrap h3 {
    width: auto;
    animation: none;
    white-space: wrap;
    overflow: visible;
    border-right: none;
}
#main div.Wrap section.sec01 .mainWrap .textWrap h2 {
    font-size: 40px;
}
}@media (max-width:1000px) {
    #spotVideo {
    height: auto;
}
#main div.Wrap section.sec01 .mainWrap {
    flex-direction: column;
    margin-top: 0;
}
#main div.Wrap section.sec01 div.textWrap {
    width: 100%}
}@media (max-width:567px) {
    #main div.Wrap section.sec01 .mainWrap {
    margin-top: 50px;
}
}#addfunds section.bottomSection, #main div.flex, #main section.sec04 div.container div.leftrightWrap, #neworder .liketest_timer.pc {
    display: flex;
}
#main div.flex div.sec02TextWrap {
    padding-right: 168px;
    padding-top: 39px;
}
#main div.flex div.sec02TextWrap h3 {
    font-size: 40px;
    font-weight: 500;
    color: gray;
}
#main div.flex div.sec02TextWrap h2 {
    font-size: 62px;
    font-weight: 400;
    padding-top: 20px;
}
#main div.flex div.sec02TextWrap span.Mobr, #main section.sec04 div.container div.sec04LeftWrap .Mobr {
    display: block;
}
#main .sec02 .slick-slider {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    display: block!important;
}
#main .sec02 .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#main .sec02 .slick-track {
    position: relative;
    top: 31px;
    left: 12px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 400px!important;
}
#main .sec02 .slick-slide {
    border-radius: 10px;
    margin-left: 24px;
    height: 324px!important;
    width: 324px!important;
    min-height: 1px;
    float: left;
    box-shadow: 0 0 14px #00000029;
}
#main .sec02 .slick-slide:nth-child(2n) {
    border: 1px solid #355da9;
}
#main .sec02 .sliderItem figure {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%}
#main .sec02 .sliderItem.sliderInsta {
    background: #d13e8a;
}
#main .sec02 .sliderItem.sliderFace {
    background: #355da9;
}
#main .sec02 .sliderItem.sliderYoutube {
    background: #e55b64;
}
#main .sec02 .sliderItem.sliderGitar {
    background: #4b4b4b;
}
#main .sec02 .sliderItem strong {
    padding-top: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}
#main .sec02 .sliderItem p {
    font-size: 18px;
    color: #fff;
    padding-top: 20px;
}
#main .sec02 .sliderFace, #main .sec02 .sliderGitar, #main .sec02 .sliderInsta, #main .sec02 .sliderYoutube {
    background-color: #fff;
}
#main .sec02 div.contents {
    display: flex;
    gap: 24px;
    justify-content: left;
    align-items: center;
    margin-top: 133px;
}
#main .sec02 div.counterBox {
    display: block;
    background-color: #fff;
    padding: 43px 0;
    width: 200px;
    height: 200px;
    border-radius: 0;
    border: 1px solid #4b4b4b;
    box-shadow: 0 3px 20px #00000029;
}
#main .sec02 div.contents.contentsTop {
    margin-bottom: 71px;
}
#main .sec02 div.contentsDate {
    text-align: center;
    display: flex;
    margin: 16px 0;
    width: 424px;
    height: 44px;
    border: 1px solid #000;
    border-radius: 0;
    align-items: center;
    justify-content: center;
    background-color: #000;
}
#main .sec02 div.contentsDate strong {
    font-size: 12px;
    padding-left: 9px;
    color: #fff;
}
#main .sec02 div.contents div.counterBox p.title, main section.section3 div.contents div.counterBox span.counter {
    font-size: 36px;
    font-weight: 900;
    color: #4b4b4b;
    text-align: center;
    margin-bottom: 10px;
}
#main .sec02 div.contents div.counterBox p.title::after {
    display: block;
    content: '';
    width: 20px;
    height: 1px;
    background-color: #fff;
    margin: 20px auto;
}
#main .sec02 div.contents div.counterBox p.description {
    font-size: 18px;
    color: #4b4b4b;
    text-align: center;
    font-weight: 300;
}
@media (max-width:1630px) {
    header div.contents {
    width: 90%}
#sideMenu div.logoWrapper {
    width: 97%}
#main .sec02 div.bottomWrap, #main div.flex {
    max-width: 90%;
    margin: auto;
}
#faq.authPage {
    max-width: 97%;
    margin: auto;
}
#neworder div.wrapper {
    padding: 0;
}
}@media (max-width:1300px) {
    #main .sec02 div.contents div.counterBox p.title, main section.section3 div.contents div.counterBox {
    font-size: 29px;
}
#main .sec02 div.contents div.counterBox p.description {
    font-size: 16px;
}
}@media (max-width:1100px) {
    #main .sec02 {
    padding-top: 85px;
}
#main div.flex div.sec02TextWrap h3 {
    font-size: 20px;
}
#main div.flex div.sec02TextWrap h2 {
    font-size: 40px;
}
#main div.flex div.sec02TextWrap {
    padding-right: 90px;
}
#main .sec02 .slick-slide {
    height: 224px!important;
    width: 224px!important;
}
#main .sec02 div.contents {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
#main .sec02 div.counterBox {
    width: 100%;
    margin-top: 20px;
    padding: 41px 0;
    height: 182px;
}
}@media (max-width:730px) {
    #main .sec02 div.contentsDate {
    width: auto;
}
#main div.flex {
    flex-direction: column;
    height: auto;
    padding-bottom: 150px;
}
#main div.flex div.sec02TextWrap span.Mobr {
    display: none;
}
#main div.flex div.sec02TextWrap {
    padding-right: 0;
}
}@media (max-width:550px) {
    #main .sec02 div.contents div.counterBox p.description {
    font-size: 14px;
}
}main section.section4 {
    position: relative;
    background-color: #4b4b4b;
    padding-bottom: 50px;
}
main section.section4 .section4_container {
    padding: 120px 0;
    max-width: 1300px;
    margin: 0 auto;
}
main section.section4 p.sectionTitle {
    padding-bottom: 20px;
}
main section.section4 p.sectionTitle span {
    display: inline-block;
    font-family: SebangGothic;
    color: #fff;
    font-size: 62px;
    font-weight: 800;
}
main section.section4 p.sectionDescription {
    color: #fff!important;
    font-size: 40px;
    font-weight: 400;
}
@media (max-width:560px) {
    main section.section4 p.sectionDescription span.moBr {
    display: block;
}
}#account div.wrapper, main section.section4 div.contents div.contentsBox {
    display: flex;
    gap: 20px;
}
main section.section4 div.contents div.iconWrapper {
    text-align: center;
    position: relative;
    width: 24%;
    padding: 0 0 160px;
    box-shadow: 0 3px 20px #00000029;
    border-radius: 10px;
}
main section.section4 div.contents div.iconWrapper .title {
    padding-top: 28px;
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
main section.section4 div.contents div.iconWrapper img {
    padding-top: 36px;
    width: 100%}
@media (max-width:1200px) {
    main section.section4 div.contents div.iconWrapper img {
    padding-top: 60px;
}
}main section.section4 div.contents div.iconWrapper:first-child img {
    margin-left: 5px;
}
main section.section4 div.contents div.iconWrapper .textWrapper {
    position: absolute;
    top: 60%;
    left: 0;
    border-radius: 79px;
    display: block;
    padding: 0 18px;
}
#main .sec06 .section6Container .menu-1 ul>li.active, main section.section4 div.contents div.iconWrapper:first-child, main section.section4 div.contents div.iconWrapper:nth-child(3) {
    background-color: #222;
}
main section.section4 div.contents div.iconWrapper:nth-child(2), main section.section4 div.contents div.iconWrapper:nth-child(4) {
    background-color: #9b9b9b;
}
main section.section4 p.title {
    display: block;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
}
main section.section4 .description {
    background: #fff;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding: 60px 20px;
    border-radius: 0;
    line-height: 1.5;
    box-shadow: 0 3px 20px #00000029;
}
main section p.sectionTitle {
    font-size: 56px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 187px;
}
main section p.sectionDescription {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    padding-bottom: 100px;
}
@media (max-width:1400px) {
    main section.section4 .section4_container {
    max-width: 95%}
main section.section4 .description {
    font-size: 18px;
    padding: 40px 10px;
}
main section.section4 div.contents div.iconWrapper .title {
    font-size: 27px;
}
}@media (max-width:1100px) {
    main section.section4 .section4_container {
    padding: 85px 0 150px;
}
main section.section4 p.sectionTitle span {
    font-size: 30px;
}
main section.section4 p.sectionDescription {
    font-size: 40px;
    line-height: 1.1;
}
main section.section4 p.sectionTitle {
    padding-bottom: 5px;
}
}@media (max-width:880px) {
    .sec02 .scroll-down {
    bottom: 0;
}
#main .sec02 {
    padding-bottom: 130px;
}
main section p.sectionDescription {
    padding-bottom: 60px;
}
main section.section4 .section4_container {
    padding: 80px 0 120px;
    max-width: 90%;
    margin: auto;
}
main section.section4 div.contents div.iconWrapper .title {
    font-size: 20px;
    padding-top: 16px;
}
main section.section4 div.contents div.contentsBox {
    display: flex;
    gap: 14px;
}
main section.section4 div.contents div.iconWrapper {
    position: relative;
    width: 24%;
    padding: 0 0 120px;
}
main section.section4 div.contents div.iconWrapper img {
    width: 120px;
    height: 150px;
    padding-top: 0;
}
main section.section4 .description {
    font-size: 14px;
    padding: 9px 6px;
    height: 120px;
}
main section.section4 div.contents div.iconWrapper .textWrapper {
    position: absolute;
    top: 52%;
    padding: 0 10px;
}
}@media (max-width:600px) {
    #main .sec02 div.contents div.counterBox p.title, main section.section3 div.contents div.counterBox {
    font-size: 26px;
}
#main .sec02 div.contents {
    gap: 13px;
}
#main .sec02 div.contents div.counterBox p.description span.moBr {
    display: block;
}
main section.section4 div.contents div.iconWrapper .textWrapper {
    top: 52%}
main section.section4 {
    padding-bottom: 140px;
}
main section.section4 p.sectionTitle {
    padding: 80px 0 0;
}
main section.section4 .section4_container {
    padding: 0;
}
main section.section4 div.contents div.contentsBox {
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr 1fr;
}
main section.section4 div.contents div.iconWrapper {
    width: 100%}
main section.section4 .description {
    padding: 20px 15px;
    font-size: 17px;
    height: 130px;
}
}@media (max-width:587px) {
    main section.section4 .description {
    padding: 21px 12px;
    font-size: 15px;
}
}@media (max-width:519px) {
    section.section4 .description {
    padding: 26px 15px;
    font-size: 15px;
}
}@media (max-width:450px) {
    main section.section4 .description {
    padding: 18px 15px;
    font-size: 13px;
    height: 110px;
}
}@media (max-width:390px) {
    main section.section4 .description {
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.4;
}
}@media (max-width:360px) {
    main section.section4 div.contents div.iconWrapper .title {
    font-size: 15px;
}
main section.section4 .description {
    padding: 16px 9px;
    font-size: 12px;
    line-height: 1.4;
}
}@media (max-width:343px) {
    main section.section4 .description {
    padding: 16px 9px;
    font-size: 11px;
    line-height: 1.4;
}
#hot-hashtag div.contents div.tableWrapper {
    font-size: 12px;
}
}#main .sec04:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 100%;
    background: #212121;
    transition: 2.7s ease-out;
}
@media (max-width:420px) {
    #main div.Wrap section.sec01 {
    padding-bottom: 110px;
}
#main div.Wrap section.sec01 div.textWrap {
    padding-top: 33px;
}
#main div.Wrap section.sec01 .mainWrap .textWrap h3 {
    font-size: 14px;
    margin-bottom: 16px;
}
#main div.Wrap section.sec01 .mainWrap .textWrap h2, main section.section4 p.sectionDescription {
    font-size: 30px;
}
#main div.Wrap section.sec01 div.buttonWrap div.look {
    gap: 8px;
}
#main div.Wrap section.sec01 div.buttonWrap {
    padding-top: 20px;
}
#main div.Wrap section.sec01 div.buttonWrap div.look button {
    width: 100px;
    height: 40px;
}
#main div.Wrap section.sec01 div.buttonWrap button.logInButton a, #main div.Wrap section.sec01 div.buttonWrap div.look button.previewTwo, #main div.flex div.sec02TextWrap h3 {
    font-size: 14px;
}
.scroll-down a {
    font-size: 11px;
}
.sec02 .scroll-down, .sec03 .scroll-down, .sec05 .scroll-down {
    bottom: 0;
}
.sec06 .scroll-down {
    bottom: 20px;
}
#main .sec02 {
    min-height: auto;
    height: auto;
    padding-top: 60px;
    padding-bottom: 130px;
}
#main div.flex {
    max-width: 100%;
    margin: auto;
}
#main .sec02 .slick-slide {
    height: 120px!important;
    width: 120px!important;
    margin-left: 9px;
}
#main div.flex div.sec02TextWrap {
    padding-top: 0;
    max-width: 90%;
    margin: auto;
    width: 100%}
#main div.flex div.sec02TextWrap h2 {
    font-size: 30px;
    padding-top: 16px;
}
#main .sec02 .sliderItem strong {
    padding-top: 8px;
    font-size: 16px;
}
#main .sec02 .sliderItem p {
    padding-top: 8px;
    font-size: 11px;
}
.slick-slide img {
    width: 32px;
    height: 32px;
}
#main .sec02 .slick-track {
    left: 8px;
}
#main .sec02 div.contentsDate {
    margin: 20px 0 16px;
    width: auto;
}
#main .sec02 div.contents {
    gap: 14px;
    justify-content: left;
    align-items: center;
    margin-top: 20px;
}
#main .sec02 div.counterBox {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100px;
    flex-direction: column;
    justify-content: center;
}
#main .sec02 div.contents div.counterBox p.title, main section.section3 div.contents div.counterBox {
    font-size: 18px;
}
#main .sec02 div.contents div.counterBox p.description {
    font-size: 12px;
}
#main .sec02 div.contents div.counterBox p.title::after {
    width: 20px;
    height: 1px;
    background-color: #666;
    margin: 8px auto 0;
}
main section.section4 p.sectionTitle span {
    font-size: 20px;
}
#main .sec04:after {
    transition: 1s ease-out;
}
}#main .sec04.on:after {
    right: 0;
}
#main section.sec04 div.container div.sec04LeftWrap {
    padding-top: 343px;
    z-index: 10;
}
#main section.sec04 div.container div.sec04LeftWrap h3 {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -.8px;
}
#main section.sec04 div.container div.sec04LeftWrap h2 {
    padding-top: 20px;
    color: #fff;
    font-size: 62px;
    font-weight: 400;
    letter-spacing: -.8px;
}
#main section.sec04 div.container div.sec04RightWrap {
    display: flex;
    padding-top: 95px;
    height: 721px;
    padding-left: 131px;
    position: relative;
    z-index: 99;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #fff;
    width: 271px;
    align-items: center;
    height: 709px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy {
    border: 1px solid #fff;
    font-size: 30px;
    padding: 2px 0;
    width: 44px;
    border-radius: 13px;
    font-weight: 700;
    background: #fff;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.e, #main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.s {
    margin-top: 34px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.a {
    margin-bottom: 41px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.y {
    margin-bottom: 37px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy span {
    color: #4b4b4b;
}
#main section.sec04 div.container div.sec04RightWrap::before {
    display: block;
    content: '';
    background-color: #fff;
    width: 1500px;
    position: absolute;
    height: 1px;
    top: 65.5%;
    left: -2px;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left;
}
#main section.sec04.on div.container div.sec04RightWrap::before {
    transform: scaleX(1);
    transition: 3s ease-out .2s;
    opacity: 1;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item img {
    width: 150px;
    border: 1px solid #666;
    border-radius: 100%;
    background-color: #fff;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item strong {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -.8px;
    padding-top: 10px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item p {
    padding-top: 12px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .2px;
    line-height: 1.7;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item01, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item03 {
    margin-top: 47px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item02 {
    justify-content: end;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 {
    justify-content: end;
    height: 732px;
}
@media(max-width:1630px) {
    #main section.sec04 div.container {
    max-width: 90%;
    padding-left: 0;
    padding-right: 0;
}
#main section.sec04 div.container div.sec04LeftWrap {
    flex: 1;
}
#main section.sec04 div.container div.sec04RightWrap {
    width: auto;
    height: 864px;
    flex: 2;
    padding-left: 0;
}
#main section.sec04 div.container div.sec04RightWrap br, #main section.sec04.on div.container div.sec04RightWrap::before {
    display: none;
}
#main section.sec04 div.container div.sec04LeftWrap::before {
    display: block;
    content: '';
    background-color: #fff;
    width: 100%;
    position: absolute;
    height: 1px;
    top: 47.1%;
    left: 404px;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: left;
}
#main section.sec04.on div.container div.sec04LeftWrap::before {
    transform: scaleX(1);
    transition: 3s ease-out .2s;
    opacity: 1;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item01 {
    margin-top: 47px;
    width: auto;
    height: auto;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item02 {
    width: auto;
    height: auto;
    margin-bottom: 44px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item03, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 {
    width: auto;
    height: auto;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item img, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item01 img {
    width: 92%}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item01 p, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item02 p, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item03 p {
    width: 100%}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 p {
    width: 56%}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 img {
    width: 57%}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy {
    position: absolute;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.e, #main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.s {
    top: 271px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.a, #main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.y {
    top: 353px;
}
}@media(max-width:1456px) {
    #main section.sec04 div.container div.sec04RightWrap .sec04Item.item02 {
    margin-bottom: 14px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.a {
    top: 353px;
}
}@media(max-width:1380px) {
    #main section.sec04 div.container div.sec04RightWrap {
    flex: 1.5;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item01, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item02, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item03, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item04, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 p {
    width: 100%}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 img {
    width: 95%}
}@media(max-width:1040px) {
    #main section.sec04 div.container div.sec04LeftWrap h3, #main section.sec04 div.container div.sec04RightWrap .sec04Item strong {
    font-size: 20px;
}
#main section.sec04 div.container div.sec04LeftWrap h2 {
    font-size: 40px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item02 {
    margin-bottom: 50px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.a {
    top: 353px;
}
#main section.sec04 div.container div.sec04LeftWrap::before {
    top: 47.5%;
    left: 207px;
}
}@media(max-width:768px) {
    .sec04 .scroll-down {
    bottom: 20px;
}
#main .sec04 {
    min-height: auto;
    padding-bottom: 50px;
}
#main section.sec04 div.container div.sec04LeftWrap {
    padding-top: 100px;
}
#main section.sec04 div.container div.leftrightWrap {
    flex-direction: column;
    padding-bottom: 100px;
}
#main section.sec04 div.container div.sec04RightWrap {
    padding-top: 0;
}
#main section.sec04 div.container div.sec04LeftWrap::before {
    top: 55%;
    left: 0;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item {
    height: 594px!important;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item01, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item02, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item03 {
    height: 550px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 {
    margin-top: 31px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.e, #main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.s {
    top: 222px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.a {
    top: 304px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.y {
    top: 272px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item strong {
    font-size: 20px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item p {
    font-size: 13px;
    line-height: 1.2;
}
#main section.sec04 div.container div.sec04LeftWrap .Mobr {
    display: none;
}
}@media(max-width:420px) {
    #main .sec04 {
    padding-bottom: 80px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item01 {
    margin-top: 0;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item02, #main section.sec04 div.container div.sec04RightWrap .sec04Item.item04 {
    justify-content: start;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item.item03 {
    margin-top: 34px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item img {
    width: 76px!important;
}
#main section.sec04.on div.container div.sec04LeftWrap::before {
    display: none;
}
#main section.sec04 div.container div.sec04RightWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding-top: 30px;
    height: auto;
    flex: auto;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item {
    height: 150px!important;
}
#main section.sec04 div.container div.sec04LeftWrap {
    padding-top: 60px;
}
#main section.sec04 div.container div.sec04LeftWrap h3 {
    font-size: 14px;
}
#main section.sec04 div.container div.sec04LeftWrap h2 {
    font-size: 30px;
    padding-top: 16px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy {
    width: 30px;
    font-size: 20px;
    border-radius: 8px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.e {
    top: 140px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.s {
    top: 149px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.a {
    top: 174px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.y {
    top: 184px;
}
#main section.sec04 div.container div.sec04RightWrap .sec04Item p {
    font-size: 12px;
}
.sec04 .scroll-down {
    bottom: 0;
}
}@media(max-width:406px) {
    #main section.sec04 div.container div.sec04RightWrap .sec04Item .easy.y {
    top: 186px;
}
}@media(max-width:300px) {
    #main section.sec04 div.container div.sec04RightWrap .sec04Item p {
    padding-top: 2px;
}
}#main .sec05 div.container {
    max-width: 1600px;
    margin: auto;
    display: flex;
    padding-top: 250px;
    padding-bottom: 120px;
    overflow: hidden;
}
#main .sec05 div.container div.sec05LeftWrap {
    max-width: 34%;
    width: 34%;
    z-index: 99999999;
    padding-top: 60px;
}
#main .sec05 div.container div.sec05LeftWrap h3 {
    font-size: 40px;
    color: #4b4b4b;
    font-weight: 400;
    letter-spacing: -.8px;
}
#main .sec05 div.container div.sec05LeftWrap h2 {
    padding-top: 20px;
    font-size: 62px;
    font-weight: 400;
    letter-spacing: -.8px;
    color: #222;
}
#main .sec05 div.container div.sec05RightWrap {
    max-width: 64%;
    width: 64%}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 {
    width: 310px!important;
    min-height: 350px;
    background: #fff;
    box-shadow: 0 0 6px #0000004d;
    border-radius: 50px;
    padding: 36px;
    margin: 0 10px;
    cursor: pointer;
}
div#slick-slide13 {
    max-height: 340px!important;
    padding: 13px 35px!important;
}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots {
    display: flex!important;
    justify-content: flex-end;
}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots li {
    display: flex!important;
}
#main .sec05 div.container div.sec05RightWrap button {
    font-family: SebangGothic;
    padding: 10px;
    color: #ccc;
    background: 0 0;
}
#main .sec05 div.container div.sec05RightWrap .slick-active button {
    height: 100%;
    padding: 10px;
    font-size: 25px;
    color: #222;
}
#main .sec05 div.container div.sec05RightWrap .slick-list {
    padding: 50px 0;
    overflow: hidden;
}
#main .sec05 div.container div.sec05RightWrap .slick-current {
    background: #242424!important;
    transform: scale(1.31);
    box-shadow: 0 0 6px transparent!important;
    z-index: 100;
}
#main .sec05 div.container div.sec05RightWrap .slick-track {
    position: relative;
    top: 3px;
    left: 48px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
 #main .sec05 div.container div.sec05RightWrap .slick-current div.starWrapper, #main .sec05 div.container div.sec05RightWrap .slick-current div.textBox p.review, #main .sec05 div.container div.sec05RightWrap .slick-current p.job, #main .sec05 div.container div.sec05RightWrap .slick-current p.userName, #main .sec05 div.container div.sec05RightWrap .slick-current svg {
    color: #fff!important;
}
#faq figure.active strong {
    color:#EB5644
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.textBox {
    display: flex;
    flex-direction: column;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.textBox svg {
    color: #000;
    font-size: 20px!important;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.textBox p.review {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    margin: 8px 0;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox {
    display: flex;
    justify-content: center;
    margin-top: 24px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left {
    margin-right: 16px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.imageWrapper img {
    width: 78px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.imageWrapper img.one {
    background-color: #fbf52e;
    border-radius: 100%}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.imageWrapper img.three {
    background-color: #f9c3a2;
    border-radius: 100%}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.imageWrapper img.four {
    background-color: #cf32fd;
    border-radius: 100%}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.imageWrapper img.five {
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.starWrapper {
    color: #000;
    display: flex;
    justify-content: center;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.right p.userName {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 4px;
}
.progress {
    display: block;
    width: 31%;
    height: 5px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f5f5f5;
    background-image: linear-gradient(to right, #242424, #242424);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size .4s ease-in-out;
    position: absolute;
    top: 518px;
    left: 51%}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
@media(max-width:1630px) {
    #main .sec05 div.container {
    max-width: 90%}
#main .sec05 div.container div.sec05RightWrap {
    position: absolute;
    padding-left: 30%;
    max-width: 100%;
    width: 100%}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots {
    padding-right: 110px;
    padding-top: 20px;
}
.progress {
    width: 20%;
    top: 466px;
    left: 61%}
}@media(max-width:1420px) {
    .progress {
    width: 18%;
    left: 61%}
}@media(max-width:1348px) {
    #main .sec05 div.container div.sec05LeftWrap h3 {
    font-size: 20px;
}
#main .sec05 div.container div.sec05LeftWrap h2 {
    font-size: 40px;
}
}@media(max-width:1280px) {
    .progress {
    left: 59%}
}@media(max-width:1140px) {
    .progress {
    left: 56%}
}@media(max-width:1000px) {
    .sec03 .scroll-down {
    bottom: 0;
}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots {
    padding-right: 81px;
}
}@media(max-width:930px) {
    .sec05 .scroll-down {
    bottom: 20px;
}
#main .sec05 {
    min-height: 1050px;
}
#main .sec05 div.container {
    max-width: 90%;
    padding-top: 120px;
}
#main .sec05 div.container div.sec05LeftWrap {
    max-width: 100%;
    width: 100%;
    padding-top: 0;
}
#main .sec05 div.container div.sec05RightWrap {
    max-width: 100%;
    position: absolute;
    width: 100%;
    left: 51px;
    padding-left: 0;
    padding-top: 268px;
}
.progress {
    top: 735px!important;
    left: 34%!important;
    width: 37%!important;
}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots {
    padding-right: 90px;
    padding-top: 20px;
}
}@media(max-width:870px) {
    .progress {
    left: 33%!important;
}
}@media(max-width:830px) {
    #main .sec05 div.container div.sec05RightWrap {
    left: 47px;
}
.progress {
    left: 30%!important;
}
}@media(max-width:768px) {
    #main .sec05 div.container div.sec05RightWrap {
    left: 39px;
}
.progress {
    width: 42%!important;
    left: 22%!important;
    position: absolute;
    padding-top: 0;
    top: 772px!important;
}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots {
    padding-top: 56px;
}
}@media(max-width:690px) {
    .progress {
    left: 23%!important;
}
}@media(max-width:650px) {
    #resetPassword div.formWrapper {
    padding: 38px 15px;
}
.progress {
    left: 18%!important;
    width: 38%!important;
}
}@media(max-width:578px) {
    .progress {
    left: 15%!important;
}
}@media(max-width:500px) {
    #main .sec05 div.container div.sec05RightWrap {
    left: 25px;
}
}@media(max-width:420px) {
    #main .sec05 {
    min-height: 800px!important;
}
.sec05 .scroll-down {
    bottom: 0;
}
#main .sec05 div.container, #main section.sec04 div.container div.sec04LeftWrap {
    padding-top: 60px;
}
#main .sec05 div.container div.sec05LeftWrap h3 {
    font-size: 14px;
}
#main .sec05 div.container div.sec05LeftWrap h2 {
    font-size: 30px;
    padding-top: 16px;
}
#main .sec05 div.container div.sec05RightWrap {
    left: 0;
    position: absolute;
    top: 235px;
    padding-top: 0;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 {
    width: 250px!important;
    min-height: 250px!important;
    padding: 22px 26px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.textBox p.review {
    font-size: 12px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.imageWrapper img {
    width: 60px;
    height: auto;
}
#main .sec05 div.container div.sec05RightWrap ul.slick-dots {
    padding-right: 20px;
    padding-top: 0;
}
.progress {
    width: 36%!important;
    top: 91.3%!important;
    left: 62px!important;
}
}@media(max-width:385px) {
    #main .sec05 {
    min-height: 800px!important;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 {
    width: 220px!important;
    min-height: 220px!important;
    padding: 11px 26px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.textBox p.review {
    font-size: 12px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox {
    margin-top: 0;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.right p.userName {
    font-size: 11px;
    text-align: center;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.right p.job {
    font-size: 11px;
}
#main .sec05 div.container div.sec05RightWrap br {
    display: none;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.userBox div.left div.starWrapper {
    font-size: 10px;
}
.progress {
    width: 36%!important;
    top: 90.3%!important;
    left: 51px!important;
}
}@media(max-width:345px) {
    .progress {
    width: 35%!important;
    top: 93.3%!important;
    left: 35px!important;
}
}@media(max-width:315px) {
    .progress {
    left: 20px!important;
}
}@media(max-width:310px) {
    #main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 {
    width: 188px!important;
    min-height: 188px!important;
    padding: 11px 20px;
}
#main .sec05 div.container div.sec05RightWrap div.sliderWrap2 div.slider2 div.textBox p.review {
    font-size: 11px;
}
}#main .sec06 .section6Container {
    width: 100%;
    min-height: auto;
    height: 100%;
    position: relative;
}
#neworder .toastWrapper, #neworder .toastWrapper.error, #neworder .toastWrapper.success {
}
#main .sec06 .section6Container .menu-box-1 ul {
    max-width: 1600px;
    margin: auto;
    padding-top: 150px;
}
#main .sec06 .section6Container .menu-1 ul>li {
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    display: block;
    padding: 38px 0;
    border: 1px solid #4b4b4b;
    border-radius: 15px;
    text-align: left;
    margin-bottom: 16px;
    background-color: #4b4b4b;
    transition: .5s ease-out;
}
#main .sec06 .section6Container .menu-1 ul>li.active .menu-1-body__content {
    font-size: 24px;
    font-weight: 300;
    color: #fff;
}
#main .sec06 .section6Container .menu-1 ul>li>p {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    padding-left: 40px;
    transition: .3s;
}
#main .sec06 .section6Container .menu-1 ul>li>.menu-1-body {
    display: none;
    width: 92%;
    margin: 0 auto;
    border-radius: 30px;
}
#main .sec06 .section6Container .menu-1 ul>li i {
    float: right;
    padding-right: 42px;
    font-size: 45px;
    color: #fff;
}
#main .sec06 .section6Container .menu-1 ul>li.active>div {
    display: block;
    padding: 24px 32px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>p:not(:only-child) {
    font-size: 40px;
    color: #fff;
    padding-bottom: 30px;
    transition: .3s;
}
#main .sec06 .section6Container span.faqStrong {
    display: block;
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 10px;
}
#main .sec06 .section6Container .menu-1 ul>li>p::after {
    float: right;
}
@media (max-width:880px) {
    #main .sec06, #main .sec06 .section6Container {
    min-height: auto;
}
#main .sec06 {
    padding-bottom: 150px;
}
.sec06 .scroll-down {
    bottom: 20px;
}
#main .sec06 .section6Container .menu-box-1 ul {
    padding-top: 80px;
}
#main .sec06 .section6Container .menu-1 ul>li>p {
    font-size: 20px;
}
#main .sec06 .section6Container .menu-1 ul>li i {
    font-size: 27px;
    padding-right: 20px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>p:not(:only-child) {
    font-size: 23px!important;
    padding-bottom: 18px;
}
#main .sec06 .section6Container .menu-1 ul>li.active .menu-1-body__content {
    font-size: 14px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>div {
    padding: 0 32px;
}
#main .sec06 .section6Container span.faqStrong {
    font-size: 17px;
}
#main .sec06 .section6Container .menu-1 ul>li {
    padding: 35px 0;
}
}@media(max-width:768px) {
    #main .sec06 .section6Container .menu-1 ul>li {
    padding: 26px 0;
}
#main .sec06 .section6Container .menu-1 ul>li>p {
    font-size: 17px;
    padding-left: 20px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>p:not(:only-child) {
    font-size: 21px!important;
}
}@media(max-width:390px) {
    #main .sec06 {
    padding-bottom: 60px;
}
#main .sec06 .section6Container .menu-box-1 ul {
    padding-top: 60px;
    padding-bottom: 70px;
}
#main .sec06 .section6Container .menu-1 ul>li>p {
    font-size: 14px;
    padding-left: 20px;
}
#main .sec06 .section6Container .menu-1 ul>li i {
    padding-right: 20px;
    font-size: 19px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>div {
    padding: 0 10px 0 32px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>p:not(:only-child) {
    font-size: 17px!important;
}
#main .sec06 .section6Container .menu-1 ul>li.active .menu-1-body__content {
    font-size: 12px;
}
#main .sec06 .section6Container .menu-1 ul>li {
    padding: 23px 0;
}
#main .sec06 .section6Container span.faqStrong {
    font-size: 14px;
}
}@media(max-width:280px) {
    #main .sec06 .section6Container .menu-1 ul>li>p, #main .sec06 .section6Container span.faqStrong {
    font-size: 12px;
}
#main .sec06 .section6Container .menu-1 ul>li i {
    font-size: 15px;
}
#main .sec06 .section6Container .menu-1 ul>li.active>p:not(:only-child) {
    font-size: 15px!important;
}
#main .sec06 .section6Container .menu-1 ul>li.active .menu-1-body__content {
    font-size: 11px;
}
#main .sec06 .section6Container .menu-1 ul>li {
    padding: 19px 0;
}
}


@media (max-width:768px) {
    header div.contents .menuWrapper ul {
    gap: 22px;
}

header div.contents a.logo img {
    transform: scale(1);
    height: auto;
}
header.header {
    height: 50px;
}
 header div.contents .menuWrapper ul li a, header div.contents .menuWrapper ul li button.preview {
font-size:12px;
 }
header div.contents a {
    width: 20%}
#sign div.container .loginLeftWrapper, #sign input#password, #sign input#username {
    width: 100%}
#faq div.mobileTitle {
    display: none;
}
#faq.authPage div.mobileTitle {
    margin: 0 auto 28px;
}
#faq figure.active div {
    font-size: 11px;
}
#faq, #faq.authPage {
}
#faq div.wrapper {
    padding: 33px 16px;
    padding-left: 16px!important;
    overflow: auto;
    height: auto!important;
    max-width: 1300px;
    min-height: auto;
    margin: 0 auto 32px;
}
#faq div.wrapper.authPage {
    width: 100%;
    margin: 0 0 32px;
}
#faq div.wrapper div.faqFilterWrapper {
    margin-bottom: 16px;
    padding-left: 0;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

#faq div.wrapper div.faqFilterWrapper div.faqFilterBox+div.faqFilterBox {
    margin-left: 0;
}
#faq .menu-1 {
    display: block!important;
}
#faq figure.active span.faqStrong {
    font-size: 14px;
}
#faq .even figure strong::after, #faq .odd figure strong::after {
    font-size: 16px;
}
#faq figure.active strong {font-size: 14px;}
#faq figure div {
    font-size: 10px;
    padding: 12px;
}

}#neworder .sectionTabWrapper, #neworder .tabArea, #neworder .toastWrapper, #neworder .tabWrapper, #neworder .tabWrapper .tab, #neworder .tabWrapper .tab .tabIcon, #neworder div.wrapper {
    display: flex;
}
#hot-hashtag, #top-account {
    padding: 40px;
}
@media (max-width:300px) {
    #main div.Wrap section.sec01 .mainWrap .textWrap h2 {
    font-size: 26px;
}
#main div.flex div.sec02TextWrap h2 {
    font-size: 28px;
}
main section.section4 .description {
    line-height: 1.3;
    padding: 10px 12px;
    font-size: 10px;
    height: 90px;
}
#faq div.wrapper div.faqFilterWrapper div.faqFilterBox+div.faqFilterBox {
    margin-left: 0;
}
#faq div.wrapper div.faqFilterWrapper {
    padding-left: 0;
    margin-bottom: 16px;
}
#faq .even figure strong, #faq figure.active div {
}
#faq .even figure strong::after, #faq .odd figure strong::after {
    font-size: 12px;
}
#faq figure.active strong {
}
}#neworder .btn-default {
    background-color: #fff;
    margin-left: 8px;
    border-radius: 5px;
}
#neworder .input-group button {
    border: 1px solid #ccc;
    height: 38px;
}
#neworder div.wrapper {
    max-width: 1600px;
  width:100%;
    margin: auto;
}
@media (max-width:1670px){
    #neworder div.wrapper {
        padding: 0 16px;
        max-width:100%;
    }
}
#neworder section a.sectionTitle {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 13px;
    color: #000;
    display: block;
}
#neworder div.rightWrapper section.noticeWrapper p.sectionTitle {
    display: inline-block;
    border: 1px solid #f4f4f4;
    background-color: #000;
    padding: 10px 20px;
    border-radius: 28px;
    color: #fff;
}
#neworder section.orderWrapper {
    flex: 1;
    position: relative;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 30px 40px 180px;
    height: auto;
    background: #fff;
}
@media (max-width:1670px){
    #neworder section.orderWrapper {
        padding:30px 16px;
    }
}
#neworder section.orderWrapper div.formWrapper {
	border:1px solid #E3E4E7;
  border-radius:8px;
  padding:20px;
}
#addfunds, #neworder div.rightWrapper, #orders {
}
#neworder .toastWrapper {display:flex;align-items:center;position:absolute;top: calc(50% - 400px);left:50%;transform:translate(-50%,-50%);background-color:#353535;z-index:9;padding:16px;border-radius:8px;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.20);gap:12px;}
#neworder .toastMessageBox {
    color:#fff;
    font-size: 14px;
    font-weight:400;
}
#neworder .toastWrapper i {
    color:#fff;
}
#neworder .toastWrapper i.fa-xmark-large {
     font-size:11px;
}
#neworder .toastWrapper i.fa-circle-exclamation {
    color:#EB5644;
    font-size:16px;
}
#neworder .toastWrapper i.fa-circle-check {
    color:#4D95FE;
    font-size:16px;
}
#neworder .tabArea {
    align-items: center;
    background: no-repeat padding-box #fff;
    flex-direction: column;
    flex: 0.35;
    padding: 30px 27px 30px 0;
}
#neworder .sectionTabWrapper {
    border-bottom: 1px solid #e3e4e7;
    margin-bottom: 30px;
    gap: 10px;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
#neworder .sectionTabWrapper .sectionTab {
    cursor: pointer;
    transition: .2s;
    font-weight: 500;
    font-size: 17px;
    padding: 12px 20px;
    border-radius: 5px;
    background-color: transparent;
    color: #a2a3a6;
}

#neworder .sectionTabWrapper .sectionTab.active {
    font-weight: 700;
    font-size: 17px;
    padding: 12px 20px;
    border-radius: 5px;
    background-color: transparent;
    color: #eb5644;
    border-bottom: 2px solid #eb5644;
    border-radius: initial;
}
#neworder .tabWrapper {
    padding-bottom: 10px;
    flex-direction: column;
  padding:0;
}
#neworder .tabWrapper .tab button {
    color: initial;
    background-color: initial;
    height: initial;
    overflow: initial;
    box-shadow: initial;
    display: flex;
    align-items: center;
    width: initial;
    padding: initial;
    gap: 15px;
}
@media (max-width:1670px){
    #neworder .sectionTabWrapper .sectionTab.active,
    #neworder .sectionTabWrapper .sectionTab {
        padding:0;
        width: 100%;
        text-align: center;
        height: 34px;
    }
}
@media(max-width:1120px){
    #neworder .tabWrapper .tab button {
        flex-direction:column;
        gap: 6px;
    }
    #neworder .tabWrapper .tab.twitter button {
        gap:2px;
    }
    #neworder .tabWrapper .tab.tiktalk button {
        gap:0;
    }
    #neworder .tabWrapper .tab.youtube button {
        gap:0;
    }
     #neworder .tabWrapper .tab.ticktalk button {
         gap:2px;
     }
     #neworder .tabWrapper .tab.instaedit button {
        gap:1px;
    }
}
#neworder .tabWrapper .tab {
      cursor: pointer;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #e3e4e7;
    width: 206px;
    height: 63px;
    background: #fff;
    align-items: center;
    padding: 0;
    align-items: center;
       gap: 15px;
    color: #1a1a1a;
    margin-bottom: 15px;
    padding: 20px;
    justify-content: flex-start;
}
#neworder .tabWrapper .tab span {
  width: 100%;
    max-width: 114px;
    text-align: left;
}
#neworder .tabWrapper .tab.active span {
    color:#EB5644;
    font-weight: 700;
}
@media (max-width:1120px){
#neworder .tabWrapper .tab span {
    line-height:15px;
    text-align: center;
    font-size: 12px;
}
}
#neworder .tabWrapper .tab .tabIcon {
 
}
#neworder .tabWrapper .tab .tabIcon svg,
#neworder .tabWrapper .tab .tabIcon img {
    width: 37px;
}
#neworder .tabWrapper .tab.active {
    color: #eb5644;
    font-weight: 600;
    border-radius: 10px;
    border: 1.5px solid #eb5644;
    box-shadow: 0 0 10px 0 rgba(235, 86, 68, .2);
    opacity: 1;
    background-color: #FDF1EC;
}
#neworder .autoDescriptionWrapper {position: relative;background-color: #EFF2F9;border: 1px solid #e9f0ff;border-radius: 8px;padding: 18px 20px;margin-bottom: 24px;display:none;}
@media (max-width:1120px){
    #neworder .autoDescriptionWrapper {
        margin-top:20px;
        margin-bottom: 0;
    }
}
.categoryLabelBox {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.categoryLabelBox i {
  color:#EB5644;
  font-size:20px;
}
#neworder .autoDescriptionWrapper strong {
    display: inline;
    font-size: 14px;
    color: #535355;
    padding: 0;
    line-height: 20px;
}
#neworder .autoDescriptionWrapper .idStrong {
    font-weight: 800;
    padding: 0;
}
#addfunds .autoDescriptionWrapper i, #neworder .autoDescriptionWrapper i {
     display: flex;
    padding-top: 4px;
    padding-right: 10px;
    color: #2A4AA8;
}
#neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper .select2-container .select2-selection--single .select2-selection__rendered {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 320px;
    overflow-y: auto!important;
}
#neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper .moveDiv {
    background-color: #000;
    color: #fff;
    padding: 1px 5px;
    font-size: 12px;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    margin-bottom: 5px;
    margin-left: 9px;
    cursor: pointer;
    display: none;
}
#neworder section.orderWrapper .select2-container--open .select2-selection--single {
    border: 1px solid #EB5644!important;
}
#neworder section.orderWrapper .select2-container .select2-selection--single {
    border-radius: 8px;
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #C5C5C8;
    height: 40px;
    line-height: 22px;
    padding: 8px 12px;
}
#neworder section.orderWrapper .select2-container .select2-selection--single span {
    color:#535355;
    font-size:14px;
    font-weight:400;
}
#neworder section.orderWrapper .form-control {
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    border: 1px solid #C5C5C8;
    border-radius: 8px;
    height: 40px;
    line-height: 22px;
    color: #535355;
    font-size: 14px;
    font-weight: 400;
}
#neworder section.orderWrapper .form-control#field-orderform-fields-comment {
    height:160px;
    background-color:#fff;
    border:1px solid #C5C5C8;
    border-radius:8px;
    font-size: 14px;
    line-height: 20px;
}
#neworder #field-orderform-fields-delay {
    background: url(https://storage.perfectcdn.com/gz2yx6/zpju4jm5eb616qa6.png) 96% no-repeat;
    display: block;
    appearance: none;
}
#neworder .form-control:focus {
    border: 1px solid #6d8191;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#neworder .confirmBottomDiv, #neworder div.rightWrapper section.counterWrapper div.counterBox {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    display: flex;
}
#neworder .select2-hidden-accessible:focus {
    border: none!important;
}
#neworder section.orderWrapper div.formWrapper div.inputWrapper label {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    color: #1A1A1A;
    flex: 1;
  margin: 0;
}
#neworder section.orderWrapper div.formWrapper  div.chargeWrapper label {
    margin-bottom:0;
}
#neworder section.orderWrapper div.formWrapper div.inputWrapper input {
    width: 100%;
    height: 36px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    font-size: 13px;
    padding: 0 12px;
}
#neworder section.orderWrapper .control-label {
    margin-bottom: 0;
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 700;
    color: #3b3b3b;
      padding: 0;
}
#neworder section.orderWrapper div.formWrapper .inputWrapper.chargeWrapper {
    display: flex;
    align-items: center;
}
.fake_input {
	display:none;
}
#neworder section.orderWrapper div.formWrapper .fake_input.active {
	display:flex;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: 800;
}
#neworder section.orderWrapper div.formWrapper  .chargeInputBox {position:relative;width: auto;display: flex;}
#neworder section.orderWrapper div.formWrapper div.inputWrapper input#charge {
    height: 44px;
    font-size: 18px;
    color: #1A1A1A;
    padding-left: 21px;
    flex: 1;
    text-align: right;
    -webkit-text-fill-color: #1A1A1A;
    background: transparent;
    border: initial;
    font-size:20px;
    font-weight:800;
}
@media(max-width:500px){
    #neworder section.orderWrapper div.formWrapper div.chargeWrapper label,
    #neworder section.orderWrapper div.formWrapper div.inputWrapper input#charge {
        width: 100%;
        flex: initial;
        display: flex;
        padding: 0;
    }
}
#neworder .help-block {
    font-weight: 700;
    color: #A2A3A6;
    margin-bottom: 0!important;
    font-weight: 400;
    font-size: 12px;
    margin-top: 4px;
}
#neworder .form-group__checkbox {
    padding-bottom: 18px;
    display: flex;
    gap: 8px;
    align-items: center;
}
#neworder .col-md-6 {
    margin-bottom: 0;
    padding-left: 0!important;
}
#neworder .col-md-6:last-of-type {
    padding-right: 0;
}
#neworder .col-md-6 label {
  margin-bottom: 0;
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 700;
    color: #3b3b3b;
    padding: 0;
}
button.orderButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
       height: 48px;
    background: #000;
    border: none;
    border-radius: 5px;
    color: #fff;
    margin-top: 16px;
    font-size: 16px;
    background-color: #EB5644;
    border-radius: 8px;
  font-weight: 600;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 17px!important;
}
#neworder div.rightWrapper {
     flex: 0.8;
    margin-right: 0;
    padding: 30px 0 100px 39px;
    height: auto !important;
}
@media (max-width:1120px){
    #neworder div.rightWrapper {
        padding:0;
        margin-top: 20px;
    }
}
#neworder div.rightWrapper section.counterWrapper, #neworder div.rightWrapper section.smallBoxWrapper {
    display: flex;
    gap: 28px;
    background: 0 0;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0 0 32px;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox {
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    padding: 16px;
    width: 170px;
    height: 135px;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox p.numberText {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 8px;
    text-align: center;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox p.numberText::after {
    content: "";
    display: block;
    background-color: #000;
    height: 1px;
    width: 23px;
    margin: 10px auto;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox p.title {
    font-size: 14px;
    text-align: center;
}
#neworder div.rightWrapper section div.smallBox {
    gap: 5px;
    display: flex;
    flex-direction: row!important;
    flex: 1;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 1px solid #008bff;
    border-radius: 20px;
    padding: 16px;
    width: 170px;
    height: 50px!important;
    box-shadow: 0 0 20px #00000029;
}
#neworder div.rightWrapper section.confirmTimeWrapper {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 0 0 32px;
    border-radius: 45px;
    border: none;
    color: #fff;
    letter-spacing: 1.2px;
    padding: 0;
}
#neworder .confirmBottom {
    flex: 1;
    display: flex;
    color: #fff;
    font-size: 13px;
    padding: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
#neworder .confirmBottomDiv {
    flex: 1;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: #000;
    border: none;
    color: #fff;
    letter-spacing: 1.2px;
    padding: 0;
    margin: 0;
    height: 44px;
    position: relative;
}
#neworder .confirmTop {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: end;
    margin: 0;
    border: none;
    letter-spacing: 1.2px;
    padding: 4px 0 8px;
    height: 33px;
    font-size: 12px;
    color: #fff;
    margin-bottom: 14px;
    border: 1px solid #eb5644;
    border-radius: 8px;
    background: #fff3cd;
    color: #eb5644;
    font-size: 14px;
    height: 40px;
    border-color: #ffeeba;
}
@media(max-width:1120px){
    #neworder .confirmTop {
        margin-bottom:20px;
    }
}
#neworder .confirmTop p.timerText {
  color: #856404;
}
#account div.wrapper div.contentsBox, #addfunds section div.contentsBox, #affiliates div.wrapper section div.contentBox, #drip-feed .wrapper, #hot-hashtag, #neworder .itemDescriptionWrapper, #neworder div.rightWrapper section.noticeWrapper, #top-account, .well {
}
#neworder div.rightWrapper section.confirmTimeWrapper p.timerText {
    font-size: 14px;
    color: #fff;
}
#neworder span.timer {
    color: #856404;
    animation-name: timer;
    animation-duration: 1s;
    animation-timing-function: linear;
  font-weight: 600;
}
@keyframes timer {
    from {
    color: #00f;
    transform: rotate(1 turn);
}
to {
    color: #ff0;
    transform: translateX(30px);
}
}#neworder figure.figure {
    display: inline-block;
    border: 1px solid transparent;
    border-radius: 100%;
    margin-right: 7px;
    width: 35px!important;
    height: 35px!important;
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
}
#neworder img.figureImg {
    position: relative;
    background: #fff;
    width: 20px;
    margin-top: 7px;
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#neworder div.rightWrapper section.noticeWrapper {
    margin: 0;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #E3E4E7;
}
@media (max-width:1120px){
    #neworder div.rightWrapper section.noticeWrapper  {
        padding:20px 16px;
    }
}
#neworder div.rightWrapper section.noticeWrapper div.sectionContents {
    max-height: 100px;
    overflow-y: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f4f4f4;
    padding: 12px 22px;
    border-radius: 5px;
    line-height: 1.6;
}
#neworder div.rightWrapper section.noticeWrapper div.sectionContents * {
    color: inherit;
}


#neworder .noticeContentsWrapper {
    background-color: #fff;
    margin-top: 15px;
    border-radius: 5px;
    overflow: auto;
   padding:0;
    border: 1px solid #eee;
    height: 150px;
    transition: padding .3s;
  display:none;
}
#neworder .noticeContentsWrapper h5 {
    border-bottom: 1px solid #ddd;
    padding: 8px;
    font-size: 12px;
    font-weight: 400;
}
#neworder .noticeContentsWrapper p {
    font-size: 14px;
    line-height: 1.82;
    -webkit-user-select: none;
    font-weight: 600;
}
#neworder .noticeTab {
    color: #535353;
    cursor: pointer;
    border: 1px solid #e3e4e7;
    background-color: #fff;
    border-radius: 999px;
    height: 30px;
    display: flex;
    padding: 4px 12px;
    align-items: center;
    font-size: 14px;
}
#neworder .noticeTab.active {
    border: 1px solid #EB5644;
    background-color: #fff;
    border-radius: 999px;
    color: #EB5644;
}
#neworder .noticeWrapper .noticeTabWrapper ul {
	display:flex;
  padding:0;
  gap: 8px;
}
#neworder .noticeTab div {
    display: flex;
    overflow: hidden;
    text-shadow: 0 var(--font-shadow) 0 #eb5644;
}
#neworder .noticeContentsWrapper::-webkit-scrollbar {
    width: 3px;
}
#neworder .noticeContentsWrapper::-webkit-scrollbar-thumb {
    height: 10%;
    background: #424850;
    border-radius: 10px;
}
#neworder .noticeContentsWrapper::-webkit-scrollbar-track {
    background: rgb(144 144 145 / 15%);
}
.button, .statusButton {
    --font-size: 16px;
    --duration: .44s;
    --move-hover: -4px;
    --font-shadow: var(--font-size);
    font-weight: 500;
    line-height: var(--font-size);
    border-radius: 24px;
    display: block;
    outline: 0;
    text-decoration: none;
    font-size: var(--font-size);
    letter-spacing: .5px;
    background: var(--background);
    color: var(--text);
    transform: translateY(var(--y)) translateZ(0);
    transition: transform var(--duration) ease, box-shadow var(--duration) ease;
}
.button .faqFilterBox div, .button .noticeTab div, .button .sectionTab div, .button .statusButton div, .button .tab div {
    display: flex;
    overflow: hidden;
    text-shadow: 0 var(--font-shadow) 0 #535355;
}
.sectionTab div {
     display: flex;
    overflow: hidden;
    text-shadow: 0 var(--font-shadow) 0 #eb5644;
}
.button .faqFilterBox.active div, .button .noticeTab.active div, .button .sectionTab.active div, .button .statusButton.active div, .button .tab.active div, .statusButton a>div, .statusButton.active div {
    display: flex;
    overflow: hidden;
    text-shadow: 0 var(--font-shadow) 0 #eb5644;
}
.statusButton div {
    display: flex;
    overflow: hidden;
    text-shadow: 0 var(--font-shadow) 0 #ccc!important;
}
.button div span, .statusButton div span {
    display: block;
    backface-visibility: hidden;
    font-style: normal;
    transition: transform var(--duration) ease;
    transform: translateY(var(--m)) translateZ(0);
}
.button div span:first-child, .statusButton div span:first-child {
    transition-delay: 50ms;
}
.button div span:nth-child(2), .statusButton div span:nth-child(2) {
    transition-delay: 0.1s;
}
.button div span:nth-child(3), .statusButton div span:nth-child(3) {
    transition-delay: 0.15s;
}
.button div span:nth-child(4), .statusButton div span:nth-child(4) {
    transition-delay: 0.2s;
}
.button div span:nth-child(5), .statusButton div span:nth-child(5) {
    transition-delay: 0.25s;
}
.button div span:nth-child(6), .statusButton div span:nth-child(6) {
    transition-delay: 0.3s;
}
.button div span:nth-child(7), .statusButton div span:nth-child(7) {
    transition-delay: 0.35s;
}
.button div span:nth-child(8), .statusButton div span:nth-child(8) {
    transition-delay: 0.4s;
}
.button div span:nth-child(9), .statusButton div span:nth-child(9) {
    transition-delay: 0.45s;
}
.button div span:nth-child(10), .statusButton div span:nth-child(10) {
    transition-delay: 0.5s;
}
.button div span:nth-child(11), .statusButton div span:nth-child(11) {
    transition-delay: 0.55s;
}
.button:hover, .statusButton:hover {
    --y: var(--move-hover);
}
.button:hover span, .statusButton:hover span {
    --m: calc(var(--font-size) * -1);
}
#neworder .linkGuideWrapper {
    padding-top: 20px;

}
#neworder section.noticeWrapper .sec7Container {
padding:0;
}
#neworder section.noticeWrapper .sec7Container li,
#neworder figure {
    cursor: pointer;
    background-color: #F3F5F7;
    margin-bottom: 12px;
    border-radius: 8px;
    transition: .4s linear;
}
#neworder .active strong {
}
#neworder section.noticeWrapper .linkGuideWrapper .linkGuideText,
#neworder strong {
    font-size: 14px;
    font-weight: 400;
    color: #535355;
}
#neworder section.noticeWrapper .sec7Container li {
  display:flex;
  justify-content:space-between;
  align-items:center;
      width: 100%;
 
    padding: 8px 12px;
}
#neworder section.noticeWrapper .sec7Container li button {
	    height: initial;
    text-align: initial;
    background: initial;
    padding: initial;
    margin: initial;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#neworder section.noticeWrapper .sec7Container li i {
	font-size:14px;
  color:#A2A3A6;
}
#neworder figure.active div {
    display: block;
    color: #333;
    background-color: #fff;
    border-radius: 10px;
    padding: 12px 16px;
    margin: 10px 26px;
    font-size: 16px;
    font-weight: 400;
    cursor: auto;
    transition: .4s ease-in-out;
}
#neworder div.rightWrapper section.itemDescriptionWrapper div.sectionContents p {
    font-size: 13px;
}
#neworder .itemDescriptionWrapper {
    margin: 32px 0 0;
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    display: block;
    border: 1px solid #E3E4E7;
}
@media(max-width:1120px){
    #neworder .itemDescriptionWrapper {
        margin: 20px 0 0;
        padding: 20px 16px;
    }
}
#neworder .noticeTabContentSection {display:none}
#neworder .noticeTabContentSection.active {
    display:block;
}
#neworder .sectionTitleBox {
	    display: flex;
    justify-content: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #E3E4E7;
}
#service_description {
	margin-top:20px;
}
#neworder .sectionTitle {
    margin-bottom: 16px;
    font-weight: 500;
    color: #EB5644;
    border: 1px solid #EB5644;
    border-radius: 999px;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    width: auto;
    padding: 4px 12px;
    height: 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    margin: 0;
}
#neworder .noticeWrapper .noticeTabWrapper {
       display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #E3E4E7;
}
@media (max-width:1800px) {
    #neworder .confirmBottomDiv {
    font-size: 12px;
}
}@media (max-width:1120px) {
    #neworder .toastWrapper.error, #neworder .toastWrapper.success {
    }
#neworder div.wrapper {
    display: flex;
    flex-direction: column;
    padding: 18px  16px 50px;
}
#neworder .tabArea {
        padding: 0;
}
#neworder .tabWrapper {
    width: 100%;
    justify-content: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
    box-shadow: none;
}
#neworder .tabWrapper .tab {
    margin-bottom: 0;
    width: 100%;
    flex-direction: column;
    font-size: 13px;
    border: 1px solid #E3E4E7;
    box-shadow: none;
    padding: 0;
    height: auto;
    justify-content: center;
    padding: 5px;
}
   
#neworder .sectionTabWrapper {
    display: flex;
    margin-bottom: 30px;
    gap: 10px;
}
#neworder section.orderWrapper {
    margin-right: 0;
    box-shadow: none;
}
#neworder div.rightWrapper section.counterWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin: 32px 0;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox {
    width: auto;
}
#neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper .moveDiv {
    display: inline-block;
    color: #EB5644;
    background-color: #FDF1EC;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    padding: 4px 6px;
  margin: 0;
}
#neworder .toastWrapper {
}
#neworder .help-block {
    margin-bottom: 15px!important;
}
#neworder select#field-orderform-fields-delay {
    margin-bottom: 15px;
}
#neworder .confirmBottomDiv.liketest_box.pc {
    display: none;
}
#neworder .confirmBottomDiv.liketest_box.mobile {
    display: flex;
}
    @media (max-width:1120px){
        #neworder section.orderWrapper {
            border:none;
            padding: 0;
        }
        #neworder section.orderWrapper div.formWrapper {
            padding:20px 16px;
            margin-top: 20px;
        }
    }
}@media (max-width:960px) {
    #neworder .tabWrapper .tab {
    width: 100%}
}@media (max-width:768px) {
    #neworder section {
    background: #fff;
}
#neworder div.wrapper {
    display: block;
}

#neworder .tabWrapper .tab {
    display: flex;
    width: 100%;
    box-shadow: none;
    max-height: 70px;
    min-height: 70px;
}
#neworder section.orderWrapper .sectionTabWrapper .sectionTab {
    font-size: 16px;
    margin-right: 13px;
}
#neworder section.orderWrapper .sectionTabWrapper .sectionTab.active {
    font-size: 16px;
}
#neworder section.orderWrapper {
  
}
#neworder div.rightWrapper {
}
#neworder div.rightWrapper section.counterWrapper {
    margin: 0 0 28px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
#neworder div.rightWrapper section.confirmTimeWrapper {
    margin: 0 0 28px;
    font-size: 12px;
}
#neworder div.rightWrapper section.noticeWrapper {
    margin: 0;
}
#neworder .itemDescriptionWrapper {
    font-size: 12px;
}
#neworder .menu-1 ul>li.active .menu-1-body__content, #neworder .noticeContentsWrapper p, #neworder section.orderWrapper .tabWrapper .tab.active {
    font-size: 10px;
}
#neworder section.orderWrapper .tabWrapper .tab .tabIcon {
    display: block;
    padding-right: 0;
}
#neworder section.orderWrapper .tabWrapper .tab {
    display: inline-block;
    padding: 5px 0 5px 2px;
    margin-right: 4px;
    cursor: pointer;
    background-color: #f4f4f4;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 600;
    width: 66px;
    color: #c9c9c9;
    height: 49px;
    text-align: center;
}
#neworder figure strong::after, #neworder strong {
    font-size: 15px;
}
#neworder .active strong {
    font-size: 17px;
}
#neworder figure div {
    width: auto;
    padding: 12px;
}
#neworder .autoDescriptionWrapper {
    padding: 18px 16px;
}
#neworder .autoDescriptionWrapper strong {
    font-size: 14px;
}
#neworder .autoDescriptionWrapper i {
    padding-top: 4px;
    padding-right: 6px;
}
#neworder figure.active div {
    font-size: 10px!important;
    padding: 12px;
}
#neworder section.orderWrapper .tabWrapper .tab .tabIcon img {
    width: 22px;
    height: 25px;
    padding-bottom: 3px;
}
#neworder section.orderWrapper .tabWrapper .tab:nth-child(4) img {
    padding: 4px 0;
}
#neworder section.orderWrapper div.formWrapper div.inputWrapper+div.inputWrapper {
    padding-bottom: 0;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox p.numberText {
    font-size: 20px;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox {
    height: 136px;
    width: auto;
}
#neworder .noticeTab {
    font-size: 14px;
}
#neworder .linkGuideWrapper {
    padding-top: 16px;
}
#neworder .menu-1 ul>li {
    transition: .4s linear;
}
#neworder .menu-1 ul>li>p {
    color: #9f9f9f;
    font-size: 14px;
    font-weight: 400;
    padding-left: 12px;
}
#neworder .menu-1 ul>li i {
    float: right;
    padding-right: 28px;
    font-size: 24px;
    color: #9f9f9f;
}
#neworder .menu-1 ul>li.active>p:not(:only-child) {
    font-size: 14px;
    color: #fff;
    padding-bottom: 12px;
}
#neworder .menu-1 ul>li.active {
    padding: 16px 10px;
}
#neworder .menu-1 ul>li.active i {
    padding-right: 0;
}
#neworder .menu-1 ul>li.active>div {
    width: auto;
    padding: 13px 15px;
}
#neworder .toastWrapper.error, #neworder .toastWrapper.success {
    top: 50%;
    left: 50%;
    width: auto;
    max-width: max-content;
    min-width: max-content;
}
}

@media (max-width:450px) {
    #neworder .autoDescriptionWrapper strong {
        font-size:12px;
    }
    #neworder .autoDescriptionWrapper strong br {display:none}
    #neworder strong {
    font-size: 13px;
    padding: 17px 15px 7px;
}
#addfunds span.idSpan1 {
    font-size: 12.7px;
}
}@media (max-width:370px) {
    #neworder strong {
    font-size: 11px;
    padding: 17px 10px 7px 15px;
}
#neworder figure strong::after {
    font-size: 13px;
}
}#orders div.orderHistoryWrapper, #orders div.totalWrapper div.totalBox {
    border-radius: 15px;
    background: #fff;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#addfunds, #orders .wrapper {
    padding: 30px 0 80px;
    margin: auto;
}
@media (max-width:350px){
    #neworder .tabWrapper {
        grid-template-columns:1fr 1fr 1fr;
    }
}
#orders {
    width: 100%;
    min-height: 68vh;
    height: auto;
}
#orders .wrapper {
    max-width: 1600px;
}
#orders div.totalWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 32px;
}
#orders div.totalWrapper div.totalBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 39px 10px;
    height: 135px;
}
#orders div.totalWrapper div.totalBox+div.totalBox {
    margin-left: 15px;
}
#orders div.totalWrapper div.totalBox p.count {
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 9px;
    text-align: center;
}
#orders div.totalWrapper div.totalBox p.count::after {
    display: block;
    content: '';
    background-color: #000;
    width: 20px;
    height: 1px;
    margin: 7px auto;
}
#orders div.totalWrapper div.totalBox p.name {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1.1px;
    text-align: center;
}
#orders div.orderHistoryWrapper {
    height: auto;
    padding: 32px 0;
    margin-bottom: 60px;
}
#orders div.orderHistoryWrapper div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    padding: 0 28px;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    margin-right: auto;
    gap: 6px;
}
#drip-feed .input-group .form-control:first-child, #orders .input-group .form-control:first-child {
    border-radius: 5px 0 0 5px;
}
#orders .input-group .form-control {
    width: 352px;
    height: 38px;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton {
    border: 1px solid #f4f4f4;
    border-radius: 5px;
    cursor: pointer;
    background: #f4f4f4;
    color: #c9c9c9;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton+div.statusButton {
    margin-left: 8px;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton.active, div.newOrder_customComment_category.active {
    background: #000;
    color: #fff;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton a {
    font-size: 14px;
    color: #c9c9c9;
    font-weight: 500;
    width: 100%;
    display: flex;
    padding: 10px 22px;
}
#drip-feed div.filterWrapper div.statusButtonWrapper div.statusButton.active a, #orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton.active a, #subscriptions div.filterWrapper div.statusButtonWrapper div.statusButton.active a {
    color: #fff;
    font-weight: 600;
}
#drip-feed i, #orders i, #subscriptions i {
    color: #afafaf;
    font-size: 20px;
}
#drip-feed td.nowrap a, #subscription a, td.nowrap a {
    color: #2fa4e7;
    text-decoration: underline;
}
#orders .table>thead>tr>th {
    border-top: 2px solid #d9d9d9!important;
    border-bottom: 1px solid #d9d9d9;
    padding: 12px 10px;
    font-size: 13px;
    align-items: center;
    vertical-align: middle;
    text-align: center;
}
#orders .width-40 {
    width: 31%!important;
    word-break: break-all;
    min-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#orders .table>tbody>tr>td {
    text-align: center!important;
    border-top: 1px solid #e5e5e547;
    padding: 16px 0;
}
#addfunds section.bottomSection div.contentsBox:nth-child(2) tr:nth-child(2n), #drip-feed tr:nth-child(2n), #hot-hashtag .tableDataRow:nth-child(2n), #orders tr:nth-child(2n), #subscriptions tr:nth-child(2n), #top-account .tableDataRow:nth-child(2n) {
    background-color: #e5e5e547;
}
#orders .btn-default {
    border-left: none;
    border-radius: 0 5px 5px 0;
    background-color: #fff;
    border-right: 1px solid #dbdbdb!important;
    border-top: 1px solid #dbdbdb!important;
    border-bottom: 1px solid #dbdbdb!important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    padding: 9px 18px;
    background-image: none;
    height: 38px!important;
    display: flex;
    align-items: center;
}
@media (max-width:1900px) {
    #orders div.totalWrapper {
    flex-wrap: wrap;
}
}@media (max-width:1700px) {
    #orders .table, #subscriptions .table {
    width: 100%;
    min-width: 1500px;
}
#neworder div.rightWrapper section.confirmTimeWrapper {
    display: inherit;
}
#neworder .confirmTop {
    text-align: center;
}
#neworder .confirmBottom {
    display: block;
    text-align: center;
}
#neworder img.figureImg {
    margin-left: 0;
    border-radius: 0;
}
#neworder .confirmBottomDiv {
    margin-bottom: 10px;
}
#orders .table {
    margin-bottom: 21px;
    overflow: auto;
}
}@media (max-width:1200px) {
    #orders .table {
    min-width: 1400px;
}
}#subscriptions .input-group-btn {
    z-index: 1;
}
#subscriptions button.btn {
    height: 38px!important;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
}
#drip-feed, #subscriptions {
    width: 100%;
    max-width: 1600px;
    margin: auto;
}
#subscriptions .wrapper {
    border-radius: 5px;
    box-shadow: 0 0 20px #00000029;
    padding: 32px 0 41px!important;
    width: 100%;
    max-width: 1600px;
    margin: 50px auto 120px;
    overflow: auto;
    min-height: 49.4vh;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background: #fff;
}
#subscriptions div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 21px;
    padding-left: 16px;
    padding-right: 16px;
}
#subscriptions div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    margin-right: auto;
    flex-wrap: wrap;
    gap: 6px;
}
#subscriptions div.filterWrapper div.statusButtonWrapper div.statusButton {
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
    border-radius: 5px;
    cursor: pointer;
}
#subscriptions .table>tbody>tr>td {
    vertical-align: middle;
    border-top: 1px solid transparent!important;
    text-align: center;
}
#drip-feed div.filterWrapper div.statusButtonWrapper div.statusButton.active, #subscriptions div.filterWrapper div.statusButtonWrapper div.statusButton.active, .totop i, div.newOrder_customComment_category.active:hover, footer {
    background: #000;
}
#subscriptions div.filterWrapper div.statusButtonWrapper div.statusButton a {
    font-size: 14px;
    color: #c9c9c9;
    font-weight: 500;
    padding: 10px 22px;
    display: flex;
}
#subscriptions table thead {
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
}
#subscriptions .table>thead>tr>th {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 12px 10px;
}
#subscriptions td {
    height: 56px;
}
#subscriptions .btn-xs, .btn-group-xs>.btn {
    height: auto;
    padding: 6px 14px!important;
    font-size: 14px;
    border-radius: 5px!important;
    color: #fff;
    background-color: #000!important;
    line-height: 1.5;
}
#subscriptions .table>tbody>tr>td:last-child {
    padding: 10px;
}
#subscriptions .btn-xs:hover {
    background-color: gray!important;
}
#subscriptions .btn-primary {
    color: #fff;
    background-color: #000;
    border-color: transparent;
    background-image: none;
}
#subscriptions .btn-default.cancel {
    background-color: #fff!important;
    border-left: 1px solid;
    border-color: #000!important;
    color: #000;
}
#subscriptions .btn-default.cancel:hover {
    background-color: gray!important;
    border-color: gray!important;
    color: #fff;
}
#drip-feed .btn-default, #subscriptions .btn-default {
    border-right: 1px solid #dbdbdb!important;
    border-top: 1px solid #dbdbdb!important;
    border-bottom: 1px solid #dbdbdb!important;
    border-left: none;
    background-color: #fff;
}
#subscriptions .input-group .form-control:first-child {
    border-radius: 5px 0 0 5px;
    border-right: none;
}
#subscriptions .btn-default {
    background-image: none;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    padding: 9px 18px;
    z-index: -1;
    border-radius: 0 5px 5px 0;
}
#addfunds section div.contentsBox, #drip-feed .wrapper {
    box-shadow: 0 0 20px #00000029;
}
#drip-feed .input-group .form-control, #subscriptions .input-group .form-control {
    width: 352px;
}
#drip-feed div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton, #subscriptions div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 10px 22px;
    cursor: pointer;
}
@media (max-width:1500px) {
    #neworder div.rightWrapper section.counterWrapper {
    flex-wrap: wrap;
}
#neworder div.rightWrapper section.counterWrapper div.counterBox {
    flex: auto;
    flex-wrap: wrap;
}
#neworder .confirmTop {
    text-align: center;
}
#neworder figure.figure {
    display: inline-block;
    width: 30px!important;
    height: 30px!important;
    margin-right: 5px;
    font-size: 11px;
}
#neworder .confirmBottom {
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 0;
    margin-top: 10px;
}
#neworder img.figureImg {
    position: relative;
    background-color: #fff;
    width: 15px;
    margin-top: 0;
    margin-left: 0;
    font-size: 11px;
}
#subscriptions div.filterWrapper {
    flex-wrap: wrap;
    gap: 9px;
}
#addfunds .modal-content {
    width: 90%}
}#account, #drip-feed .wrapper, #hot-hashtag, #top-account {
    max-width: 1600px;
    margin: 30px auto 80px;
}
#drip-feed td.nowrap a, td.nowrap a {
    font-weight: 500;
}
#drip-feed .table>thead {
    border-top: 2px solid #ccc!important;
    border-bottom: 1px solid #ccc!important;
}
#drip-feed .wrapper {
    border-radius: 5px;
    padding: 32px 0 41px!important;
    width: 100%;
    overflow: auto;
    background: #fff;
}
#drip-feed div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 21px;
    padding-left: 16px;
    padding-right: 16px;
    flex-wrap: wrap;
    gap: 6px;
}
#drip-feed div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    margin-right: auto;
    gap: 6px;
}
#drip-feed div.filterWrapper div.statusButtonWrapper div.statusButton {
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
    border-radius: 5px;
    padding: 10px 22px;
    cursor: pointer;
}
#drip-feed div.filterWrapper div.statusButtonWrapper div.statusButton a {
    font-size: 14px;
    color: #c9c9c9;
}
#drip-feed table.table {
    min-width: 1500px;
    width: 100%;
    max-width: 100%}
#drip-feed .table>tbody>tr>td {
    border-top: 1px solid #e5e5e547;
    padding: 16px 0;
}
#drip-feed .btn-default {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    padding: 9px 18px;
    border-radius: 0 5px 5px 0;
    height: 38px;
    display: flex;
    align-items: center;
    background-image: none;
}
#drip-feed .table>thead>tr>th {
    border-bottom: 1px solid #ccc!important;
    text-align: center;
    padding: 12px 0;
}
@media (max-width:1670px) {
    #drip-feed, #main .sec06 .section6Container .menu-box-1 ul {
    max-width: 95%}
#subscriptions .wrapper {
    max-width: 100%}
}#addfunds {
    max-width: 100%}
#addfunds section+section {
    margin-top: 16px;
    margin-bottom: 60px;
}
#addfunds section div.contentsBox {
    border-radius: 5px;
    padding: 32px 32px 40px;
    background-color: #fff;
}
#addfunds section div.contentsBox:nth-child(2) .title {
    padding: 32px 0 12px 32px;
}
#addfunds section div.contentsBox:nth-child(2) .table>thead>tr>th {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    vertical-align: middle;
}
#addfunds section div.contentsBox:nth-child(2) .table>thead>tr {
    padding-left: 20px;
}
#addfunds section div.contentsBox:nth-child(2) .table>thead>tr>th:first-child {
    width: 13%;
    padding: 12px 10px;
}
#addfunds section div.contentsBox+div.contentsBox, #addfunds section.bottomSection div.contentsBox div.methodWrapper+div.methodWrapper, footer div.policyWrapper a.policy+a.policy {
    margin-left: 16px;
}
#addfunds section div.contentsBox p.title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1.2;
}
#addfunds section div.contentsBox .smallTitle {
    font-size: 16px!important;
    font-weight: 700!important;
}
#addfunds section div.contentsBox p.description+p.description, footer div.textWrapper div.textRow+div.textRow {
    margin-top: 4px;
}
#addfunds section.bottomSection div.contentsBox {
    flex: 1;
    height: 100%}
#addfunds section.bottomSection div.contentsBox div.methodWrapper, #main-popup-modal div.mainPopupButtonWrapper, #neworder-main-popup-modal div.mainPopupButtonWrapper, div#neworder-instagram-popup-modal .followerButtonWrapper, div#no-auth-neworder-instagram-popup-modal .no-auth-followerButtonWrapper, footer div.policyWrapper, footer div.textWrapper div.textRow {
    display: flex;
    align-items: center;
}
#addfunds section.bottomSection div.contentsBox:nth-child(2) {
    height: auto;
}
#addfunds section.bottomSection div.contentsBox:nth-child(2) .table>tbody>tr>td {
    padding: 16px 8px;
    border: none;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    background: #f0f0f0de;
    border-radius: 5px;
    padding: 51px 34px;
    cursor: pointer;
    border: 1px solid #f0f0f0de;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox+div.methodBox {
    margin-left: 34px;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.icon img {
    width: 100%;
    height: 200px;
}
@media (max-width:500px) {
    main section.section4 p.sectionTitle {
    padding: 60px 0 10px;
    font-size: 20px;
}
#neworder .confirmBottomDiv {
    font-size: 10px;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 20px #00000029;
    border-radius: 5px;
    background-color: #000;
    border: none;
    color: #fff;
    letter-spacing: 1.2px;
    padding: 0;
    margin: 0 0 10px;
    height: 44px;
}
#neworder .noticeContentsWrapper {
    padding: 5px 5px 15px 10px;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.icon img {
    width: 100%;
    height: auto;
}
}@media (max-width:350px) {
    section.section4 .description {
    padding: 10px 12px;
    font-size: 11px;
    line-height: 1.4;
}
#neworder .noticeWrapper .noticeTabWrapper {
}
#neworder .noticeTab:first-of-type {
}
#neworder .noticeTab:last-of-type {
    width: auto;
}
#addfunds section.bottomSection div.contentsBox:nth-child(2) {
    overflow-x: scroll;
    width: 100%}
#addfunds .table {
    width: 500px;
    min-width: 500px;
}
}#addfunds section.bottomSection div.contentsBox div.methodWrapper p.methodName {
    font-size: 24px;
    font-weight: 700;
    padding-top: 29px;
    text-align: center;
    color: #1c3b55;
}
#addfunds .autoDescriptionWrapper {
    position: relative;
    background-color: #0000001a;
    border-radius: 5px;
    padding: 18px 20px;
    margin-bottom: 24px;
    display: none;
}
#addfunds .autoDescriptionWrapper strong {
    display: inline;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
#addfunds .autoDescriptionWrapper .idStrong {
    font-weight: 700;
    font-size: 15px;
}
#addfunds span.idSpan1 {
    padding-bottom: 7px;
    display: block;
}
#addfunds span.idSpan2 {
    display: block;
    padding-bottom: 0;
}
.btn-primary:hover {
    color: #fff;
    background-color: gray;
    border-color: gray;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #008bff;
    border-color: #008bff;
}
.table>thead>tr>th {
    border-bottom: 2px solid #d9d9d9;
}
.well {
    padding: 19px;
    margin-bottom: 80px;
    border-radius: 5px;
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid transparent;
}
@media (max-width:1899px) {
    #orders div.orderHistoryWrapper div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    padding: 0 28px;
    width: 100%;
    flex-wrap: wrap;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    margin-right: auto;
    width: auto;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
#orders .input-group .form-control {
    width: 350px;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton.active {
    background: #000;
}
#orders div.orderHistoryWrapper {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    overflow-x: auto;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox {
    height: auto;
}
}@media (max-width:1630px) {
    #addfunds, #orders .wrapper {
    padding: 50px 25px 60px;
}
#subscriptions {
    width: 100%;
    max-width: 97%}
#hot-hashtag {
    max-width: 97%}
}@media (max-width:1300px) {
    #faq .menu-1 {
    display: block!important;
}
#faq .even figure {
    margin-right: 0;
    height: auto;
    min-height: max-content;
    max-height: max-content;
}
#addfunds section.bottomSection {
    display: block;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox, #addfunds section.bottomSection div.contentsBox:first-child {
    height: auto;
}
#addfunds section div.contentsBox+div.contentsBox {
    margin-left: 0;
    margin-top: 16px;
}
}@media(max-width:650px) {
    #addfunds .autoDescriptionWrapper {
    padding: 19px 11px;
}
}.likeTest_logout, .logout_test {
    padding: 5px 10px;
    line-height: 1.2;
}
@media (max-width:320px) {
    #addfunds section div.contentsBox: nth-child(2) .table>thead>tr>th:first-child {
    width: 14%}
#addfunds section.bottomSection div.contentsBox:nth-child(2) .table>tbody>tr>td {
    font-size: 12px;
}
}#affiliates div.wrapper section div.contentBox, #hot-hashtag, #top-account {
    border-radius: 16px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);
    Colors
Hex
Hex
Background colors

GrayScale/100;
}
#hot-hashtag .updateDate, #top-account .updateDate {
    padding-bottom: 12px;
    font-size: 12px;
}
#hot-hashtag .tabWrapper, #top-account .tabWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 33px;
    gap: 6px;
    border-bottom: 1px solid #C5C5C8;
}
#hot-hashtag .tabWrapper .tab, #top-account .tabWrapper .tab {
    padding: 9px 14px;
    cursor: pointer;
    color: #c9c9c9;
    font-weight: 500;
}
#hot-hashtag div.contents p.title, #top-account div.contents p.title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
    padding-left: 16px;
}
#top-account div.contents div.tableWrapper {
    width: 100%;
    overflow-y: auto;
}
#hot-hashtag div.contents div.tableWrapper div.tableHeaderWrapper, #top-account div.contents div.tableWrapper div.tableHeaderWrapper {
    display: flex;
    position: sticky;
    top: 0;
    background: #FDF1EC;
    z-index: 10;
    font-weight: 700;
    border-radius: 8px;
}
#hot-hashtag div.contents div.tableWrapper div.tableDataRow, #top-account div.contents div.tableWrapper div.tableDataRow {
    display: flex;
    moz-transition: all .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    background-size: 300% 100%}
#hot-hashtag div.contents div.tableWrapper div.tableDataRow:hover, #top-account div.contents div.tableWrapper div.tableDataRow:hover {
    background-color: #ff7e7e47;
    background-image: linear-gradient(to right, #ff7e7e47, #e19a9a, #f5b5ae, #EB5644);
    box-shadow: 0 4px 15px 0 rgb(154 154 154 / 92%);
    moz-transition: all .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    background-position: 100% 0;
}
#hot-hashtag div.contents div.tableWrapper div.ranking, #top-account div.contents div.tableWrapper div.ranking, #top-account div.contents div.tableWrapper div.score {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 80px;
    padding: 8px;
}
#top-account div.contents div.tableWrapper div.averageLike, #top-account div.contents div.tableWrapper div.dailyPostCount, #top-account div.contents div.tableWrapper div.follow, #top-account div.contents div.tableWrapper div.follower, #top-account div.contents div.tableWrapper div.hashtag, #top-account div.contents div.tableWrapper div.post {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 150px;
    padding: 11px;
}
#top-account div.contents div.tableWrapper div.account {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 150px;
    padding: 11px;
}
.tableDataRow .account{
    color: #EB5644;
    text-decoration:underline;
}
#top-account div.contents div.tableWrapper div.increaseRate {
    display: flex;
    align-items: flex-start;
    flex: 0 0 555px;
    padding: 8px;
    text-align: left;
    justify-content: center;
}
@media (max-width:1600px) {
    #top-account {
    width: 97%;
    margin: 50px auto 60px;
    border-radius: 5px;
    padding: 32px 0 60px;
    background: #fff;
    --tw-shadow: 0 1px 3px 0 rgba(0,  0,  0,  .1), 0 1px 2px -1px rgba(0,  0,  0,  .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#top-account div.contents {
    width: 100%}
}@media (max-width:1130px) {
    #addfunds div.mobileTitle strong, #drip-feed div.mobileTitle strong, #orders div.mobileTitle strong, #subscriptions div.mobileTitle strong, div.mobileTitle strong {
    color: #000;
    font-weight: 700;
}
#addfunds div.mobileTitle, #drip-feed div.mobileTitle, #orders div.mobileTitle, #subscriptions div.mobileTitle {
    font-size: 17px;
    display: flex;
    padding: 0;
    border-radius: 5px;
    background: 0 0;
}
#orders div.mobileTitle {
    max-width: 95%;
    margin: 50px auto 0;
    justify-content: left;
}
#orders .wrapper {
    padding: 20px 25px 60px;
}
#subscriptions {
    width: 100%;
    max-width: 95%;
    margin: auto;
}
#drip-feed div.mobileTitle, #subscriptions div.mobileTitle {
    max-width: 100%;
    margin: 50px auto 0;
    justify-content: left;
}
#subscriptions .wrapper {
    margin: 20px 0 120px;
}
#drip-feed .wrapper, #hot-hashtag {
    margin: 20px auto 120px;
}
#addfunds section+section {
    margin-bottom: 50px;
}
#addfunds div.mobileTitle {
    max-width: 95%;
    margin: 0 auto 20px;
    justify-content: left;
}
#addfunds {
    padding: 50px 0 60px;
}
div.mobileTitle {
    font-size: 17px;
    display: flex;
    padding: 0;
    max-width: 95%;
    margin: 50px auto 0;
    border-radius: 5px;
    background: left;
}
div.mobileTitle strong {
    font-size: 19px;
}
#top-account {
    margin-top: 20px;
}
}#personPolicy h4 span, footer p.tel {
    font-weight: 400;
    font-size: 15px;
}
@media (max-width:768px) {
    #orders .table, #subscriptions table {
    width: 1600px;
    max-width: 1600px;
}
#orders .wrapper {
    padding: 20px 16px 0!important;
}
#drip-feed div.mobileTitle, #orders div.mobileTitle, #subscriptions div.mobileTitle, div.mobileTitle {
    margin: 28px auto 0;
}
#orders div.totalWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    justify-content: center;
    align-items: center;
    margin-bottom: 28px;
}
#addfunds section div.contentsBox+div.contentsBox, #addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox+div.methodBox, #orders div.totalWrapper div.totalBox+div.totalBox {
    margin-left: 0;
}
#orders div.orderHistoryWrapper div.filterWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
    padding: 0 11px;
    width: 100%;
    flex-wrap: wrap;
}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    margin-right: auto;
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
#orders .table {
    margin-bottom: 21px;
    overflow: scroll;
}
#orders .input-group .form-control, #subscriptions .input-group .form-control {
    width: 100%}
#orders div.orderHistoryWrapper div.filterWrapper div.statusButtonWrapper div.statusButton.active, #subscriptions div.filterWrapper div.statusButtonWrapper div.statusButton.active {
    background: #000;
}
#orders div.orderHistoryWrapper {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    overflow-x: scroll;
}
#subscriptions {
    width: 100%;
    margin: auto;
    max-width: 95%}
#subscriptions .wrapper {
    overflow: auto;
    max-width: 100%;
    margin: 20px 0 50px;
    height: auto;
    min-height: auto!important;
    border-radius: 5px;
    padding: 32px 0 41px!important;
}
#subscriptions div.filterWrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
#subscriptions div.filterWrapper div.statusButtonWrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%}
#addfunds section.bottomSection, #subscriptions form {
    display: block;
}
#addfunds {
    padding: 28px 16px 0!important;
}
#addfunds div.mobileTitle {
    margin: 0 auto 20px;
    max-width: 100%}
#addfunds section div.contentsBox p.title {
    font-size: 20px;
}
#addfunds section div.contentsBox {
    padding: 29px 12px 40px;
    margin-bottom: 28px;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper {
    display: grid;
    align-items: center;
    gap: 12px;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.methodBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    border-radius: 5px;
    cursor: pointer;
    padding: 19px 14px;
}
#addfunds section.bottomSection div.contentsBox:first-child {
    height: auto!important;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper .methodBox:nth-child(2) .icon img {
    width: 100%;
    padding-left: 0;
}
#addfunds section div.contentsBox:nth-child(2) .table>thead>tr>th {
    font-size: 12px;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper div.icon {
    vertical-align: middle;
    text-align: center;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper p.methodName {
    font-size: 20px;
    font-weight: 700;
    padding-top: 10px;
    color: #1c3b55;
}
#top-account {
    width: 95%;
    overflow-x: scroll;
    padding: 32px 0 41px;
    margin-bottom: 50px;
    margin-top: 20px;
}
#top-account .tabWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 33px;
    padding-left: 16px;
    width: 100%;
    flex-wrap: wrap;
}
#top-account .tabWrapper .tab {
    margin-bottom: 10px;
}
#top-account div.contents {
    width: 1400px;
}
}@media (max-width:434px) {
    #top-account .tabWrapper .tab:last-of-type {
    margin-left: 0!important;
}
}@media (max-width:327px) {
    #top-account .tabWrapper .tab {
    margin-left: 10px;
    font-size: 13px;
}
#top-account .tabWrapper .tab:last-of-type {
    margin-left: 10px!important;
}
#top-account .tabWrapper {
    padding-left: 4px;
}
#top-account .updateDate {
    font-size: 13px;
}
#top-account div.contents p.title {
    font-size: 19px;
}
#top-account .tabWrapper .tab+.tab {
    margin-left: 10px;
}
}#hot-hashtag div.contents div.tableWrapper {
    width: 100%;
    max-height: 200vh;
}
#hot-hashtag div.contents div.tableWrapper div.hashtag {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 150px;
    padding: 11px;
    cursor: pointer;
}
#hot-hashtag div.contents div.tableWrapper div.increaseRate {
    display: flex;
    align-items: flex-start;
    flex: 0 0 42%;
    padding: 8px;
    text-align: left;
    justify-content: center;
}
#affiliates {
    max-width: 1600px;
    padding: 50px 0 120px;
    margin: 0 auto;
    min-height: 68vh;
    height: auto;
    max-height: 100%}
#affiliates div.wrapper section div.contentBox {
    padding: 34px 32px;
    background-color: #fff;
}
#affiliates div.wrapper section div.contentBox p.mainTitle, #affiliates div.wrapper section.middleSection div.contentBox p.price {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
}
#affiliates div.wrapper section.middleSection {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}
#affiliates div.wrapper section.middleSection div.contentBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper, #payment div.priceWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper p.link {
    font-size: 16px;
    text-decoration: underline;
    margin-right: 8px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper div.copyButton {
    font-size: 16px;
    font-weight: 500;
    background: #000;
    cursor: pointer;
    color: #fff;
    padding: 5px 20px;
    border-radius: 3px;
    flex: 0 0 auto;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper div.copyButton:hover {
    background: gray;
}
#affiliates div.wrapper section.bottomSection div.contentBox {
    display: flex;
    padding: 47px 0;
}
#affiliates div.wrapper section.bottomSection div.contentBox div.historyBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    position: relative;
    gap: 32px;
}
#affiliates .historyBox .btn-xs {
    margin-top: 19px;
    height: auto;
    padding: 6px 14px!important;
    font-size: 14px;
    border-radius: 5px!important;
    color: #fff;
    background-color: #000!important;
    line-height: 1.5;
    background-image: none;
}
#affiliates .historyBox .btn-xs:hover {
    background-color: gray!important;
    border: 1px solid gray!important;
}
#affiliates div.wrapper section.bottomSection div.contentBox div.historyBox::after {
    display: block;
    content: '';
    background-color: #d9d9d9;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 50%}
#affiliates div.wrapper section.bottomSection div.contentBox div.historyBox::before {
    display: block;
    content: '';
    background-color: #f2fcff;
    height: 50px;
    width: 100%;
    position: absolute;
    top: 50%;
    z-index: -1;
}
#affiliates div.wrapper section.bottomSection div.contentBox div.historyBox p.title {
    font-size: 14px;
    font-weight: 700;
}
@media (max-width:1630px) {
    #affiliates {
    max-width: 97%;
    padding: 50px 0 60px;
    margin: 0 auto;
}
}@media (max-width:1130px) {
    #affiliates {
    padding: 20px 0 60px;
}
}@media (max-width:870px) {
    #affiliates div.wrapper section div.contentBox: last-of-type {
    margin-left: 0!important;
    margin-top: 0;
}
}@media (max-width:768px) {
    #hot-hashtag {
    margin-left: 16px;
    margin-right: 19px;
    width: 95%}
#hot-hashtag div.contents div.tableWrapper div.increaseRate {
    display: flex;
    align-items: flex-start;
    flex: 0 0 42%;
    padding: 8px;
    justify-content: center;
}
#hot-hashtag .tabWrapper .tab.active {
    font-size: 13px;
}
#hot-hashtag .tabWrapper .tab+.tab {
    margin-left: 5px;
    font-size: 13px;
}
#affiliates div.wrapper section.middleSection div.contentBox p.price, #affiliates div.wrapper section.middleSection div.contentBox p.title, #hot-hashtag div.contents div.tableWrapper div.hashtag, #hot-hashtag div.contents div.tableWrapper div.increaseRate {
    text-align: center;
}
#hot-hashtag .tabWrapper .tab {
    font-size: 13px;
    padding: 9px 3px;
}
#affiliates {
    padding: 20px 0 60px;
}
#affiliates div.wrapper {
    padding: 0;
}
#affiliates div.wrapper section div.contentBox p.mainTitle {
    font-size: 20px;
    margin-bottom: 12px;
}
#affiliates div.wrapper section div.contentBox {
    padding: 32px 12px;
}
#affiliates div.wrapper section.middleSection {
    display: block;
}
#affiliates div.wrapper section div.contentBox+div.contentBox {
    margin-left: 0;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper div.copyButton {
    font-size: 14px;
    padding: 5px 12px;
}
#affiliates div.wrapper section.middleSection div.contentBox {
    margin-bottom: 16px;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper {
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
}
#affiliates div.wrapper section.bottomSection div.contentBox div.historyBox p.title {
    font-size: 12px;
    text-align: center;
    flex-wrap: wrap;
    gap: 7px;
}
#affiliates div.wrapper section div.contentBox p.description {
    font-size: 14px;
}
}@media(max-width:600px) {
    #affiliates .bottomSection {
    overflow-x: auto;
}
#affiliates .bottomSection .contentBox {
    width: 600px;
}
}@media (max-width:280px) {
    main section.section4 .description {
    line-height: 1.3;
    padding: 10px 12px;
    font-size: 10px;
}
#neworder strong {
    font-size: 10px;
}
#neworder figure strong::after {
    font-size: 8px;
}
#neworder .itemDescriptionWrapper {
    padding: 24px 18px 24px 14px;
}
#neworder section.orderWrapper .tabWrapper .tab {
    margin-right: 0;
}
#orders div.totalWrapper div.totalBox p.count {
    font-size: 16px;
}
#orders div.totalWrapper div.totalBox p.name {
    font-size: 14px;
}
#addfunds section.bottomSection div.contentsBox div.methodWrapper p.methodName {
    font-size: 16px;
    font-weight: 500;
}
#hot-hashtag .tabWrapper .tab {
    padding: 9px 3px;
}
#hot-hashtag .updateDate, #hot-hashtag div.contents div.tableWrapper div.hashtag, #hot-hashtag div.contents div.tableWrapper div.increaseRate, #hot-hashtag div.contents div.tableWrapper div.tableHeaderWrapper {
    font-size: 12px;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper p.link {
    padding-left: 12px;
    margin-right: 0;
}
#affiliates div.wrapper section.middleSection div.contentBox div.copyWrapper div.copyButton {
    font-size: 13px;
    padding: 5px 8px;
}
}#account {
    padding: 0;
    min-height: 53.5vh;
    max-height: 100%;
    height: 100%}
#account div.wrapper div.contentsBox {
    flex: 1;
    padding: 32px;
    background-color: #fff;
    border-radius: 5px;
}
#account .contentsBox.first {
    height: 500px;
}
#account div.wrapper div.contentsBox p.title {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 28px;
}
#account div.wrapper div.contentsBox div.inputWrapper label {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 12px;
}
#account div.wrapper div.contentsBox div.inputWrapper input {
    height: 44px;
    width: 100%;
    border-radius: 5px;
    font-size: 15px;
    display: block;
    padding-left: 9px;
    font-weight: 500;
}
#account div.wrapper div.contentsBox button {
    width: 100%;
    height: 50px;
    background: #000;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin-top: 16px;
    padding-left: 0;
}
#account div.wrapper div.contentsBox button.close {
    background: 0 0;
    margin-top: 0;
    font-size: 21px!important;
    top: -2px!important;
    left: 15px!important;
}
#payment div.paymentButton.disabled, .likeTest_logout, .logout_test {
    background-color: #9f9f9f;
}
#account div.wrapper div.contentsBox div.inputWrapper input:focus {
    border: 1px solid #000000bd;
}
#account div.wrapper div.rightSection {
    flex: 1;
    margin-left: 16px;
}
#account input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: #fafafa;
    width: 100%;
    height: 55px;
    border: none;
    color: #9f9f9f;
    background: initial;
}
@media(max-width:1630px) {
    #account {
    max-width: 95%}
}@media(max-width:1130px) {
    #account {
    margin: 20px auto 120px;
}
}@media (max-width:992px) {
    #neworder .col-md-6 {
    padding-right: 0;
}
#account div.wrapper {
    display: block;
}
#account div.wrapper div.rightSection {
    margin-left: 0;
}
#account div.wrapper div.contentsBox.two, #account div.wrapper div.rightSection div.contentsBox+div.contentsBox {
    margin-top: 28px;
}
#account div.wrapper div.contentsBox p.title {
    text-align: center;
}
#account div.wrapper div.contentsBox.four {
    margin-bottom: 40px;
}
#account div.wrapper div.contentsBox {
    margin-bottom: 24px;
}
}footer div.contents {
    width: 100%;
    padding: 40px 0 60px;
}
footer p.tel {
    color: #fff;
    margin-bottom: 7px;
    display: block;
}
footer a.kakaoButton {
    align-items: center;
    height: 80px;
    background: #ffd800;
    border-radius: 60px;
    font-size: 26px;
    font-weight: 700;
    color: #2b2024;
    padding: 0 40px;
    margin-bottom: 20px;
    cursor: pointer;
    display: none;
}
footer div div img.companyInfo {
    width: 25%;
    max-width: 100%}
footer div.textWrapper {
    padding: 0 0 30px;
}
footer div.textWrapper div.textRow span.text {
    font-size: 13px;
    color: #fff;
}
footer div.textWrapper div.textRow span.text+span.text {
    margin-left: 10px;
}
footer div.policyWrapper a.policy {
    font-size: 13px;
        color: #1a1a1a;
    cursor: pointer;
    text-decoration: underline;
}
@media (max-width:1600px) {
    footer div.contents {
    max-width: 97%!important;
    margin: auto;
    padding: 40px 0!important;
}
}#floating-button {
    display: inline-grid;
    justify-content: center;
    align-items: center;
    width: 105px;
    height: 105px;
    position: fixed;
    right: 78px;
    bottom: 71px;
    background: #fae300;
    border-radius: 30px;
    cursor: pointer;
    z-index: 100;
    box-shadow: 4px 4px 10px rgb(128 128 128 / 50%);
    animation: 3s ease-in-out infinite bounce;
    -webkit-animation: 3s ease-in-out infinite bounce;
}
@keyframes bounce {
    0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
}@-webkit-keyframes bounce {
    0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
}#floating-button img {
    display: block;
    vertical-align: middle;
    align-items: center;
    width: 50px;
    padding-top: 12px;
}
#floating-button p.text {
    font-size: 11px;
    font-weight: 500;
    color: #2b2024;
    display: block;
    align-items: center;
    text-align: center;
    padding-bottom: 10px;
    line-height: 1.2;
}
@media(max-width:768px) {
    #account {
    margin: 20px auto 50px;
    max-width: 95%}
#floating-button img {
    display: block;
    vertical-align: middle;
    align-items: center;
    width: 33px;
    padding-top: 0;
    padding-left: 0;
}
#floating-button p.text {
    display: none;
}
#floating-button {
    width: 54px;
    height: 54px;
    right: 12px;
    bottom: 81px;
}
}@keyframes fadeInLeft {
    0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}.test_obj {
    position: relative;
    animation: 1s fadeInLeft;
}
#personPolicy, #terms {
    max-width: 1700px;
    margin: auto;
    padding: 50px 0;
}
#payment {
    padding: 32px 24px;
}
#payment p.title {
    text-align: center;
    margin-bottom: 25px;
    color: #1c3b55;
    font-size: 18px;
    font-weight: 600;
}
#payment div.priceWrapper div.priceBox {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex: 1;
    margin-right: 4px;
}
#payment div.priceWrapper div.priceBox p.price {
    font-size: 15px;
    color: #9f9f9f;
    margin-left: 6px;
    font-weight: 500;
}
#payment div.priceWrapper div.priceBox p.price.on {
    color: #484848;
}
#payment div.priceWrapper div.priceBox p.border {
    display: block;
    background-color: #9f9f9f;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    margin-bottom: -10px;
}
#payment div.priceWrapper div.deleteButton {
    flex: 0 0 auto;
    cursor: pointer;
    margin-left: auto;
    align-items: center;
}
#payment div.priceWrapper div.deleteButton i {
    display: flex;
    font-size: 23px;
    justify-content: center;
    align-items: center;
    color: #9f9f9f;
}
#payment div.userNameWrapper p.userNameLabel, #payment p.taxWrapperTitle {
    color: #1c3b55;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}
#payment div.userNameWrapper span.subTitle {
    color: #1c3b55;
    font-size: 11px;
    font-weight: 500;
    display: block;
    margin-top: 9px;
    margin-bottom: 28px;
}
#payment div.userNameWrapper input {
    height: 44px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ededed;
    font-size: 15px;
    font-weight: 500;
    padding-left: 9px;
}
#payment div.phoneNumberWrapper input.phoneNumber:focus, #payment div.taxInvoiceWrapper div.taxInvoiceRow input:focus, #payment div.userNameWrapper input:focus {
    border: 1px solid #484848;
}
#payment div.userNameWrapper input::placeholder {
    color: #9f9f9f;
    font-weight: 500;
}
#payment div.taxWrapper {
    display: flex;
    gap: 9px;
}
#payment div.taxWrapper label {
    display: flex;
    flex: 1;
}
#payment div.taxWrapper .taxBox.on {
    background-color: #484848;
    border: 1px solid #484848;
    color: #fff;
}
#payment div.taxInvoiceWrapper {
    margin-top: 20px;
}
#payment div.taxWrapper .taxBox {
    height: 48px;
    border: 1px solid #484848;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
    width: 100%}
#payment div.phoneNumberWrapper input.phoneNumber {
    width: 100%;
    font-size: 15px;
    height: 55px;
    border: 1px solid #ededed;
    border-radius: 5px;
    padding-left: 10px;
    margin-top: 20px;
}
#payment div.phoneNumberWrapper input.phoneNumber::placeholder {
    color: #9f9f9f;
    font-weight: 500;
}
#payment p.description {
    font-size: 11px;
    font-weight: 500;
    color: #1c3b55;
    margin-top: 9px;
    margin-bottom: 29px;
}
#payment div.taxInvoiceWrapper div.taxInvoiceRow {
    display: flex;
    gap: 7px;
}
#payment div.taxInvoiceWrapper div.taxInvoiceRow+div.taxInvoiceRow {
    margin-top: 7px;
}
#payment div.taxInvoiceWrapper div.taxInvoiceRow input {
    width: 50%;
    height: 44px;
    border: 1px solid #ededed;
    border-radius: 5px;
    padding-left: 10px;
}
#payment div.taxInvoiceWrapper div.taxInvoiceRow input::placeholder {
    color: #9f9f9f;
    font-weight: 500;
    font-size: 14px;
}
#payment div.priceButtonWrapper {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
    margin-top: 30px;
    gap: 5px;
}
#payment div.priceButtonWrapper div.priceButton {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 48px;
    border: 1px solid #484848;
    cursor: pointer;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
}
#payment div.priceButtonWrapper div.priceButton:active {
    background-color: #484848;
    color: #fff;
    border: 1px solid #484848;
}
#payment div.priceButtonWrapper div.priceButton+div.priceButton {
    margin-left: 4px;
}
#payment div.phoneWrapper {
    margin-bottom: 24px;
}
#payment div.phoneWrapper p.phoneTitle {
    font-size: 16px;
    margin-bottom: 4px;
}
#payment div.phoneWrapper input {
    width: 100%;
    height: 36px;
    border: 1px solid #d9d9d9;
    padding: 0 8px;
}
#payment div.paymentButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background: #000;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    margin-top: 28px;
}
#payment div.paymentButton div.paymentPrice {
    display: flex;
    align-items: center;
    margin-right: 4px;
}
#payment div.paymentButton div.paymentPrice p {
    color: #fae300;
}
#payment-success div.successWrap div.succesTop {
    background-color: #000;
    padding: 32px 24px;
}
#payment-success div.successWrap div.succesTop p {
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
#payment-success div.successWrap div.succesContentsTop {
    padding: 32px 24px 24px;
}
#payment-success div.successWrap div.succesContentsTop h3 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    padding-bottom: 16px;
}
#payment-success div.successWrap div.succesContentsTop dl::after {
    content: "";
    display: block;
    clear: both;
}
#payment-success div.successWrap div.succesContentsTop dl dt {
    font-size: 15px;
    font-weight: 400;
    line-height: 2.1;
    float: left;
    width: 35%}
#payment-success div.successWrap div.succesContentsTop dl dd {
    font-size: 15px;
    font-weight: 700;
    float: right;
    width: 65%;
    line-height: 2.1;
    text-align: right;
}
#payment-success div.successWrap div.succesContentsBottom {
    padding: 32px 24px;
    background-color: #000;
}
#payment-success div.successWrap div.succesContentsBottom ul li {
    color: #fff;
    line-height: 1.6;
}
#payment-success div.successWrap div.succesContentsBottom ul li:before {
    content: '•';
    display: inline-block;
    font-size: 15px;
    padding-right: 6px;
}
#payment-success div.successWrap div.succesContentsBottom ul li.none:before {
    color: transparent;
}
#payment-success div.successWrap div.succesBottom {
    padding: 24px 24px 32px;
}
#payment-success div.successWrap div.succesBottom button {
    padding: 0;
    border-radius: 5px;
    background-color: gray;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.2px;
    height: 50px;
}
.input-group .form-control:first-child:focus {
    border: 1px solid #000000a6;
    box-shadow: none;
}
.totop {
    position: fixed;
    bottom: 189px;
    right: 100px;
    cursor: pointer;
}
.totop i {
    border: 2px solid #ccc;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    padding: 20px;
    border-radius: 50%}
@media (max-width:600px) {
    .totop {
    position: fixed;
    bottom: 97px;
    right: 22px;
    cursor: pointer;
}
.totop i {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    padding: 10px;
    border-radius: 50%}
}
form#order-form .newOrder_inputWrapper#order_comment_category {
margin-bottom:20px;
}
div.newOrder_inputWrapper_titleImage img {
    width: 20px;
}
.newOrder_inputWrapper_titleImage {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-bottom: 11px;
}
label.newOrder_inputWrapper_title {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 700;
    color: #3b3b3b;
}
div.newOrder_customComment_categoryWrapper {
  display: flex;
  width: 100%;
  border:1px solid #E3E4E7;
  gap: 4px;
  border-radius:6px;
  padding:20px 12px;
}
div.newOrder_customComment_category {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    min-height: 36px;
    font-size: 14px;
    font-weight: 600;
    gap: 4px;
    padding: 12px 0;
    cursor: pointer;
    text-align: center;
    flex-direction: column;
    width:80px;
    max-width:80px;
    height:70px;
    max-height:70px;
}
div.newOrder_customComment_category i {
    background: linear-gradient(136deg, #BFBFBF 6.07%, #777 94.91%);
color:#fff;
      width: 28px;
    height: 28px;
padding: 7px 5px;
    border-radius:6px;
}
div.newOrder_customComment_category.active i {
    opacity:1;
}
div.newOrder_customComment_category i.fa-circle-check {
    display:none;
}
div.newOrder_customComment_category.active {
    position:relative;
}
div.newOrder_customComment_category.active i.fa-circle-check {
    display:flex;
    position:absolute;
    top: -6px;
    right: -9px;
    font-size: 20px;
    padding:initial;
    background:initial;
    color:#EB5644;
    margin:initial;
    width: initial;
    height: initial;
}
div.newOrder_customComment_category.active {
    border-radius: 8px;
    opacity: 1;
    border: 1px solid #EB5644;
    background-color: #fff;
    color: #1A1A1A;
    box-shadow: 0px 0px 10px 0px rgba(235, 86, 68, 0.20);
}
div.newOrder_customComment_category:hover ,
div.newOrder_customComment_category.active:hover {
    background-color:#fff;
    background: #fff;
}

div.newOrder_customComment_subCategoryWrapper {
    display: flex;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
    flex-wrap: wrap;
}
@media (max-width:450px) {
    div.newOrder_customComment_category {
    flex-direction: column;
    gap: 0;
    padding: 5px 0;
}
div.newOrder_customComment_subCategoryWrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
div.newOrder_customComment_subCategory.active {
    border:1px solid #EB5644;
    color:#EB5644;
    font-weight: 600;
}
div.newOrder_customComment_subCategory:hover {
    border:1px solid #EB5644;
}
div.newOrder_customComment_subCategory {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    background: #fff;
    border-radius: 6px;
    padding: 0 20px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #C5C5C8;
    color: #535355;
    font-size: 14px;
    font-weight: 400;
}
@media (hover:hover) {
    div.newOrder_customComment_subCategory: hover {
    background: #d9d9d945;
   
}
div.newOrder_customComment_subCategory.active, div.newOrder_customComment_subCategory.active:hover {
    border:1px solid #EB5644
}
}p.common_toast_title {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}
p.common_toast_text {
    font-size: 12px;
    color: #fff;
    margin-top: 4px;
}
label.common_toggleWrapper {
    display: block;
    width: 32px;
    height: 20px;
    position: relative;
    background: #FDF1EC;
    border-radius: 30px;
    cursor: pointer;
    margin-bottom: 0;
}
span.common_toggleButton {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 3px;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 50%;
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.05));
    SVG;
}
input.common_toggleInput:checked~label.common_toggleWrapper {
    background: #EB5644;
}
input.common_toggleInput:checked~label.common_toggleWrapper span.common_toggleButton {
    left: calc(100% - 15px);
    background: #fff;
}
label.common_toggleWrapper, span.common_toggleButton {
    transition: .2s ease-in;
}
label.common_toggle_text {
    font-size: 14px;
    font-weight: 600;
    color: #5d5d5d;
    margin-left: 8px;
    margin-bottom: 0;
}
#order_comment_person label.common_toggleWrapper.disabled {
    background: #aaa;
    box-shadow: inset 2px 2px 20px #676565;
}
#order_comment_person label.common_toggleWrapper.disabled span.common_toggleButton {
    background: #c2c2c2;
}
#order_comment_person {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
div#order_comment {
 
}
div#order_comment .categoryLabelBox {
    margin:0;
}
div.differentComment_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
label.control-label[for=field-orderform-fields-comment] {
    padding-bottom: 0!important;
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 700;
    color: #3b3b3b;
    margin-bottom: 0;
}
div.differentComment {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color:#A2A3A6;
    color: #fff;
    width: 82px;
    height: 24px;
    border-radius: 4px;
    gap: 3px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
}
img.differentCommentImg {
    width: 16px;
}
div.drop-down-menu-translate {
    display: block;
    position: relative;
    right: 0;
    width: 121px;
    padding: 5px 15px;
    text-align: left;
    left: initial;
    max-height: 300px;
}
div.drop-down-menu-translate li.translate-box {
    position: relative;
    right: 26px;
    width: 129px;
    height: 26px;
    padding: 2px 15px;
    line-height: 1.45;
    border: 1px solid #9f9f9f;
    border-radius: 4px;
}
div.drop-down-menu-translate li.translate-box p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%}
ul.dropdown-menu.dropdown-max-height {
    top: 37px;
    display: none;
    left: initial;
    right: 2%}
ul.dropdown-menu.dropdown-max-height.active {
    display: block!important;
}
.drop-down-menu-translate.mobile {
    top: 0;
    margin-left: 0;
    z-index: 999;
    background-color: #838383;
    cursor: pointer;
    padding: 0;
    flex: 1;
}
.drop-down-menu-translate.mobile li.translate-box {
    width: 100%;
    padding: 5px 8px;
    right: 0;
    background-color: #fff;
    height: auto;
}
.drop-down-menu-translate.mobile ul.dropdown-menu.dropdown-max-height {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 32px;
    left: 0;
    padding: 10px 0;
    margin: 0;
    right: 0;
}
ul#currencies-list {
    max-height: 300px;
    overflow-y: auto;
    width: 100%}
div.test_multi-currency {
    position: relative;
    margin-right: 8px;
}
div.test_multi-currency span.currency-title p {
    padding-right: 7px;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
}
nav.navigation .mobile-trans-currency-wrapper {
    display: flex;
    padding: 21px 30px 13px;
    background-color: #838383;
    gap: 10px;
    position: relative;
}
nav.navigation .test_multi-currency {
    flex: 1;
    margin-right: 0;
}
nav.navigation .test_multi-currency span.currency-title {
    background-color: #fff;
    color: #333;
    height: auto;
    padding: 5px 8px;
}
.userId.userId_mobile a {
    color: #EB5644;
    font-size: 14px;
    font-weight: 600;
    background: #FDF1EC;
    padding: 4px 10px;
    border-radius: 999px;
    width: 100%;
    height: 100%
    }
#main-popup-modal, #neworder-main-popup-modal, div#neworder-instagram-popup-modal, div#no-auth-neworder-instagram-popup-modal {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1000;
}
#main-popup-modal div.mainPopupContentsWrapper, #neworder-main-popup-modal div.neworder_mainPopupContentsWrapper, div#neworder-instagram-popup-modal .neworder-instagramContentsWrapper, div#no-auth-neworder-instagram-popup-modal .no-auth-neworder-instagramContentsWrapper {
    width: 360px;
    height: 500px;
    position: relative;
    background: 0 0;
}
#main-popup-modal div.mainPopupSliderWrapper, #neworder-main-popup-modal div.neworder_mainPopupSliderWrapper, div#neworder-instagram-popup-modal .neworder-img-modal-box, div#no-auth-neworder-instagram-popup-modal .no-auth-neworder-img-modal-box {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
#main-popup-modal img, #neworder-main-popup-modal img {
    display: block;
    width: 360px;
    height: 500px;
}
#main-popup-modal div.mainPopupPagination, #neworder-main-popup-modal div.mainPopupPagination {
    width: fit-content;
    left: inherit;
    right: 12px;
    bottom: 8px;
    background: rgba(0, 0, 0, .8);
    border-radius: 11px;
    font-size: 12px;
    color: #fff;
    padding: 3px 8px;
}
#main-popup-modal div.mainPopupSliderButton, #neworder-main-popup-modal div.mainPopupSliderButton {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: rgba(63, 71, 77, .15) 0 2px 5px;
    color: #000;
    overflow: hidden;
    transform: translate(-50%, 0);
}
#main-popup-modal div.mainPopupSliderButton.swiper-button-prev, #neworder-main-popup-modal div.mainPopupSliderButton.swiper-button-prev {
    left: calc(100% - 360px);
}
#main-popup-modal div.mainPopupSliderButton.swiper-button-next, #neworder-main-popup-modal div.mainPopupSliderButton.swiper-button-next {
    right: calc(100% - 400px);
}
#main-popup-modal div.mainPopupButton, #neworder-main-popup-modal div.mainPopupButton, div#neworder-instagram-popup-modal .followerButton.closeButton, div#neworder-instagram-popup-modal .followerButton.todayCloseButton, div#no-auth-neworder-instagram-popup-modal .no-auth-followerButton.closeButton, div#no-auth-neworder-instagram-popup-modal .no-auth-followerButton.todayCloseButton {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 48px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
@media (max-width:400px) {
    div.newOrder_customComment_subCategoryWrapper {
    grid-template-columns: 1fr 1fr 1fr;
}
p.orders_scrolling {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #333;
}
}.logout_test {
    height: 26px;
    border-radius: 3px;
}
.likeTest_logout {
    height: auto;
    border-radius: 5px;
}

@media (max-width:330px) {
    #main .sec02 div.contents div.counterBox p.description, header div.contents .menuWrapper ul li a, header div.contents .menuWrapper ul li button.preview {
    font-size: 11px;
}
header div.contents .menuWrapper ul {
    gap: 11px;
}
#sideMenu nav.on {
    top: 81px!important;
}
#sign div.container div.loginWrapper, div.newOrder_customComment_category {
    padding: 0;
}
#main .sec02 div.contents div.counterBox p.title, main section.section3 div.contents div.counterBox {
    font-size: 13px;
}
#neworder .toastWrapper {
}
.sideMenuFlex {
    flex-direction: column;
    gap: 10px;
}

#neworder .confirmTop {
    margin-top: 22px;
}
}@media (max-width:768px) {
    footer div.contents {
    margin: auto!important;
    width: 95%;
    padding: 28px 0 89px!important;
}
footer.notAuth div.contents {
    padding: 28px 0 20px!important;
}
footer p.tel {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 7px;
}
footer div div img.companyInfo {
    width: 80%!important;
}
footer a.kakaoButton {
    height: 50px;
    font-size: 20px;
    padding: 0 22px;
    margin-bottom: 6px;
}
footer div.textWrapper div.textRow {
    display: block;
}
footer div.policyWrapper a.policy, footer div.textWrapper div.textRow span.text {
    font-size: 10px;
}
footer div.textWrapper div.textRow span.text:last-child {
    display: block;
    margin-left: 0!important;
}
div.mobileFixMenu {
    position: fixed;
    top: initial;
    bottom: 0;
    width: 100%;
    display: flex;
    background-color: #fff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    height: 72px;
    align-items: center;
    justify-content: space-around;
    z-index: 99;
    box-shadow: none;
    border-radius: initial;
    border-top: 1px solid  #e3e4e7;
}
div.mobileFixMenu a {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
}
    div.mobileFixMenu a.active {
        border-top: 1px solid #EB5644;
    }
div.mobileFixMenu i {
    font-size: 16px;
    color: #a2a3a6;
}
div.mobileFixMenu i.active {
    color: #eb5745;
}
div.mobileFixMenu a.active span {
    color: #eb5644;
    font-weight: 700;
}
div.mobileFixMenu span.menuNameMo {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .4px;
    color: #b2b7c3;
}
span.menuNameMobile_fix {
    font-size: 11px;
    color: #b2b7c3;
    font-weight: 500;
}
}@media (max-width:450px) {
    #main-popup-modal div.mainPopupContentsWrapper, #neworder-main-popup-modal div.neworder_mainPopupContentsWrapper, div#neworder-instagram-popup-modal div.neworder-instagramContentsWrapper, div#no-auth-neworder-instagram-popup-modal .no-auth-neworder-instagramContentsWrapper {
    width: 300px;
    height: 440px;
}
#main-popup-modal img, #neworder-main-popup-modal img, div#neworder-instagram-popup-modal img, div#no-auth-neworder-instagram-popup-modal img {
    width: 300px;
    height: 404px;
    border-radius: 10px;
}
#main-popup-modal div.mainPopupSliderButton.swiper-button-prev, #neworder-main-popup-modal div.mainPopupSliderButton.swiper-button-prev {
    left: calc(100% - 300px);
}
#main-popup-modal div.mainPopupSliderButton.swiper-button-next, #neworder-main-popup-modal div.mainPopupSliderButton.swiper-button-next {
    right: calc(100% - 340px);
}
}@media (max-width:360px) {
    #neworder section.orderWrapper .sectionTabWrapper .sectionTab, #neworder section.orderWrapper .sectionTabWrapper .sectionTab.active {
    padding: 10px;
    font-size: 13px;
}
#neworder section.orderWrapper {
}
#neworder div.rightWrapper {
}
#neworder .confirmBottomDiv {
    border-radius: 5px;
}
.well {
    padding: 19px 0;
}
div.differentComment_wrapper {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
div.differentComment {
    width: 100%}
nav.navigation .mobile-trans-currency-wrapper {
    padding: 21px 10px;
}
#main-popup-modal div.mainPopupContentsWrapper, #neworder-main-popup-modal div.neworder_mainPopupContentsWrapper, div#neworder-instagram-popup-modal div.neworder-instagramContentsWrapper, div#no-auth-neworder-instagram-popup-modal .no-auth-neworder-instagramContentsWrapper {
    width: 250px;
    height: 370px;
}
#main-popup-modal img, #neworder-main-popup-modal img, div#neworder-instagram-popup-modal img, div#no-auth-neworder-instagram-popup-modal img {
    width: 250px;
    height: 339px;
    border-radius: 10px;
}
#main-popup-modal div.mainPopupSliderButton.swiper-button-prev, #neworder-main-popup-modal div.mainPopupSliderButton.swiper-button-prev {
    left: calc(100% - 250px);
}
#main-popup-modal div.mainPopupSliderButton.swiper-button-next, #neworder-main-popup-modal div.mainPopupSliderButton.swiper-button-next {
    right: calc(100% - 290px);
}
}#addfunds div.title_flex {
    display: flex;
    gap: 5px;
    align-items: center;
    line-height: 1.2;
    margin-bottom: 12px;
}
#addfunds p.title_card {
    color: #ff6023;
    text-decoration: underline;
    font-weight: 700;
    font-size: 13px;
    display: flex;
    align-items: center;
    padding-top: 1px;
    cursor: pointer;
}
#addfunds div.modal_card {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
}
#addfunds div.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
}
@media(max-width:400px) {
    div#order_comment div.newOrder_inputWrapper_titleImage {
    justify-content: flex-start;
    flex-wrap: wrap;
}
div.newOrder_customComment_deleteButton, div.newOrder_customComment_resetButton {
    margin-left: 0;
}
#addfunds .modal-content {
    width: 90%}
#addfunds .modal-content img {
    width: 100%}
}#addfunds .modal-content p {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    color: #333;
}
#addfunds .modal_card_Wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
#addfunds .modal_card_Wrapper i {
    font-size: 20px;
    font-weight: 800;
    cursor: pointer;
}
#modal_card .card_pc {
    display: block;
    width: 100%}
#modal_card .card_mobile {
    display: none;
    width: 100%}
@media (max-width:700px) {
    #modal_card .card_pc {
    display: none;
}
#modal_card .card_mobile {
    display: block;
}
}#main-popup-modal.signup {
    visibility: hidden;
    overflow: hidden;
    display: initial;
}
#main-popup-modal.signup.active {
    visibility: hidden;
    opacity: 0;
    transform: translateY(20px);
    animation: .1s forwards fadeIn;
    z-index: 99999999999999999999;
}
#main-popup-modal.signup div.mainPopupContentsWrapper {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
    height: auto;
    position: relative;
    background: 0 0;
    border-radius: 4px;
}
@keyframes fadeIn {
    to {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}
}#main-popup-modal.signup img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 7px;
}
#main-popup-modal.signup button.closeSignup.icon {
    padding: 0;
    box-shadow: none;
    width: 50px;
    height: 59px;
    position: absolute;
    right: 0;
    font-size: 23px;
    color: #252538;
    background-color: transparent;
    z-index: 999;
}
#main-popup-modal.signup button.closeSignup.icon i {
    font-size: 28px;
    font-weight: 500;
    color: #252538;
}
#main-popup-modal.signup div.mainPopupButtonWrapper {
    position: absolute;
    bottom: 2px;
    width: 100%;
    padding: 20px;
}
#main-popup-modal.signup .mainPopupButtonWrapper button {
    background-color: initial;
}
#main-popup-modal.signup .mainPopupButtonWrapper button.closeSignup {
    color: #252538;
    font-size: 17px;
    font-weight: 600;
    flex: 0.6;
}
#main-popup-modal.signup .mainPopupButtonWrapper button.goSignup {
    font-weight: 600;
    color: #fff;
    border-radius: 13px;
    font-size: 19px;
    background: linear-gradient(180deg, #7c85f6 0, #4e3ccf 60%);
    flex: 1;
}
@media (max-width:525px) {
    #main-popup-modal.signup div.mainPopupButtonWrapper {
    padding: 10px 11px;
}
div#main-popup-modal.signup div.mainPopupContentsWrapper {
    width: 360px;
}
, #main-popup-modal.signup .mainPopupButtonWrapper button.goSignup {
    font-size: 17px;
}
#main-popup-modal.signup .mainPopupButtonWrapper button.closeSignup {
    font-size: 14px;
    height: 50px;
}
#main-popup-modal.signup .mainPopupButtonWrapper button.goSignup {
    height: 51px;
}
#main-popup-modal.signup button.closeSignup.icon i {
    font-size: 24px;
}
#main-popup-modal.signup button.closeSignup.icon {
    height: 50px;
}
}@media (max-width:380px) {
    div#main-popup-modal.signup div.mainPopupContentsWrapper {
    width: 100%;
    max-width: 90%}
#main-popup-modal.signup .mainPopupButtonWrapper button.goSignup {
    font-size: 5vw;
    height: 43px;
}
#main-popup-modal.signup .mainPopupButtonWrapper button.closeSignup {
    font-size: 4.4vw;
}
#main-popup-modal.signup div.mainPopupButtonWrapper {
    bottom: 0;
}
}p.promotionDescription {
    font-size: 12px;
    margin-top: 9px;
    font-weight: 500;
    color: #33333399;
}
div.liketest_box {
    background: linear-gradient(180deg, #7c85f6 0, #4e3ccf 60%);
    cursor: pointer;
}
p.promotionSignupGo {
    font-size: 15px;
    font-weight: 700;
}
#neworder i.fa-duotone.fa-light.fa-hand-back-point-up {
    position: absolute;
    bottom: 1px;
    right: 24px;
    font-size: 34px;
    color: #fff;
    transform: rotate(-45deg);
    animation: 1s ease-in-out infinite moveHand;
}
#dripfeed-options {
	margin-top:20px;
}
@keyframes moveHand {
    0%, 100% {
    transform: rotate(-45deg) translateX(0);
}
50% {
    transform: rotate(-45deg) translateY(-7px);
}
}@media (max-width:1120px) {
    #neworder .liketest_timer.pc {
    display: none;
}
#neworder .liketest_timer.mobile {
    display: flex;
    border-radius: 4px;
}
#neworder p.promotionSignupGo {
    font-weight: 700;
    text-align: center;
    font-size: 13px;
}
#neworder .confirmBottomDiv.liketest_box.mobile {
    display: flex;
    height: auto;
    padding: 5px 0;
    border-radius: 0;
}
#neworder i.fa-duotone.fa-light.fa-hand-back-point-up {
    font-size: 26px;
    right: 8px;
    bottom: 5px;
}
}#neworder section.orderWrapper div.formWrapper div.inputWrapper input::placeholder {
    color: #fff!important;
    -webkit-text-fill-color: #fff!important;
}
#particle-snow {
    display: none!important;
}
ul.loginSignButtonBox button.btn-open {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: auto;
}
ul.loginSignButtonBox button.btn-open.btn-signup {
	    color: #EB5644;
}
.loginSignButtonBox {
  display:flex;
  padding:0;
  gap: 13px;
}

.loginSignButtonBox li.signBtn,
div.gnb_addfunds_box {
    background-color: #EB5644;
    min-height: 26px;
    padding: 0 9px;
    display: flex;
    border-radius: 999px;
    height: 26px;
}
.gnb_addfunds_box span {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
}
.gnb_addfunds_box a {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gnb_addfunds_box span.addfundsBox {
    border-left: 1px solid #ddd;
    margin-left: 5px;
    padding-left: 5px;
}
#sideMenu p.userId {
     
        display: flex;
        align-items: center;
        color: #EB5644;
        font-size: 14px;
        font-weight: 600;
     
    }
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	  border-color: transparent transparent #EB5644 transparent!Important;
}
.select2-container--open .select2-dropdown--below  {

    border: 1px solid #EB5644!important;
    border-radius: 8px!important;
    top: 4px;
    padding: 7px 13px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #FDF1EC !important;
    color: #535355 !important;
    border-radius: 8px;
    opacity: 1;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	    color: #1a1a1a;
  opacity:1;
}
.dropdown-menu > li > a {
	padding:6px;
  margin-bottom:4px;
  color:#353535!important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color:transparent!important;
}

#neworder input#field-orderform-fields-check {
    transform: initial;
    appearance: none;
    outline: 0;
    border: none;
    background: #FDF1EC;
    border-radius: 1.25em;
    width: 2.1em;
    height: 1.15em;
    position: relative;
    top: 4px;
    transform: scale(1.7);
    margin-right: 5px;
    margin-left: 12px;
    cursor: pointer;
}
#neworder input#field-orderform-fields-check::before {
    content: "";
    position: absolute;
    top: 2.4px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(1);
    background-color: #fff;
    transition: left 250ms linear;
    filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.05));
}
#neworder input#field-orderform-fields-check:checked {
    background-color: #EB5644;
    border-color: #EB5644;
    box-shadow: none;
    cursor: pointer;
}
#neworder input#field-orderform-fields-check:checked::before {
    background-color: #fff;
    left: 15.4px;
    top: 2.4px;
    height: 12px;
    width: 12px;
    box-shadow: none;
}

div#order_check label {
    margin:0;
    color: #1A1A1A;
    font-size: 14px;
    font-weight: 600;
    line-height: 2;
}
#neworder .form-group__checkbox {
	padding:0;
  gap:14px;
}
.loginSignButtonBox li.signupBtn,
.userInfoBoxWrapper {
  position:relative;
      position: relative;
    cursor: pointer;
    background-color: #FDF1EC;
    border-radius: 999px;
    min-height: 26px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    color: #EB5644;
    font-size: 14px;
    font-weight: 600;
    margin-left: -3px;
  gap: 6px;
}
.loginSignButtonBox li.signupBtn {
	margin:0;
}
@media (max-width:350px){
  .loginSignButtonBox li.signupBtn {
        display:none;
    }
}
.userInfoBoxWrapper i {
	font-size:12px;
}
#linkModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.modalContent {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    width: 438px;
    height: auto;
    text-align: center;
    position: relative;
    border-radius: 16px;
}
header.modalHeader {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
    align-items: center;
}
header.modalHeader button.modalClose {
	width: initial;
    height: initial;
}
header.modalHeader button.modalClose  i {
	font-size:16px;
  font-weight:900;
  color:#1A1A1A
}
header.modalHeader h2#modalTitle {
    font-size: 16px;
    margin: 0;
    color: #5d5d5d;
    font-weight: 800;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  line-height: 1.5;
}
.modalBody {
    display: flex;
    flex-direction: column;
    max-height: 733px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #F3F5F7;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}
.modalContents {display:none;padding: 20px;}
.modalContents.active {display:flex;flex-direction: column;gap: 12px;}
.modalContents p {
    text-align:left;
}
.modalContents[data-key="facebook-follow"] ,
.modalContents[data-key="facebook-share"] ,
.modalContents[data-key="facebook-comment"] ,
.modalContents[data-key="youtube-like"] ,
.modalContents[data-key="twitter-post"] ,
.modalContents[data-key="youtube-subscriber"] ,
.modalContents[data-key="twitter-follower"] ,
.modalContents[data-key="tiktok-like"]

{
    gap: 0;
    padding:0;
}
.windowSizeMethod {
    background-color:#C5C5C8;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:7px;
    gap:8px;
} 
.windowInner {
    padding:20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.modalContents figure {
    width:100%;
}
.modalContents img {
    width:100%;
    border-radius:12px;
    border:1px solid #C5C5C8;
}
.modalContents i {
    color:#353535;
    font-weight:900;
    font-size:16px;
}
.modalContents p {
  display:flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  font-weight: 600;
}
.modalContents p strong{
    font-weight:800;
}


footer {
background: #efefef8f;
}
footer .contents {
    max-width:1600px;
    margin:auto;
}
div.day.active {
  color:#fff;
  background: #EB5644;
}
div#order_delay {
    margin-top: 20px;
}

.menuBackground nav {   
  display: flex;
    align-items: center;
    justify-content: space-between;
  width: 100%;
}
.mobileMenuWrapper {
    display: none;
}
.menuWrapper.gnb ul {
  display: flex;
  padding: 0;
  gap: 13px;
}
.barBack {
    display: none;
}
@media (max-width:1120px){
  #sideMenu div.logoWrapper {
  height:62px;
  }
  .barBack {
  	display:flex;
  }
    .col-md-6.end_time {
    margin-top: 20px;
  }
  #sideMenu .menuWrapper.gnb {
    display:none;
  }
  #sideMenu .menuWrapper.gnb.on {
    display:flex;
    position: fixed;
    top: 0;
    right: 0;
    flex-direction: column;
    width: 300px;
    background-color: #fff;
    height: 100%;
    z-index: 999999999999999;
  }
  .mobileMenuWrapper {
  	display: flex;
  	align-items: center;
  	width: 100%;
  	justify-content: space-between;
  	padding: 13px 14px 22px;
  }
  #sideMenu .logoWrapper .logo {

  }
  #sideMenu .mobileMenuWrapper i {
  	font-size: 19px;
    font-weight: 400;
    color:#1A1A1A;
  }
  .menuWrapper.gnb ul {
  	flex-direction:column;
  	align-items: flex-start;
  	width:100%;
  	gap: 0;
  }
  #sideMenu div.logoWrapper .mobileMenuWrapper .logo {
  	padding:0;
  }
    #sideMenu .menuWrapper.gnb .menuList:nth-of-type(1){
        border-top:1px solid #E3E4E7;
    }
  #sideMenu .menuWrapper.gnb .menuList {
  	width:100%;
  	height:48px;
  	max-height: 48px;
  	border-bottom: 1px solid #E3E4E7;
  }
    #sideMenu .menuWrapper .menuList.active {
        background:#FDF1EC;
        
    }
    #sideMenu .menuWrapper .menuList.active a span {
        color:#EB5644
    }
  #sideMenu .menuWrapper .menuList a {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    padding: 0;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
  }
  .backgroundDimmed {display:none}
  .backgroundDimmed.on {
    display:flex;
  	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.60);
  }
#sideMenu .menuWrapper .menuList.active span {
        background: initial;
  border-radius:initial;
  padding:initial;
  color:#1A1A1A;
  }
  #sideMenu .menuWrapper .menuList:hover {
    background: #FDF1EC;
}
  #sideMenu .menuWrapper .menuList a span ,
  #sideMenu .menuWrapper .menuList span ,
  #sideMenu .menuWrapper .menuList.active span
    {
  	color:#1A1A1A;
  	padding: 0;
  	padding-left: 14px;
  }
}
@media (max-width:360px){
    #sideMenu .menuWrapper.gnb.on {
        max-width:70%;
        width:70%;
    }
}
.diffrentBox {
    display: flex;
    align-items: center;
    gap: 4px;
}
.diffrentBox i {
    font-size:12px;
    color: #fff;
}
.diffrentBox .diffrent {
    font-weight:600;
}
#neworder fieldset {
	display:flex;
  flex-direction:column;
}
.nice-select ul {
  width:100%;
  max-height: 400px;
  overflow-y: auto;
}
.messageBox {
    display: flex;
    align-items: center;
    gap: 10px;
}