.mainContainer h2,
.tradeListContainer > div h3,
.balanceContainer > div h3,
.faqContainer > div h3,
.noticeContainer > div h3,
.newsContainer > div h3,
.qnaContainer > div h3,
.messageContainer > div h3,
.editInfoContainer > div h3,
.editInfoCheckContainer > div h3 {
    display: none;
}

.pagenation {
    position: relative;
    display: inline-block;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

    .pagenation > a {
        position: absolute;
        display: block;
        top: 12px;
        color: #303030;
    }

        .pagenation > a:first-of-type {
            left: 0;
        }

        .pagenation > a:last-of-type {
            right: 0;
        }

    .pagenation > ol {
        padding: 0 35px;
        box-sizing: border-box;
    }

        .pagenation > ol > li {
            float: left;
        }

            .pagenation > ol > li a {
                display: block;
                width: 40px;
                line-height: 40px;
                text-align: center;
                border-radius: 20px;
                color: #303030;
                background-color: transparent;
                font-size: 12px;
                transition: background-color 0.3s ease;
            }

                .pagenation > ol > li a.active {
                    background-color: rgba(226,226,239,0.4);
                    font-weight: 600;
                }

.loadingDiv {
    text-align: center;
}

    .loadingDiv img {
        margin-top: 20px;
    }

.order_book .price {
    cursor: pointer;
}

.tradingContainer .searchB {
    display: block;
    margin-bottom: 20px;
}
/* ? All Using */


@media screen and (max-width: 767px) {
    .slick-header-columns,
    .slick-headerrow-columns,
    .grid-canvas{
        width: 350px !important;
    }


    .frameWrapper > .sell_buy {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 9;
        background-color: #fff;
        width: 100%;
        padding: 20px 2%;
        box-sizing: border-box;
        box-shadow: 5px 5px 20px rgba(0,0,0,0.05);
    }
    .frameWrapper > .sell_buy dd button {
        display: block;
        width: 49%;
        margin: 0;
        padding: 15px 0;
        box-sizing: border-box;
        float: left;
        border: 0;
        background-color: rgba(226,226,239,0.4);
        color: #303030;
        cursor: pointer;
        font-size: 15px;
        border-radius: 5px;
    }
    .frameWrapper > .sell_buy dd button:last-of-type {
        margin-left: 2%;
    }
    .frameWrapper > .invest_area{
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10;
        background-color: #fff;
        width: 100%;
        padding: 30px 2% 20px;
        box-sizing: border-box;
        border-radius: 20px 20px 0 0;
        box-shadow: rgba(0,0,0,0.3) 0 0 0 9999px;
    }
    .frameWrapper > .invest_area.active {
        display: block;
    }
    .frameWrapper > .invest_area .closeBtn {
        position: absolute;
        top: 10px;
        right: 2%;
    }
    .frameWrapper > .invest_area > h2{
        margin-bottom: 20px;
        font-size: 15px;
    }


    [class$='Container'] > div ul li a{
        display: block;
        color: #777;
    }
    [class$='Container'] > div table + a{
        float: right;
        display: block;
        font-size: 14px;
        background-color: #000520;
        color: #fff;       
        padding: 12px 20px;
        border-radius: 10px;
        margin-top: -30px;
    }


    .mainContainer .mainVisualBox{
        height: 46vh;
        min-height: 611px;
        position: relative;
        background-repeat: no-repeat;
        background-size: 70%;
        background-position: right bottom 50px;
        background-image: url('../images/bg_main.png');
        background-color: #f4f5f8;
    }
    .mainContainer .mainVisualBox div{
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 3%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 94%;
    }
    .mainContainer .mainVisualBox div h4{
        font-size: 26px;
        line-height: 44px;
        margin-bottom: 20px;
        color: #1a1a1a;
    }
    .mainContainer .mainVisualBox div p{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
        color: #999;
    }
    .mainContainer .mainVisualBox div a{
        font-size: 16px;
        line-height: 24px;
        padding: 12px 25px;
        box-sizing: border-box;
        border-radius: 5px;
        background-color: #0062df;
        color: #fff;
    }
    /* main slider */


    .mainVisualBottomBox{
        background-color: #1847c8;
    }
    .mainVisualBottomBox .mvBottomWrap{
        max-width: 1280px;
        margin: 0 auto;
        padding: 10px 3% 20px;
        text-align: center;
    }
    .mainVisualBottomBox .mvBottomWrap span{
        display: inline-block;
        color: #fff;
        padding: 0;
        box-sizing: border-box;
        line-height: 24px;
    }
    .mainVisualBottomBox .mvBottomWrap span:first-of-type{
        margin-right: 5px;
    }
    .mainVisualBottomBox .mvBottomWrap span:last-of-type{
        margin-bottom: 15px;
    }
    .mainVisualBottomBox .mvBottomWrap img{
        vertical-align: middle;
        max-width: 80px;
        margin-bottom: 10px;
    }
    .mainVisualBottomBox .mvBottomWrap a{
        float: none;
        display: block;
        max-width: 140px;
        background-color: #fff;
        color: #1847c8;
        font-size: 14px;
        font-weight: 500;
        margin: 0 auto;
        padding: 12px 15px;
        box-sizing: border-box;
        border-radius: 30px;
    }
    /* main slider */


    .mainContainer .tradBox{
        padding: 40px 3%;
        box-sizing: border-box;
        overflow-x: hidden;
    }

    .mainContainer .tradBox h3{
        font-size: 20px;
        margin-bottom: 30px;
    }

    .mainContainer .tradBox ul{
        max-width: 1280px;
        margin: 0 auto;
    }

    .mainContainer .tradBox ul li{
        background-color: #f6f8fc;
        color: #1a1a1a;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        box-sizing: border-box;
        border-radius: 10px;
    }
    .mainContainer .tradBox ul li:not(:last-of-type){
        margin-bottom: 10px;
    }
    .mainContainer .tradBox ul li > *{
        position: relative;
        font-size: 14px;
        line-height: 20px;
        min-height: 67px;
        margin-top: 20px;
        padding: 35px 3% 0;
        box-sizing: border-box;
    }
    .mainContainer .tradBox ul li > *:before{
        display: block;
        position: absolute;
        top: 0;
        left: 6%;
        font-size: 14px;
        color: #828ea1;
    }
    .mainContainer .tradBox ul li > div{
        width: 50%;
    }
    .mainContainer .tradBox ul li > div:before{
        content: "Instrument";
    }
    .mainContainer .tradBox ul li > div > *{
        vertical-align: middle;
    }
    .mainContainer .tradBox ul li > div > b{
        margin-left: 10px;
    }
    .mainContainer .tradBox ul li > span:first-of-type{
        width: 50%;
    }
    .mainContainer .tradBox ul li > span:first-of-type:before{
        content: "Last Price";
    }
    .mainContainer .tradBox ul li > span:nth-of-type(2){
        width: 50%;
    }
    .mainContainer .tradBox ul li > span:nth-of-type(2):before{
        content: "24H Change";
    }
    .mainContainer .tradBox ul li > span:nth-of-type(3){
        width: 50%;
        word-break: break-all;
    }
    .mainContainer .tradBox ul li > span:nth-of-type(3):before{
        content: "24H Volume";
    }
    .mainContainer .tradBox ul li img{
        display: inline-block;
    }
    .mainContainer .tradBox ul li > a{
        width: 94%;
        min-height: auto;
        display: block;
        background-color: #0062df;
        color: #fff;
        padding: 7px 5px;
        margin: 20px auto;
        box-sizing: border-box;
        border-radius: 5px;
        text-align: center;
        font-size: 14px;
    }
    .mainContainer .tradBox .slick-slide {
        margin: 0 27px;
    }

    .mainContainer .tradBox .slick-list {
        margin: 0 -27px;
    }
    /* main Silde */


    .mainContainer .advanBox ol{
        padding: 70px 3%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
    }
    .mainContainer .advanBox ol li{
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        padding: 30px 3% 50px;
        background-color: #f6f8fc;
        border-radius: 20px;
    }
    .mainContainer .advanBox ol li:not(last-of-type){
        margin-bottom: 20px;
    }
    .mainContainer .advanBox ol li:not(:first-of-type){
        margin-left: 1%;
    }
    .mainContainer .advanBox ol li img{
        width: 100%;
        max-width: 210px;
        margin-bottom: 40px
    }
    .mainContainer .advanBox ol li h4 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #303030;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(../images/ico_main.png);
    }
    .mainContainer .advanBox ol li p {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #777;
    }


    .mainContainer .welBox {
        background-color: #093687;
        padding: 50px 3% 280px;
        background-image: url("../images/ico_trad.png");
        background-repeat: no-repeat;
        background-position: center bottom -120px;
        background-size: 620px;
    }
    .mainContainer .welBox > div{
        max-width: 1280px;
        margin: 0 auto;
        box-sizing: border-box;
        text-align: center;
    }
    .mainContainer .welBox > div h3{
        font-size: 22px;
        color: #fff;
        margin-bottom: 20px;
    }
    .mainContainer .welBox > div p{
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: rgba(255,255,255,0.8);
    }
    /* main Container */


    /* main Container */


    .balanceContainer,
    .tradeListContainer,
    .noticeContainer,
    .qnaContainer,
    .boardWriteContainer {
        margin: 60px auto 0;
        padding: 50px 0;
        box-sizing: border-box;
    }

    .loginContainer {
        margin: 80px auto 0;
        padding: 24.8vh 3%;
        box-sizing: border-box;
    }

        .loginContainer h2,
        .joinContainer h2 {
            margin-bottom: 20px;
            font-size: 28px;
            color: #303030;
        }

        .loginContainer > p,
        .joinContainer > p {
            font-size: 14px;
            margin-bottom: 40px;
            color: #303030;
        }

        .loginContainer input,
        .joinContainer input {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            box-sizing: border-box;
            font-size: 12px;
            border-radius: 10px;
            border: 1px solid #ddd;
            color: #303030;
            font-size: 14px;
        }

        .loginContainer div input[type='text'] {
            margin-bottom: 15px;
        }

        .loginContainer div input[type='password'] {
            margin-bottom: 20px;
        }

        .loginContainer input[type='submit'],
        .joinContainer input[type='submit'] {
            cursor: pointer;
            background-color: #0062df;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            border: 0;
            margin-bottom: 20px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }

        .loginContainer ul {
            float: right;
        }

            .loginContainer ul li {
                float: left;
                position: relative;
            }

                .loginContainer ul li:not(:first-of-type) {
                    margin-left: 20px;
                    padding-left: 20px;
                    box-sizing: border-box;
                }

                    .loginContainer ul li:not(:first-of-type):after {
                        content: '';
                        display: block;
                        position: absolute;
                        top: 3px;
                        left: 0;
                        background-color: #ddd;
                        width: 1px;
                        height: 12px;
                    }

                .loginContainer ul li a {
                    font-size: 14px;
                    color: #303030;
                }
    /* login Container */


    .joinContainer {
        margin: 80px auto 0;
        padding: 50px 3%;
        box-sizing: border-box;
    }

        .joinContainer div input:not(:last-of-type) {
            margin-bottom: 15px;
        }

        .joinContainer div input:last-of-type {
            margin-bottom: 20px;
        }

        .joinContainer div input + span {
            color: #e44b44 !important;
            font-size: 13px;
            line-height: 17px;
            padding-left: 3%;
            font-family: 'Pretendard' !important;
            line-height: 32px;
            position: relative;
            top: -7px;
        }

        .joinContainer div p {
            font-size: 13px;
            line-height: 17px;
            margin-bottom: 15px;
            padding-left: 3%;
            color: #777;
        }

        .joinContainer p a {
            color: #303030;
            text-decoration: underline;
        }
    /* join Container */


    .balanceContainer > div:first-of-type,
    .tradeListContainer > div,
    .noticeContainer > div,
    .qnaContainer > div,
    .boardWriteContainer > div {
        margin: 0 auto;
        box-sizing: border-box;
        min-height: 540px;
        padding: 0 3%;
    }

        .balanceContainer > div ul,
        .noticeContainer > div ul,
        .qnaContainer > div > ul,
        .boardWriteContainer > div ul {
            margin: 0 auto;
        }

        .noticeContainer > div ul,
        .qnaContainer > div > ul,
        .boardWriteContainer > div ul {
            display: flex;
            justify-content: center;
            margin-bottom: 30px;
        }

        .qnaContainer > div > ul,
        .boardWriteContainer > div ul {
            width: 83%;
        }

        .noticeContainer > div ul {
            width: 83%;
        }

            .balanceContainer > div ul li,
            .noticeContainer > div ul li,
            .qnaContainer > div > ul li,
            .boardWriteContainer > div ul li {
                float: left;
                color: #777;
                font-size: 16px;
                border-bottom: 2px solid transparent;
                cursor: pointer;
                transition: color,border-color 0.3s ease;
            }

    .balanceContainer > div ul li {
        padding: 10px 5% 10px;
    }

    .qnaContainer > div > ul li,
    .boardWriteContainer > div ul li {
        width: calc(100% / 3);
    }

    .noticeContainer > div ul li {
        width: calc(100% / 4);
    }

        .qnaContainer > div > ul li a,
        .noticeContainer > div ul li a,
        .boardWriteContainer > div ul li a {
            padding: 10px 5% 10px;
            text-align: center;
            box-sizing: border-box;
        }

        .balanceContainer > div ul li.active,
        .noticeContainer > div ul li.active a,
        .qnaContainer > div > ul li.active a,
        .boardWriteContainer > div ul li.active a {
            font-weight: 600;
            color: #303030;
            border-bottom: 2px solid #303030;
        }

    .balanceContainer > div .tabPage {
        padding: 40px 3% 0;
        box-sizing: border-box;
        display: none;
    }

        .balanceContainer > div .tabPage.active {
            display: block;
        }

        .balanceContainer > div .tabPage h4 {
            font-size: 14px;
            color: #303030;
            margin-bottom: 22px;
        }

        .balanceContainer > div .tabPage ol {
            margin-bottom: 40px;
            counter-reset: circleNum;
        }

            .balanceContainer > div .tabPage ol li {
                font-size: 13px;
                color: #777;
                line-height: 19px;
                list-style: none;
            }

                .balanceContainer > div .tabPage ol li:before {
                    font-size: 13px;
                    width: 12px;
                    line-height: 12px;
                    text-align: center;
                    display: inline-block;
                    margin-right: 5px;
                }

            .balanceContainer > div .tabPage ol:first-of-type li:before {
                counter-increment: circleNum;
                content: counter(circleNum);
                border: 1px solid #777;
                border-radius: 50%;
            }

            .balanceContainer > div .tabPage ol li:not(:last-of-type) {
                margin-bottom: 15px;
            }

        .balanceContainer > div .tabPage:first-of-type ol:nth-of-type(2) li:before {
            content: "※";
        }

        .balanceContainer > div .tabPage .deposit_bankcheck {
            display: block;
            font-size: 14px;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            width: 100%;
            line-height: 50px;
            margin: 0 auto 20px;
            background-color: #0062df;
            border: 0;
            border-radius: 10px;
            text-align: center;
            cursor: pointer;
        }

        .balanceContainer > div .tabPage div {
            text-align: center;
            margin-bottom: 40px;
        }

            .balanceContainer > div .tabPage div input {
                width: 100%;
                display: block;
                height: 50px;
                line-height: 50px;
                box-sizing: border-box;
                font-size: 13px;
                border-radius: 10px;
                border: 1px solid #ddd;
                color: #303030;
                background-color: #fff;
                transition: border-color 0.3s ease;
                text-align: center;
            }

                .balanceContainer > div .tabPage div input:hover {
                    border-color: #0062df;
                }

                .balanceContainer > div .tabPage div input:not(:first-of-type) {
                    cursor: pointer;
                }

                .balanceContainer > div .tabPage div input:not(:last-of-type) {
                    margin-bottom: 10px;
                }

                .balanceContainer > div .tabPage div input:first-of-type {
                    padding: 0 1%;
                    border-width: 2px;
                    border-color: #303030;
                }

    .balanceContainer > div table,
    .noticeContainer > div div table,
    .qnaContainer > div div table {
        width: 100%;
        text-align: center;
        font-size: 13px;
        color: #303030;
    }
    .balanceContainer > div table,
    .noticeContainer > div div table{
        margin-bottom: 30px;
    }
    .qnaContainer > div div table {
        margin-bottom: 50px;
    }

    .balanceContainer > div table tr,
    .tradeListContainer > div table tr,
    .noticeContainer > div div table tr,
    .qnaContainer > div div table tr {
        border-bottom: 1px solid #e5e5e5;
        display: flex;
        align-items: center;
        padding: 20px 0;
        line-height: 19px;
    }

            .balanceContainer > div table tr:first-of-type,
            .noticeContainer > div div table tr:first-of-type,
            .qnaContainer > div div table tr:first-of-type {
                border-bottom: 1px solid #303030;
            }

    ListContainer > div table tr {
        border-bottom: 1px solid #ddd;
        display: flex;
        align-items: center;
        line-height: 19px;
    }

    .balanceContainer > div table th:first-of-type,
    .balanceContainer > div table tr td:first-of-type {
        width: 20%;
    }

    .balanceContainer > div table th:nth-of-type(2),
    .balanceContainer > div table tr td:nth-of-type(2) {
        width: 25%;
    }

    .balanceContainer > div table th:nth-of-type(3),
    .balanceContainer > div table tr td:nth-of-type(3) {
        width: 35%;
    }

    .balanceContainer > div table th:nth-of-type(4),
    .balanceContainer > div table tr td:nth-of-type(4) {
        width: 15%;
    }

    .balanceContainer > div table tr td {
        padding: 0 1%;
        box-sizing: border-box;
        word-break: break-all;
    }

        .balanceContainer > div table tr td span {
            display: block;
            margin-top: 5px;
        }
    /* balance Container */


    .tradeListContainer > div {
        padding: 0 3%;
        box-sizing: border-box;
    }

    .tradeListContainer div table {
        width: 100%;
        margin: 0 auto 30px;
        text-align: center;
        font-size: 14px;
        color: #303030;
    }

        .tradeListContainer div table th {
            display: none;
        }

        .tradeListContainer div table tr:not(:first-of-type) {
            display: block;
            border-width: 1px 0;
            border-style: solid;
            border-color: #303030;
            line-height: 19px;
        }

    body.dark .tradeListContainer div table tr:not(:first-of-type) {
        border-color: #fff;
    }

    .tradeListContainer div table tr:not(:last-of-type) {
        margin-bottom: 40px;
    }

    .tradeListContainer div table tr:first-of-type {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .tradeListContainer div table tr td {
        box-sizing: border-box;
        display: block;
        position: relative;
        padding: 13px 0 13px 40%;
        min-height: 46px;
    }

        .tradeListContainer div table tr td:not(:last-of-type) {
            border-bottom: 1px solid #ddd;
        }

        .tradeListContainer div table tr td span {
            display: block;
        }

        .tradeListContainer div table tr td:nth-of-type(2) span:last-of-type,
        .tradeListContainer div table tr td:nth-of-type(3) span:last-of-type {
            font-size: 12px;
            color: #777;
        }

    .tradeListContainer div table td:before {
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0,-50%);
        width: 40%;
        white-space: pre;
        font-weight: 600;
    }

    .tradeListContainer div table td:first-of-type:before {
        content: '투자코인';
    }

    .tradeListContainer div table td:nth-child(2):before {
        content: '진입가';
    }

    .tradeListContainer div table td:nth-child(3):before {
        content: '청산가';
    }

    .tradeListContainer div table td:nth-child(4):before {
        content: '포지션';
    }

    .tradeListContainer div table td:nth-child(5):before {
        content: '투자';
    }

    .tradeListContainer div table td:nth-child(6):before {
        content: '레버리지';
    }

    .tradeListContainer div table td:nth-child(7):before {
        content: '수익';
    }

    .tradeListContainer div table td:nth-child(8):before {
        content: '수익률';
    }

    .tradeListContainer div table td:nth-child(9):before {
        content: '수수료USDT\A(진입/청산)';
    }

    .tradeListContainer div table td:last-child:before {
        content: '청산';
    }
    /* tradeList Container */


    .noticeContainer > div .tabPage,
    .qnaContainer > div .tabPage {
        display: none;
    }

        .noticeContainer > div .tabPage.active,
        .qnaContainer > div .tabPage.active {
            display: block;
        }

    .noticeContainer > div div table th,
    .noticeContainer > div div table tr td,
    .qnaContainer > div div table th,
    .qnaContainer > div div table tr td {
        padding: 0 3%;
        box-sizing: border-box;
    }

        .noticeContainer > div div table th:first-of-type,
        .noticeContainer > div div table tr td:first-of-type {
            width: 60%;
        }

        .noticeContainer > div div table tr td:first-of-type,
        .qnaContainer > div div table tr td:first-of-type {
            cursor: pointer;
            /* white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; */
        }

        .qnaContainer > div div table tr td a {
            color: #303030;
        }

        .noticeContainer > div div table th:nth-of-type(2),
        .noticeContainer > div div table tr td:nth-of-type(2) {
            width: 20%;
        }

        .noticeContainer > div div table th:last-of-type,
        .noticeContainer > div div table tr td:last-of-type {
            width: 20%;
        }

        .noticeContainer > div div table tr td a {
            color: #303030;
        }

    .noticeContainer > div > div > div:not(.pagenation),
    .qnaContainer > div > div.qnaViewBox > #text_conts:not(.pagenation) {
        padding: 20px 2%;
        box-sizing: border-box;
        border-width: 1px 0;
        border-style: solid;
        border-color: #ddd;
        margin-top: 20px;
        min-height: 300px;
    }

    .noticeContainer > div > div > div#text_conts hr {
        display: none;
    }

    .noticeContainer > div > div > div input {
        width: 100%;
        border: 0;
    }

        .noticeContainer > div > div > div input:focus {
            outline: none;
        }

    .noticeContainer > div > div p,
    .qnaContainer > div > div.qnaViewBox p {
        font-size: 16px;
        color: #303030;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .noticeContainer > div > div span,
    .qnaContainer > div > div.qnaViewBox span {
        font-size: 12px;
        color: #777;
    }

        .noticeContainer > div > div span:last-of-type,
        .qnaContainer > div > div.qnaViewBox span:last-of-type {
            margin-left: 20px;
        }
    /* notice  Container */
    .qnaContainer > div div table th:first-of-type,
    .qnaContainer > div div table tr td:first-of-type {
        width: 40%;
    }

    .qnaContainer > div div table th:nth-of-type(2),
    .qnaContainer > div div table tr td:nth-of-type(2) {
        width: 20%;
    }

    .qnaContainer > div div table th:nth-of-type(3),
    .qnaContainer > div div table tr td:nth-of-type(3) {
        width: 20%;
    }

    .qnaContainer > div div table th:last-of-type,
    .qnaContainer > div div table tr td:last-of-type {
        width: 20%;
    }

    .qnaContainer > div div form {
        max-width: 500px;
        margin: auto;
        padding: 20px 0;
        box-sizing: border-box;
    }

       .qnaContainer > div div form input:not([type='radio']) {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            box-sizing: border-box;
            font-size: 14px;
            border-radius: 10px;
            border: 1px solid #ddd;
            color: #303030;
        }

        .qnaContainer > div div form input[type='radio'] {
            margin: 0 5px 0 0;
        }

        .qnaContainer > div div form input {
            margin-bottom: 15px;
        }

    .qnaContainer > div div form {
        margin: 40px auto 0;
    }

        .qnaContainer > div div form input:last-of-type {
            font-weight: 600;
        }

        .qnaContainer > div div form input[type='text']:last-of-type {
            background-color: rgba(226,226,239,0.4);
            font-size: 14px;
        }

        .qnaContainer > div div form p {
            font-size: 13px;
            line-height: 17px;
            margin-bottom: 15px;
            padding-left: 3%;
            color: #ff2400;
        }

        .qnaContainer > div div form p+label {
            font-size: 16px;
            color: #303030;
            font-weight: 600;
            display: block;
            margin: 50px 0 3% 10px;
        }

        .qnaContainer > div div form .skipOrder{
            display: inline-block;
            margin-bottom: 30px;
        }

        .qnaContainer > div div form input[type='radio']+label{
            font-size: 16px;
            color: #303030;
            font-weight: 600;
            margin-right: 10px;
        }

        .qnaContainer > div div form input[type='submit'] {
            cursor: pointer;
            background-color: #000520;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            border: 0;
            margin-bottom: 20px;
        }

    .qnaContainer > div div.qnaReplyList {
        background-color: #f7f7f7;
        padding: 20px 3%;
    }

        .qnaContainer > div div.qnaReplyList ul li {
            border-bottom: 1px solid #ddd;
            padding-bottom: 20px;
        }

            .qnaContainer > div div.qnaReplyList ul li:not(:last-of-type) {
                margin-bottom: 20px;
            }

            .qnaContainer > div div.qnaReplyList ul li p {
                font-size: 14px;
            }

                .qnaContainer > div div.qnaReplyList ul li p:first-of-type,
                .qnaContainer > div div.qnaReplyList ul li p:nth-of-type(2) {
                    display: inline-block;
                }

                .qnaContainer > div div.qnaReplyList ul li p:nth-of-type(2) {
                    margin-left: 20px;
                }

                .qnaContainer > div div.qnaReplyList ul li p:last-of-type {
                    margin-top: 20px;
                }

    .qnaContainer > div div.qnaReplyBox {
        background-color: #f7f7f7;
        padding: 20px 3%;
        border-bottom: 1px solid #ddd;
        margin: 0 auto;
    }

        .qnaContainer > div div.qnaReplyBox textarea {
            resize: none;
            width: 100%;
            min-height: 150px;
            margin: 0 auto;
            padding: 20px 2%;
            box-sizing: border-box;
            font-size: 15px;
        }

        .qnaContainer > div div.qnaReplyBox input[type='submit'] {
            float: right;
            display: block;
            font-size: 14px;
            background-color: #000520;
            border: none;
            color: #fff;
            padding: 12px 20px;
            border-radius: 5px;
            margin-top: 15px;
            cursor: pointer;
        }
    .noticeContainer > div > a.btn_1,
    .qnaContainer > div > a.btn_1 {
        float: right;
        display: block;
        font-size: 14px;
        background-color: rgba(226,226,239,0.4);
        border: none;
        color: #303030;
        padding: 12px 20px;
        border-radius: 5px;
        margin-top: 20px;
    }
    /* qna Container */


    .tradingContainer {
        margin: 30px auto 0;
        padding: 50px 0 0;
        box-sizing: border-box;
        position: relative;
    }

        .tradingContainer > div {
            width: 100%;
            background-color: #fff;
        }

        .tradingContainer .ty02 {
            position: absolute;
            top: 50px;
            right: 0;
            width: 400px;
            height: calc(100% - 50px);
            background-color: #fff;
            padding: 20px 1%;
            box-sizing: border-box;
            opacity: 0;
            visibility: hidden;
        }

            .tradingContainer .ty02.active {
                position: absolute;
                top: 90px;
                right: auto;
                left: 0;
                width: 100%;
                height: 540px;
                background-color: #fff;
                border: 1px solid #eee;
                padding: 10px;
                box-sizing: border-box;
                border-radius: 20px;
                z-index: 9;
                opacity: 1;
                visibility: visible;
            }

        .tradingContainer div.search > * {
            float: left;
        }

        .tradingContainer .ty02 article span div input[type='text'] {
            width: 80%;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            line-height: 40px;
            border: 1px solid #ddd;
            padding: 0 3%;
            box-sizing: border-box;
            color: #303030;
            border-radius: 10px 0 0 10px;
        }

        .tradingContainer .ty02 article span div a {
            width: 20%;
            line-height: 42px;
            display: block;
            text-align: center;
            background-color: #e2e2ef;
            color: #303030;
            border-radius: 0 10px 10px 0;
            font-size: 15px;
        }

        .tradingContainer > div > div:first-of-type > h2 {
            display: inline-block;
            padding: 16px 2% 17px;
            box-sizing: border-box;
            font-size: 16px;
            font-weight: 600;
            color: #303030;
            position: relative;
            cursor: pointer;
            width: 100%;
        }

            .tradingContainer > div > div:first-of-type > h2 > section {
                display: none;
                position: absolute;
                top: 40px;
                left: 3%;
                z-index: 1;
                background-color: rgba(255,255,255,0.95);
                padding: 20px 3%;
                box-sizing: border-box;
                width: 94%;
                height: calc(100vh - 230px);
                box-shadow: 5px 5px 20px rgba(0,0,0,0.05);
                border: 1px solid #ddd;
                cursor: auto;
            }

                .tradingContainer > div > div:first-of-type > h2 > section.active {
                    display: block;
                }

                .tradingContainer > div > div:first-of-type > h2 > section article span div > * {
                    float: left;
                }

                .tradingContainer > div > div:first-of-type > h2 > section article span div input[type='text'] {
                    width: 80%;
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                    line-height: 48px;
                    border: 1px solid #ddd;
                    padding: 0 3%;
                    box-sizing: border-box;
                    color: #303030;
                    border-radius: 10px 0 0 10px;
                }

                .tradingContainer > div > div:first-of-type > h2 > section article span div a {
                    width: 20%;
                    line-height: 50px;
                    display: block;
                    text-align: center;
                    background-color: #e2e2ef;
                    color: #303030;
                    border-radius: 0 10px 10px 0;
                    font-size: 13px;
                }
        /* toolTip css start */
        .tradingContainer > div > div:nth-of-type(2) {
            position: relative;
            box-sizing: border-box;
            margin-bottom: 20px;
        }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) {
                border-bottom: 1px solid #ddd;
            }

                .tradingContainer > div > div:first-of-type > h2 > div,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div.tx > div,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div,
                .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div,
                .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div,
                .layer_stoploss_confirm_tit li div {
                    display: inline-block;
                    position: relative;
                }

                    .tradingContainer > div > div:first-of-type > h2 > div > input,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 > div > input,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 > div > input,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > input,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > input,
                    .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th > div > input,
                    .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th > div > input,
                    .layer_stoploss_confirm_tit li h2 > div > input {
                        background-color: transparent;
                        width: 17px;
                        height: 17px;
                        font-weight: 600;
                        border: 1px solid #ddd;
                        border-radius: 50%;
                        margin: 0;
                        padding: 0;
                        cursor: pointer;
                        margin-top: -3px;
                    }

                    .tradingContainer > div > div:first-of-type > h2 > div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup,
                    .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup,
                    .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup,
                    .layer_stoploss_confirm_tit li div > div#tip8Popup {
                        position: absolute;
                        top: 22px;
                        left: 0;
                        display: none;
                        background-color: #fff;
                        z-index: 5;
                        padding: 15px 10px 10px;
                        box-sizing: border-box;
                        border: 1px solid #ddd;
                        text-align: left;
                    }

                    .tradingContainer > div > div:first-of-type > h2 > div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div,
                    .layer_stoploss_confirm_tit li div > div#tip8Popup {
                        width: 200px;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup,
                    .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup,
                    .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup {
                        width: 245px;
                    }

                        .tradingContainer > div > div:first-of-type > h2 > div > div.active,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div.active,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div.active,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup.active,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup.active,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup.active,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup.active,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup.active {
                            display: block;
                        }

                        .tradingContainer > div > div:first-of-type > h2 > div > div > *,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div > *,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div > *,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup > *,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup > *,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup > *,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup > *,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup > * {
                            font-size: 12px;
                            line-height: 18px;
                            color: #303030;
                        }

                        .tradingContainer > div > div:first-of-type > h2 > div > div p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div span,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div span,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup span,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup span,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup span,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup span,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup span {
                            font-weight: 600;
                        }

                        .tradingContainer > div > div:first-of-type > h2 > div > div p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup p,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup p,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup p,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup p {
                            font-weight: 400;
                        }

                        .tradingContainer > div > div:first-of-type > h2 > div > div .closeBtn,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div .closeBtn,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div .closeBtn,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup .closeBtn,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup .closeBtn,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup .closeBtn,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup .closeBtn,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup .closeBtn {
                            width: 12px;
                            height: 12px;
                            background: url('../images/ico_tool.png') no-repeat center / cover;
                            position: absolute;
                            top: 10px;
                            right: 10px;
                        }
        /* toolTip css fin */

        .tradingContainer > div > div:first-of-type div.chart,
        .tradingContainer > div > div:first-of-type div.chart > div,
        .tradingContainer > div > div:first-of-type div.chart > div > div,
        .tradingContainer > div > div:first-of-type div.chart > div > div > div,
        .tradingContainer > div > div:first-of-type div.chart > div > div > div > div {
            height: 400px !important;
        }

        .tradingContainer > div > div:first-of-type > div > div > div > div,
        .tradingContainer > div > div:first-of-type > div > div > div > div > div {
            width: 100% !important;
        }

        .tradingContainer > div > div:nth-of-type(2) .tradingOpenClose {
            position: absolute;
            top: 10px;
            right: 10px;
        }

            .tradingContainer > div > div:nth-of-type(2) .tradingOpenClose input {
                background-image: url(../images/ico_openClose.png);
                background-repeat: no-repeat;
                background-size: contain;
                background-color: transparent;
                border: 0;
                width: 18px;
                height: 18px;
                box-sizing: border-box;
                cursor: pointer;
                display: block;
                text-indent: -9999px;
                transition: transform .2s ease;
            }

                .tradingContainer > div > div:nth-of-type(2) .tradingOpenClose input.active {
                    transform: rotate(180deg);
                }

            .tradingContainer > div > div:nth-of-type(2) .tradingOpenClose + div.hide {
                display: none;
            }

        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class^="layer"] {
            display: none;
        }

        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class$="area"] {
            float: none;
            width: 100%;
            color: #303030;
        }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class$="area"]:first-of-type {
                border-bottom: 1px solid #ddd;
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class$="area"]:last-of-type {
                display: none;
            }

        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div {
            padding: 20px 2%;
            box-sizing: border-box;
        }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class$="area"] h2 {
                font-size: 15px;
                font-weight: 500;
                margin-bottom: 20px;
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul,
            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul {
                width: 100%;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:first-of-type li {
                    float: left;
                    width: 33.33%;
                    font-size: 14px;
                    line-height: 30px;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) {
                    margin-bottom: 30px;
                }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > p {
                text-align: center;
                margin-bottom: 30px;
                font-weight: 800;
                font-size: 18px;
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li,
            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li {
                line-height: 30px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li:nth-of-type(2n+1),
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li:nth-of-type(2n+1) {
                    background-color: rgba(226,226,239,0.2);
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li > *,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li > * {
                    float: left;
                    width: 33.33%;
                    font-size: 13px;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li p span,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li p span {
                    display: block;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li p span {
                    background-color: rgba(246,70,93,0.2);
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li p span {
                    background-color: rgba(52,152,219,0.2);
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li p span em,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li p span em {
                        font-style: normal;
                    }


            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:first-of-type li {
                float: left;
                width: 25%;
                font-size: 14px;
                line-height: 30px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:first-of-type li:not(:last-of-type) {
                    width: 30%;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:first-of-type li:last-of-type {
                    width: 10%;
                }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li {
                line-height: 30px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li > * {
                    float: left;
                    font-size: 13px;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li > *:not(:last-of-type) {
                        width: 30%;
                    }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li > :last-of-type {
                    width: 10%;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li span {
                    display: block;
                    font-style: normal;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li span em {
                        font-style: normal;
                    }


    .frameWrapper > .invest_area > div > dl {
        margin-bottom: 1px;
    }

        .frameWrapper > .invest_area > div > dl > dd > button,
        .frameWrapper > .invest_area > div > div > div > button {
            display: block;
            width: 50%;
            margin: 0;
            padding: 14px 0;
            box-sizing: border-box;
            float: left;
            border: 0;
            background-color: rgba(226,226,239,0.4);
            color: #303030;
            cursor: pointer;
            font-size: 13px;
        }

            .frameWrapper > .invest_area > div > dl > dd > button.selected,
            .frameWrapper > .invest_area > div > div > div > button.selected,
            .frameWrapper > .invest_area > div > div:first-of-type > div button.active {
                background-color: #6c6c6c;
                color: #fff;
            }

        .frameWrapper > .invest_area > div > dl:nth-of-type(2) > dd > button.selected,
        .frameWrapper > .sell_buy dd button {
            color: #fff !important;
        }

            .frameWrapper > .invest_area > div > dl:nth-of-type(2) > dd > button:first-of-type.selected,
            .frameWrapper > .sell_buy dd button:first-of-type {
                background-color: #e14549;
            }

            .frameWrapper > .invest_area > div > dl:nth-of-type(2) > dd > button:last-of-type.selected,
            .frameWrapper > .sell_buy dd button:last-of-type {
                background-color: #3498db;
            }

    .frameWrapper > .invest_area > div > div:first-of-type > div button.active {
    }

    .frameWrapper > .invest_area > div > div:first-of-type + div {
        margin: 10px auto 0;
        box-sizing: border-box;
        opacity: 0;
        visibility: hidden;
    }

        .frameWrapper > .invest_area > div > div:first-of-type + div.active {
            opacity: 1;
            visibility: visible;
        }

        .frameWrapper > .invest_area > div > div:first-of-type + div:after {
            content: '';
            clear: both;
            display: block;
        }

        .frameWrapper > .invest_area > div > div:first-of-type + div > * {
            display: block;
            float: left;
            width: 50%;
        }

        .frameWrapper > .invest_area > div > div:first-of-type + div input {
            width: calc(100% - 74px);
            box-sizing: border-box;
            line-height: 34px;
            border: 1px solid #ddd;
            border-radius: 5px 0 0 5px;
            padding: 0 3%;
        }

        .frameWrapper > .invest_area > div > div:first-of-type + div > span {
            width: 36px;
            height: 36px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            border-style: solid;
            border-color: #6c6c6c;
            box-sizing: border-box;
            background-color: #6c6c6c;
        }

            .frameWrapper > .invest_area > div > div:first-of-type + div > span:first-of-type {
                border-width: 1px 0;
            }

            .frameWrapper > .invest_area > div > div:first-of-type + div > span:last-of-type {
                border-width: 1px;
                border-radius: 0 5px 5px 0;
                border-left-color: #8c8c8c;
            }

            .frameWrapper > .invest_area > div > div:first-of-type + div > span i {
                color: #fff;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
            }

    .frameWrapper > .invest_area > div > dl:last-of-type {
        margin: 20px 0 20px;
    }

        .frameWrapper > .invest_area > div > dl:last-of-type dt {
            font-size: 13px;
            margin-bottom: 10px;
        }

            .frameWrapper > .invest_area > div > dl:last-of-type dt > span:last-of-type {
                float: right;
            }

        .frameWrapper > .invest_area > div > dl:last-of-type dd > input[type='number'] {
            width: 100%;
            line-height: 35px;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-sizing: border-box;
            padding: 0 3%;
            margin-bottom: 5px;
        }

        .frameWrapper > .invest_area > div > dl:last-of-type dd > div ul li {
            float: left;
            width: calc((100% - 4px)/5);
        }

            .frameWrapper > .invest_area > div > dl:last-of-type dd > div ul li:not(:first-of-type) {
                margin-left: 1px;
            }

            .frameWrapper > .invest_area > div > dl:last-of-type dd > div ul li button {
                display: block;
                width: 100%;
                box-sizing: border-box;
                border: 0;
                margin: 0;
                padding: 0;
                line-height: 28px;
                font-size: 12px;
                border-radius: 5px;
                background-color: rgba(226,226,239,0.4);
                cursor: pointer;
            }

                .frameWrapper > .invest_area > div > dl:last-of-type dd > div ul li button.selected,
                .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li button.selected {
                    background-color: #6c6c6c;
                    color: #fff;
                }

        .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar,
        .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar {
            display: none;
            line-height: 28px;
        }

            .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > * {
                float: left;
            }

            .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div {
                width: calc(80% - 5px);
            }

            .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > button,
            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar button {
                width: 20%;
                margin-left: 5px;
                line-height: 28px;
                box-sizing: border-box;
                padding: 0;
                border: 0;
                background-color: rgba(226,226,239,0.4);
                border-radius: 5px;
                background-color: #303030;
                color: #fff;
                cursor: pointer;
                font-size: 12px;
            }

            .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div,
            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar > div,
            div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type {
                position: relative;
            }

                .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range'],
                .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range'],
                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range'] {
                    width: 100%;
                    margin: 0;
                    overflow: hidden;
                    -webkit-appearance: none;
                }

                    .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range']::-webkit-slider-runnable-track,
                    .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range']::-webkit-slider-runnable-track,
                    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range']::-webkit-slider-runnable-track {
                        height: 8px;
                        border-radius: 5px;
                        background-color: rgba(226,226,239,0.4);
                    }

                    .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range']::-webkit-slider-thumb,
                    .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range']::-webkit-slider-thumb,
                    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range']::-webkit-slider-thumb {
                        -webkit-appearance: none;
                        width: 15px;
                        height: 15px;
                        border-radius: 2px;
                        background-color: #303030;
                        margin-top: -4px;
                        cursor: pointer;
                    }

                    .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range'] + output,
                    .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range'] + output,
                    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range'] + output {
                        font-size: 12px;
                        color: #303030;
                        position: absolute;
                        top: 25px;
                        left: 50%;
                        transform: translate(-50%,0);
                        margin-left: -1px;
                    }

    .frameWrapper > .invest_area > div > div:nth-of-type(3) {
        margin-bottom: 20px;
    }

        .frameWrapper > .invest_area > div > div:nth-of-type(3) > div > div.tx {
            margin-bottom: 10px;
            font-size: 13px;
        }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div > div.tx > div {
                display: inline-block;
            }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div > div.tx p {
                float: right;
            }

                .frameWrapper > .invest_area > div > div:nth-of-type(3) > div > div.tx p span {
                    font-weight: 600;
                }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div > div.tx > div span i {
                display: inline-block;
                text-align: center;
                font-style: normal;
                color: #fff;
                width: 16px;
                line-height: 16px;
                background-color: #303030;
                border-radius: 50%;
                box-sizing: border-box;
                cursor: pointer;
            }

        .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint {
            clear: both;
        }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li {
                float: left;
                width: calc((100% - 5px)/5);
            }

                .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li:not(:first-of-type) {
                    margin-left: 1px;
                }

                .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li button {
                    display: block;
                    width: 100%;
                    box-sizing: border-box;
                    border: 0;
                    margin: 0;
                    padding: 0;
                    line-height: 28px;
                    font-size: 12px;
                    border-radius: 5px;
                    background-color: rgba(226,226,239,0.4);
                    cursor: pointer;
                }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > *:not(:nth-of-type(2)) {
                float: left;
            }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar {
                width: calc(83.5% - 5px);
            }

                .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range'] {
                    width: 100%;
                }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar button {
                width: 16.5%;
                margin-left: 5px;
            }

    .frameWrapper > .invest_area > div > div:last-of-type {
        margin-bottom: 20px;
        font-size: 13px;
    }

    .frameWrapper > .invest_area > div > button {
        width: 100%;
        border: 0;
        box-sizing: border-box;
        line-height: 45px;
        background-color: #9b9b9b;
        color: #fff;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
    }

    .tradingContainer > div > div:last-of-type {
        padding: 0 2%;
        box-sizing: border-box;
    }

        .tradingContainer > div > div:last-of-type > ul li {
            float: left;
            color: #777;
            font-size: 15px;
            padding-bottom: 10px;
            padding: 10px 5% 10px;
            border-bottom: 2px solid transparent;
            cursor: pointer;
            transition: color,border-color 0.3s ease;
        }

            .tradingContainer > div > div:last-of-type > ul li.active {
                font-weight: 600;
                border-bottom: 2px solid #303030;
            }

                .tradingContainer > div > div:last-of-type > ul li.active a {
                    color: #303030;
                }

        .tradingContainer > div > div:last-of-type > div .tabPage {
            display: none;
        }

            .tradingContainer > div > div:last-of-type > div .tabPage.active {
                display: block;
            }

        .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:first-of-type {
            border-width: 1px 0 0;
            border-style: solid;
            border-color: #ddd;
        }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:first-of-type dl {
                float: left;
                width: 50%;
                padding: 20px 2% 20px;
                box-sizing: border-box;
            }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:first-of-type dl dt {
                    margin-bottom: 15px;
                    font-size: 13px;
                }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:first-of-type dl dd {
                    font-size: 16px;
                    font-weight: 600;
                }



        /* */
        .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table thead,
        .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table thead {
            display: none;
        }

        .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table,
        .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table {
            width: 100%;
            margin: 0 auto 30px;
            text-align: center;
            font-size: 14px;
            color: #303030;
        }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table caption,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table caption {
                display: none;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table th,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table th {
                display: none;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr {
                display: block;
                border-width: 1px 0;
                border-style: solid;
                border-color: #303030;
                line-height: 19px;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody#dataListTbody tr:last-of-type,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody#dataLoListTbody tr:last-of-type {
                display: none !important;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr:not(:last-of-type),
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr:not(:last-of-type) {
                margin-bottom: 40px;
                display: block;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody.dataListTbody tr:last-of-type,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody.dataListTbody tr:last-of-type {
                display: none;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td {
                box-sizing: border-box;
                display: block;
                position: relative;
                padding: 13px 0 13px 40%;
                min-height: 46px;
            }
            .tradingContainer .no_history tr td{
                padding-left: 0 !important;
            }
            .tradingContainer .no_history tr td:before{
                display: none !important;
            }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td a,
                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td a {
                    color: #303030;
                }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(2) br {
                    display: none;
                }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:not(:last-of-type),
                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:not(:last-of-type) {
                    border-bottom: 1px solid #ddd;
                }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td span,
                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td span {
                    display: block;
                }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table td:before,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table td:before {
                display: block;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate(0,-50%);
                width: 40%;
                white-space: pre;
                font-weight: 600;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td button {
                box-sizing: border-box;
                border: 0;
                margin: 0 auto;
                padding: 0;
                border-radius: 5px;
                cursor: pointer;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(3) button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:nth-of-type(3) button {
                background-color: transparent;
                font-size: 12px;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:last-of-type button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:last-of-type button {
                background-color: rgba(226,226,239,0.4);
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:nth-of-type(3) button {
                font-size: 12px;
                padding: 3px 10px;
                box-sizing: border-box;
                margin-top: 3px;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:last-of-type button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:last-of-type button {
                font-size: 13px;
                width: 50px;
                line-height: 30px;
            }




            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table td:first-of-type:before {
                content: '투자코인';
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table td:nth-child(2):before {
                content: '진입가';
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table td:nth-child(3):before {
                content: '현재가 (대비)\A예상청산가';
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table td:nth-child(4):before {
                content: '포지션\A교차/격리';
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table td:nth-child(5):before {
                content: '진입증거금';
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table td:nth-child(6):before {
                content: '레버리지';
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table td:nth-child(7):before {
                content: '수익';
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table td:nth-child(8):before {
                content: '수익률';
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table td:last-child:before {
                content: '청산';
            }


            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table td:first-of-type:before {
                content: '투자코인';
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table td:nth-child(2):before {
                content: '진입가';
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table td:nth-child(3):before {
                content: '현재가 (대비)\A예상청산가';
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table td:nth-child(4):before {
                content: '포지션\A교차/격리';
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table td:nth-child(5):before {
                content: '진입증거금';
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table td:nth-child(6):before {
                content: '레버리지';
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table td:nth-child(7):before {
                content: '수익';
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table td:nth-child(8):before {
                content: '수익률';
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table td:last-child:before {
                content: '청산';
            }
    /* */




    /*.tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table,
        .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table {
            width: 100%;
            padding: 0 2%;
            box-sizing: border-box;
        }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table caption,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table caption {
                display: none;
            }

                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table caption + thead tr {
                    border-top: 1px solid #ddd;
                }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody.no_history tr,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody.no_lo_history tr {
                border-top: 1px solid #ddd;
                display: block;
                padding: 50px 0;
                box-sizing: border-box;
            }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody.no_history tr td,
                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody.no_lo_history tr td {
                    width: 100%;
                    display: block;
                    box-sizing: border-box;
                }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 20px 0;
                line-height: 19px;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody#dataListTbody tr,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody#dataLoListTbody tr {
                border-top: 1px solid #ddd;
            }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody#dataListTbody tr:last-of-type,
                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody#dataLoListTbody tr:last-of-type {
                    display: none;
                }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th,
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr th,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td {
                text-align: center;
                font-size: 14px;
                padding: 0 1%;
                word-break: break-all;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td {
                font-size: 13px;
                word-break: break-word;
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr th,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td {
                width: 12.5%;
            }


            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:first-of-type,
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:first-of-type {
                width: 5%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(2),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(2) {
                width: 15%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(3),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(3) {
                width: 23%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(4),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(4) {
                width: 10%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(5),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(5) {
                width: 10%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(6),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(6) {
                width: 15%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(7),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(7) {
                width: 5%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(8),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(8) {
                width: 10%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:last-of-type,
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:last-of-type {
                width: 7%;
            }


            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td a,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td a {
                color: #303030;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td button {
                box-sizing: border-box;
                border: 0;
                margin: 0 auto;
                padding: 0;
                border-radius: 5px;
                cursor: pointer;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(3) button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:nth-of-type(3) button {
                background-color: transparent;
                font-size: 12px;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:last-of-type button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:last-of-type button {
                background-color: rgba(226,226,239,0.4);
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:nth-of-type(3) button {
                font-size: 12px;
                padding: 3px 10px;
                box-sizing: border-box;
                margin-top: 3px;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:last-of-type button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:last-of-type button {
                font-size: 13px;
                width: 50px;
                line-height: 30px;
            }*/


    div[class^='layer_'] {
        position: fixed;
        z-index: 100;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: #fff;
        width: 96%;
        padding: 20px 4%;
        box-sizing: border-box;
        box-shadow: rgba(0,0,0,0.2) 0 0 0 9999px;
    }

        div[class^='layer_'] h2 {
            font-size: 16px;
            margin-bottom: 20px;
        }

        div[class^='layer_'] ul.layer_stoploss_confirm_tit {
            margin-bottom: 40px;
        }

            div[class^='layer_'] ul.layer_stoploss_confirm_tit > li h2 {
                margin: 11px 0;
            }

            div[class^='layer_'] ul.layer_stoploss_confirm_tit > li {
                position: relative;
            }

                div[class^='layer_'] ul.layer_stoploss_confirm_tit > li:first-of-type {
                    float: left;
                }

                div[class^='layer_'] ul.layer_stoploss_confirm_tit > li:last-of-type {
                    float: right;
                }

                div[class^='layer_'] ul.layer_stoploss_confirm_tit > li ul li {
                    float: left;
                }

                    div[class^='layer_'] ul.layer_stoploss_confirm_tit > li ul li button {
                        background-color: rgba(226,226,239,0.4);
                        border: 0;
                        padding: 0 40px;
                        margin: 0;
                        line-height: 40px;
                        cursor: pointer;
                    }

        div[class^='layer_'] div.btn_area > * {
            float: left;
        }

    div.layer_stoploss_confirm div.btn_area > button {
        width: calc(53% - 40px);
        margin-left: 0 !important;
        background-color: #6c6c6c !important;
        color: #fff;
    }

    div[class^='layer_'] div.btn_area > div {
        width: calc(53% - 40px);
        margin-left: 40px;
    }

    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range'],
    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar datalist {
        width: calc(75% - 5px);
    }

    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar datalist {
        float: left;
        display: flex;
        justify-content: space-between;
        font-size: 10px;
    }

    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar button,
    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input button {
        width: 25%;
        margin-left: 1px;
        line-height: 30px;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        background-color: rgba(226,226,239,0.4);
        border-radius: 5px;
        color: #303030;
        cursor: pointer;
    }

    div.layer_stoploss_confirm > div.detail > * {
        float: left;
        width: calc(53% - 40px);
    }

        div.layer_stoploss_confirm > div.detail > *:last-of-type {
            margin-left: 40px;
        }

            div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                background-color: #fff;
                padding-bottom: 5px;
                box-sizing: border-box;
            }

                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input.selected {
                    display: block;
                }

                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input > * {
                    float: left;
                }

                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input input[type='number'] {
                    width: calc(75% - 14px);
                    line-height: 35px;
                    border: 1px solid #ddd;
                    border-radius: 5px;
                    box-sizing: border-box;
                    padding: 0 3%;
                }

                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input span {
                    line-height: 35px;
                    font-size: 14px;
                }

    div.layer_stoploss_confirm > div.detail > div div dl {
        float: none;
        width: 100%;
    }

        div.layer_stoploss_confirm > div.detail > div div dl:nth-of-type(2n) {
            margin-left: 0;
        }

    div[class^='layer_'] div.summary {
        margin-bottom: 20px;
    }

        div[class^='layer_'] div.summary div button {
            float: left;
            display: block;
            width: 19.2%;
            box-sizing: border-box;
            border: 0;
            margin: 0 0 1%;
            padding: 0;
            line-height: 30px;
            font-size: 13px;
            border-radius: 5px;
            background-color: rgba(226,226,239,0.4);
            cursor: pointer;
        }

            div[class^='layer_'] div.summary div button.selected{
                background-color: #303030;
                color: #fff;
            }
            div[class^='layer_'] ul.layer_stoploss_confirm_tit > li ul li button.btn2.selected{
                background-color: #f6465d;
                color: #fff;
            }
            div[class^='layer_'] ul.layer_stoploss_confirm_tit > li ul li button.btn1.selected{
                background-color: #3498db;
                color: #fff;
            }

            div[class^='layer_'] div.summary div button:not(:first-of-type,:nth-of-type(6)) {
                margin-left: 1%;
            }

    div[class^='layer_'] dl {
        float: left;
        width: calc(53% - 31px);
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
        box-sizing: border-box;
        margin-bottom: 15px;
        font-size: 13px;
    }

    div.layer_order_confirm div.order {
        font-weight: 500;
        margin-bottom: 20px;
        font-size: 15px;
    }

    div.layer_order_confirm div.leverage {
        height: 30px;
        background: linear-gradient(to right,#48c62f 0,#e66219 100%);
    }

        div.layer_order_confirm div.leverage > div {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            line-height: 30px;
        }

            div.layer_order_confirm div.leverage > div strong {
                padding-right: 3%;
                color: #fff;
            }

    div[class^='layer_'] dl:nth-of-type(2n) {
        margin-left: 20px;
    }

    div[class^='layer_'] dl > * {
        display: inline-block;
    }

    div[class^='layer_'] dl dt {
        font-weight: 300;
        margin-bottom: 10px;
        display: block;
    }

    div[class^='layer_'] dl dd {
        float: none;
        font-weight: 500;
        font-size: 12px;
    }

    div[class^='layer_'] .btn_area {
        clear: both;
    }

        div[class^='layer_'] .btn_area button {
            float: left;
            width: 49%;
            line-height: 40px;
            border: 0;
            cursor: pointer;
            font-size: 13px;
        }

            div[class^='layer_'] .btn_area button:first-of-type {
                background-color: rgba(226,226,239,0.4);
            }

            div[class^='layer_'] .btn_area button:last-of-type {
                margin-left: 2%;
                background-color: #6c6c6c;
                color: #fff;
            }
    /* trading Container */


    .boardWriteContainer select {
        border: 1px solid #ddd;
        font-size: 15px !important;
        width: 100%;
        padding: 15px 15px;
        background: url('../images/ico_select.png') no-repeat right center / auto;
        font-size: 13px;
        outline: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .boardWriteContainer .board_bottom {
    }

    .boardWriteContainer .btn_board_menu {
        margin: 20px auto 0;
    }

        .boardWriteContainer .btn_board_menu input[type='submit'] {
            display: block;
            font-size: 14px;
            border: 0;
            line-height: 50px;
            padding: 0 15px;
            box-sizing: border-box;
            border-radius: 5px;
            float: left;
            cursor: pointer;
            width: calc((100% - 10px) / 2);
        }

            .boardWriteContainer .btn_board_menu input[type='submit']:first-of-type {
                background-color: rgba(226,226,239,0.4);
                color: #303030;
            }

            .boardWriteContainer .btn_board_menu input[type='submit']:not(:first-of-type) {
                margin-left: 10px;
                background-color: #000520;
                color: #fff;
            }
    /* boardWriteContainer Container */
}
/* mobile */

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .slick-header-columns,
    .slick-headerrow-columns,
    .grid-canvas{
        width: 350px !important;
    }


    .frameWrapper > .sell_buy {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 9;
        background-color: #fff;
        width: 100%;
        padding: 20px 2%;
        box-sizing: border-box;
        box-shadow: 5px 5px 20px rgba(0,0,0,0.05);
    }
    .frameWrapper > .sell_buy dd button {
        display: block;
        width: 49%;
        margin: 0;
        padding: 15px 0;
        box-sizing: border-box;
        float: left;
        border: 0;
        background-color: rgba(226,226,239,0.4);
        color: #303030;
        cursor: pointer;
        font-size: 15px;
        border-radius: 5px;
    }
    .frameWrapper > .sell_buy dd button:last-of-type {
        margin-left: 2%;
    }
    .frameWrapper > .invest_area{
        display: none;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10;
        background-color: #fff;
        width: 100%;
        padding: 30px 2% 20px;
        box-sizing: border-box;
        border-radius: 20px 20px 0 0;
        box-shadow: rgba(0,0,0,0.3) 0 0 0 9999px;
    }
    .frameWrapper > .invest_area.active {
        display: block;
    }
    .frameWrapper > .invest_area .closeBtn {
        position: absolute;
        top: 10px;
        right: 2%;
    }
    .frameWrapper > .invest_area > h2{
        margin-bottom: 20px;
        font-size: 15px;
    }


    [class$='Container'] > div ul li a{
        display: block;
        color: #777;
    }
    [class$='Container'] > div table + a{
        float: right;
        display: block;
        font-size: 14px;
        background-color: #000520;
        color: #fff;       
        padding: 12px 20px;
        border-radius: 10px;
        margin-top: -30px;
    }


    .mainContainer .mainVisualBox{
        height: 60vh;
        min-height: 700px;
        position: relative;
        background-repeat: no-repeat;
        background-size: 500px;
        background-position: right 15% center;
        background-image: url('../images/bg_main.png');
        background-color: #f4f5f8;
    }
    .mainContainer .mainVisualBox div{
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 3%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 94%;
    }
    .mainContainer .mainVisualBox div h4{
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 20px;
        color: #1a1a1a;
    }
    .mainContainer .mainVisualBox div p{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
        color: #999;
    }
    .mainContainer .mainVisualBox div a{
        font-size: 16px;
        line-height: 24px;
        padding: 12px 25px;
        box-sizing: border-box;
        border-radius: 5px;
        background-color: #0062df;
        color: #fff;
    }


    .mainVisualBottomBox{
        background-color: #1847c8;
    }
    .mainVisualBottomBox .mvBottomWrap{
        max-width: 1280px;
        margin: 0 auto;
        padding-bottom: 20px;
        text-align: center;
    }
    .mainVisualBottomBox .mvBottomWrap span{
        display: inline-block;
        color: #fff;
        padding: 27px 0;
        box-sizing: border-box;
    }
    .mainVisualBottomBox .mvBottomWrap span:first-of-type{
        margin-right: 5px;
    }
    .mainVisualBottomBox .mvBottomWrap span:last-of-type{
        margin-left: -15px;
    }
    .mainVisualBottomBox .mvBottomWrap img{
        vertical-align: middle;
        margin-bottom: 10px;
        max-width: 87px;
    }
    .mainVisualBottomBox .mvBottomWrap a{
        float: none;
        display: block;
        max-width: 160px;
        background-color: #fff;
        color: #1847c8;
        font-size: 14px;
        font-weight: 500;
        margin: 0 auto;
        padding: 12px 25px;
        box-sizing: border-box;
        border-radius: 30px;
    }
    /* main slider */


    .mainContainer .tradBox {
        padding: 70px 3%;
        box-sizing: border-box;
    }

    .mainContainer .tradBox h3{
        max-width: 1280px;
        margin: 0 auto 80px;
        font-size: 30px;
        color: #1a1a1a;
    }

    .mainContainer .tradBox ul {
        max-width: 1280px;
        margin: 0 auto;
    }

    .mainContainer .tradBox ul li {
        background-color: #fff;
        color: #1a1a1a;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 13px 2%;
        box-sizing: border-box;
    }

    .mainContainer .tradBox ul li:nth-of-type(2n+1){
        background-color: #f6f8fc;
    }

    .mainContainer .tradBox ul li:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .mainContainer .tradBox ul li > * {
        position: relative;
        line-height: 33px;
    }

    .mainContainer .tradBox ul li:first-of-type > *:before {
        display: block;
        position: absolute;
        top: -50px;
        left: 0;
        font-size: 14px;
        font-weight: 500;
        color: #999;
    }

    .mainContainer .tradBox ul li > div {
        width: 20%;
    }

    .mainContainer .tradBox ul li:first-of-type > div:before {
        content: "Instrument";
    }

    .mainContainer .tradBox ul li > div > * {
        vertical-align: middle;
    }

    .mainContainer .tradBox ul li > div > b {
        margin-left: 10px;
    }

    .mainContainer .tradBox ul li > span:first-of-type {
        width: 15%;
    }

    .mainContainer .tradBox ul li:first-of-type > span:first-of-type:before {
        content: "Last Price";
    }

    .mainContainer .tradBox ul li > span:nth-of-type(2) {
        width: 15%;
    }

    .mainContainer .tradBox ul li:first-of-type > span:nth-of-type(2):before {
        content: "24H Change";
    }

    .mainContainer .tradBox ul li > span:nth-of-type(3) {
        width: 30%;
    }

    .mainContainer .tradBox ul li:first-of-type > span:nth-of-type(3):before {
        content: "24H Volume";
    }

    .mainContainer .tradBox ul li > a {
        font-size: 14px;
        padding: 0 20px;
        box-sizing: border-box;
        border-radius: 5px;
        background-color: #0062df;
        color: #fff !important;
        
    }
    /* main Silde */


    .mainContainer .advanBox ol{
        max-width: 1280px;
        margin: 0 auto;
        padding: 70px 3%;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
    }
    .mainContainer .advanBox ol li{
        width: 32.66%;
        text-align: center;
        box-sizing: border-box;
        padding: 30px 3% 50px;
        background-color: #f6f8fc;
        border-radius: 20px;
    }
    .mainContainer .advanBox ol li:not(:first-of-type){
        margin-left: 1%;
    }
    .mainContainer .advanBox ol li img{
        width: 100%;
        max-width: 210px;
        margin-bottom: 40px
    }
    .mainContainer .advanBox ol li h4 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #303030;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(../images/ico_main.png);
    }
    .mainContainer .advanBox ol li p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        color: #777;
    }


    .mainContainer .welBox {
        background-color: #093687;
        padding: 70px 3% 350px;
        background-image: url("../images/ico_trad.png");
        background-repeat: no-repeat;
        background-position: center bottom -150px;
        background-size: 800px;
    }
    .mainContainer .welBox > div{
        max-width: 1280px;
        margin: 0 auto;
        box-sizing: border-box;
        text-align: center;
    }
    .mainContainer .welBox > div h3{
        font-size: 30px;
        color: #fff;
        margin-bottom: 20px;
    }
    .mainContainer .welBox > div p{
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: rgba(255,255,255,0.8);
    }
    /* main Container */


    .balanceContainer,
    .tradeListContainer,
    .noticeContainer,
    .qnaContainer,
    .boardWriteContainer {
        margin: 60px auto 0;
        padding: 50px 0;
        box-sizing: border-box;
    }

    .loginContainer {
        margin: 80px auto 0;
        padding: 15vh 0;
        box-sizing: border-box;
    }

    .loginContainer,
    .joinContainer,
    .editInfoContainer > div div form {
        max-width: 500px;
    }

        .loginContainer h2,
        .joinContainer h2 {
            margin-bottom: 20px;
            font-size: 32px;
            color: #303030;
        }

        .loginContainer > p,
        .joinContainer > p {
            font-size: 14px;
            margin-bottom: 40px;
            color: #303030;
        }

        .loginContainer input,
        .joinContainer input {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            box-sizing: border-box;
            font-size: 12px;
            border-radius: 10px;
            border: 1px solid #ddd;
            color: #303030;
            font-size: 14px;
        }

        .loginContainer div input[type='text'] {
            margin-bottom: 15px;
        }

        .loginContainer div input[type='password'] {
            margin-bottom: 20px;
        }

        .loginContainer input[type='submit'],
        .joinContainer input[type='submit'] {
            cursor: pointer;
            background-color: #0062df;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            border: 0;
            margin-bottom: 20px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }

        .loginContainer ul {
            float: right;
        }

            .loginContainer ul li {
                float: left;
                position: relative;
            }

                .loginContainer ul li:not(:first-of-type) {
                    margin-left: 20px;
                    padding-left: 20px;
                    box-sizing: border-box;
                }

                    .loginContainer ul li:not(:first-of-type):after {
                        content: '';
                        display: block;
                        position: absolute;
                        top: 3px;
                        left: 0;
                        background-color: #ddd;
                        width: 1px;
                        height: 12px;
                    }

                .loginContainer ul li a {
                    font-size: 14px;
                    color: #303030;
                }
    /* login Container */


    .joinContainer {
        margin: 80px auto 0;
        padding: 50px 0;
        box-sizing: border-box;
    }

        .joinContainer div input:not(:last-of-type) {
            margin-bottom: 15px;
        }

        .joinContainer div input:last-of-type {
            margin-bottom: 20px;
        }

        .joinContainer div input + span {
            color: #e44b44 !important;
            font-size: 13px;
            line-height: 17px;
            padding-left: 3%;
            font-family: 'Pretendard' !important;
            line-height: 32px;
            position: relative;
            top: -7px;
        }

        .joinContainer div p {
            font-size: 13px;
            line-height: 17px;
            margin-bottom: 15px;
            padding-left: 3%;
            color: #777;
        }

        .joinContainer p a {
            color: #303030;
            text-decoration: underline;
        }

    /* join Container */


    .balanceContainer > div:first-of-type,
    .tradeListContainer > div,
    .noticeContainer > div,
    .qnaContainer > div,
    .boardWriteContainer > div {
        margin: 0 auto 50px;
        max-width: 1280px;
        box-sizing: border-box;
        min-height: 660px;
        padding: 0 3%;
    }

        .balanceContainer > div ul,
        .noticeContainer > div ul,
        .qnaContainer > div > ul,
        .boardWriteContainer > div ul {
            margin: 0 auto;
        }

        .noticeContainer > div ul,
        .qnaContainer > div > ul,
        .boardWriteContainer > div ul {
            display: flex;
            justify-content: center;
            margin-bottom: 30px;
        }

        .qnaContainer > div > ul,
        .boardWriteContainer > div ul {
            width: 59%;
        }

        .noticeContainer > div ul {
            width: 73%;
        }

            .balanceContainer > div ul li,
            .noticeContainer > div ul li,
            .qnaContainer > div > ul li,
            .boardWriteContainer > div ul li {
                float: left;
                color: #777;
                font-size: 16px;
                border-bottom: 2px solid transparent;
                cursor: pointer;
                transition: color,border-color 0.3s ease;
            }

    .balanceContainer > div ul li {
        padding: 10px 5% 10px;
    }

    .qnaContainer > div > ul li,
    .boardWriteContainer > div ul li {
        width: calc(100% / 3);
    }

    .noticeContainer > div ul li {
        width: calc(100% / 4);
    }

        .qnaContainer > div > ul li a,
        .noticeContainer > div ul li a,
        .boardWriteContainer > div ul a {
            padding: 10px 5% 10px;
            text-align: center;
            box-sizing: border-box;
        }

        .balanceContainer > div ul li.active,
        .noticeContainer > div ul li.active a,
        .qnaContainer > div > ul li.active a,
        .boardWriteContainer > div ul li.active a {
            font-weight: 600;
            color: #303030;
            border-bottom: 2px solid #303030;
        }

    .balanceContainer > div .tabPage {
        padding: 40px 3% 0;
        box-sizing: border-box;
        display: none;
    }

        .balanceContainer > div .tabPage.active {
            display: block;
        }

        .balanceContainer > div .tabPage h4 {
            font-size: 16px;
            color: #303030;
            margin-bottom: 22px;
        }

        .balanceContainer > div .tabPage ol {
            margin-bottom: 40px;
            counter-reset: circleNum;
        }

            .balanceContainer > div .tabPage ol li {
                font-size: 14px;
                color: #777;
                line-height: 20px;
                list-style: none;
            }

                .balanceContainer > div .tabPage ol li:before {
                    font-size: 14px;
                    width: 13px;
                    line-height: 13px;
                    text-align: center;
                    display: inline-block;
                    margin-right: 5px;
                }

            .balanceContainer > div .tabPage ol:first-of-type li:before {
                counter-increment: circleNum;
                content: counter(circleNum);
                border: 1px solid #777;
                border-radius: 50%;
            }

            .balanceContainer > div .tabPage ol li:not(:last-of-type) {
                margin-bottom: 15px;
            }

        .balanceContainer > div .tabPage:first-of-type ol:nth-of-type(2) li:before {
            content: "※";
        }

        .balanceContainer > div .tabPage .deposit_bankcheck {
            display: block;
            font-size: 14px;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            width: 100%;
            max-width: 250px;
            line-height: 50px;
            margin: 0 auto 40px;
            background-color: #0062df;
            border-radius: 10px;
            border: 0;
            text-align: center;
            cursor: pointer;
        }

        .balanceContainer > div .tabPage div {
            text-align: center;
            margin-bottom: 50px;
        }

            .balanceContainer > div .tabPage div input {
                display: inline-block;
                height: 50px;
                line-height: 50px;
                box-sizing: border-box;
                font-size: 14px;
                border-radius: 10px;
                border: 1px solid #ddd;
                color: #303030;
                background-color: #fff;
                transition: border-color 0.3s ease;
                text-align: center;
            }

                .balanceContainer > div .tabPage div input:hover {
                    border-color: #0062df;
                }

                .balanceContainer > div .tabPage div input:not(:first-of-type) {
                    margin-left: 5px;
                    padding: 0 3%;
                    cursor: pointer;
                }

                .balanceContainer > div .tabPage div input:first-of-type {
                    padding: 0 1%;
                    width: 17%;
                    max-width: 210px;
                    border-width: 2px;
                    border-color: #303030;
                }

    .balanceContainer > div table,
    .noticeContainer > div div table,
    .qnaContainer > div div table {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #303030;
        margin-bottom: 50px;
    }

        .balanceContainer > div table tr,
        .tradeListContainer > div table tr,
        .noticeContainer > div div table tr,
        .qnaContainer > div div table tr {
            border-bottom: 1px solid #e5e5e5;
            display: flex;
            align-items: center;
            padding: 20px 0;
            line-height: 19px;
        }

            .balanceContainer > div table tr:first-of-type,
            .tradeListContainer > div table tr:first-of-type,
            .noticeContainer > div div table tr:first-of-type,
            .qnaContainer > div div table tr:first-of-type {
                border-bottom: 1px solid #303030;
            }

            .balanceContainer > div table th:first-of-type,
            .balanceContainer > div table tr td:first-of-type {
                width: 25%;
            }

            .balanceContainer > div table th:nth-of-type(2),
            .balanceContainer > div table tr td:nth-of-type(2) {
                width: 30%;
            }

            .balanceContainer > div table th:nth-of-type(3),
            .balanceContainer > div table tr td:nth-of-type(3) {
                width: 30%;
            }

            .balanceContainer > div table th:nth-of-type(4),
            .balanceContainer > div table tr td:nth-of-type(4) {
                width: 15%;
            }

            .balanceContainer > div table tr td {
                padding: 0 1%;
                box-sizing: border-box;
                word-break: break-all;
            }

                .balanceContainer > div table tr td span {
                    display: block;
                    margin-top: 5px;
                }
    /* balance Container */


    .tradeListContainer > div table {
        width: 100%;
        margin: 0 auto 50px;
        text-align: center;
        font-size: 14px;
        color: #303030;
    }

        .tradeListContainer > div table th,
        .tradeListContainer > div table tr td {
            width: 10%;
            padding: 0 1%;
        }

            .tradeListContainer > div table tr td span {
                display: block;
            }

                .tradeListContainer > div table tr td span.icoArrow {
                    background: url('../images/bg_main.png');
                }

            .tradeListContainer > div table tr td:nth-of-type(2) span:last-of-type,
            .tradeListContainer > div table tr td:nth-of-type(3) span:last-of-type {
                font-size: 12px;
                color: #777;
            }
    /* tradeList Container */


    .noticeContainer > div .tabPage,
    .qnaContainer > div .tabPage {
        display: none;
    }

        .noticeContainer > div .tabPage.active,
        .qnaContainer > div .tabPage.active {
            display: block;
        }

    .noticeContainer > div div table th:first-of-type,
    .noticeContainer > div div table tr td:first-of-type {
        width: 60%;
    }

    .noticeContainer > div div table tr td:first-of-type,
    .qnaContainer > div div table tr td:first-of-type {
        cursor: pointer;
    }

    .qnaContainer > div div table tr td a {
        color: #303030;
    }

    .noticeContainer > div div table th:nth-of-type(2),
    .noticeContainer > div div table tr td:nth-of-type(2) {
        width: 20%;
    }

    .noticeContainer > div div table th:last-of-type,
    .noticeContainer > div div table tr td:last-of-type {
        width: 20%;
    }

    .noticeContainer > div div table tr td a {
        color: #303030;
    }

    .noticeContainer > div > div > div:not(.pagenation),
    .qnaContainer > div > div.qnaViewBox > div#text_conts {
        padding: 20px 2%;
        box-sizing: border-box;
        border-width: 1px 0;
        border-style: solid;
        border-color: #ddd;
        margin-top: 20px;
        min-height: 500px;
    }

    .noticeContainer > div > div > div#text_conts hr {
        display: none;
    }

    .noticeContainer > div > div > div input {
        width: 100%;
        border: 0;
    }

        .noticeContainer > div > div > div input:focus {
            outline: none;
        }

    .noticeContainer > div > div p,
    .qnaContainer > div > div.qnaViewBox p {
        font-size: 18px;
        color: #303030;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .noticeContainer > div > div span,
    .qnaContainer > div > div.qnaViewBox span {
        font-size: 14px;
        color: #777;
    }

        .noticeContainer > div > div span:last-of-type,
        .qnaContainer > div > div.qnaViewBox span:last-of-type {
            margin-left: 20px;
        }
    /* notice  Container */

    .qnaContainer > div div table th:first-of-type,
    .qnaContainer > div div table tr td:first-of-type {
        width: 40%;
    }

    .qnaContainer > div div table th:nth-of-type(2),
    .qnaContainer > div div table tr td:nth-of-type(2) {
        width: 20%;
    }

    .qnaContainer > div div table th:nth-of-type(3),
    .qnaContainer > div div table tr td:nth-of-type(3) {
        width: 20%;
    }

    .qnaContainer > div div table th:last-of-type,
    .qnaContainer > div div table tr td:last-of-type {
        width: 20%;
    }

    .qnaContainer > div div form {
        max-width: 500px;
        margin: auto;
        padding: 20px 0;
        box-sizing: border-box;
    }

       .qnaContainer > div div form input:not([type='radio']) {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            box-sizing: border-box;
            font-size: 14px;
            border-radius: 10px;
            border: 1px solid #ddd;
            color: #303030;
        }

        .qnaContainer > div div form input[type='radio'] {
            margin: 0 5px 0 0;
        }

        .qnaContainer > div div form input {
            margin-bottom: 15px;
        }

    .qnaContainer > div div form {
        margin: 40px auto 0;
    }

        .qnaContainer > div div form input:last-of-type {
            font-weight: 600;
        }

        .qnaContainer > div div form input[type='text']:last-of-type {
            background-color: rgba(226,226,239,0.4);
            font-size: 14px;
        }

        .qnaContainer > div div form p {
            font-size: 13px;
            line-height: 17px;
            margin-bottom: 15px;
            padding-left: 3%;
            color: #ff2400;
        }

        .qnaContainer > div div form p+label {
            font-size: 16px;
            color: #303030;
            font-weight: 600;
            display: block;
            margin: 50px 0 3% 10px;
        }

        .qnaContainer > div div form .skipOrder{
            display: inline-block;
            margin-bottom: 30px;
        }

        .qnaContainer > div div form input[type='radio']+label{
            font-size: 16px;
            color: #303030;
            font-weight: 600;
            margin-right: 10px;
        }

        .qnaContainer > div div form input[type='submit'] {
            cursor: pointer;
            background-color: #000520;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            border: 0;
            margin-bottom: 20px;
        }

    .qnaContainer > div div.qnaReplyList {
        background-color: #f7f7f7;
        padding: 20px 3%;
    }

        .qnaContainer > div div.qnaReplyList ul li {
            border-bottom: 1px solid #ddd;
            padding-bottom: 20px;
        }

            .qnaContainer > div div.qnaReplyList ul li:not(:last-of-type) {
                margin-bottom: 20px;
            }

            .qnaContainer > div div.qnaReplyList ul li p {
                font-size: 14px;
            }

                .qnaContainer > div div.qnaReplyList ul li p:first-of-type,
                .qnaContainer > div div.qnaReplyList ul li p:nth-of-type(2) {
                    display: inline-block;
                }

                .qnaContainer > div div.qnaReplyList ul li p:nth-of-type(2) {
                    margin-left: 20px;
                }

                .qnaContainer > div div.qnaReplyList ul li p:last-of-type {
                    margin-top: 20px;
                }

    .qnaContainer > div div.qnaReplyBox {
        background-color: #f7f7f7;
        padding: 20px 3%;
        border-bottom: 1px solid #ddd;
        margin: 0 auto;
    }

        .qnaContainer > div div.qnaReplyBox textarea {
            resize: none;
            width: 100%;
            min-height: 150px;
            margin: 0 auto;
            padding: 20px 2%;
            box-sizing: border-box;
            font-size: 15px;
        }

        .qnaContainer > div div.qnaReplyBox input[type='submit'] {
            float: right;
            display: block;
            font-size: 14px;
            background-color: #000520;
            border: none;
            color: #fff;
            padding: 12px 20px;
            border-radius: 5px;
            margin-top: 15px;
            cursor: pointer;
        }

    .noticeContainer > div > a.btn_1,
    .qnaContainer > div > a.btn_1 {
        float: right;
        display: block;
        font-size: 14px;
        background-color: rgba(226,226,239,0.4);
        border: none;
        color: #303030;
        padding: 12px 20px;
        border-radius: 5px;
        margin-top: 20px;
    }
    /* qna Container */


    .tradingContainer {
        margin: 30px auto 0;
        padding: 50px 0 0;
        box-sizing: border-box;
        position: relative;
    }

        .tradingContainer > div {
            width: 100%;
            background-color: #fff;
        }


        .tradingContainer .ty02 {
            position: absolute;
            top: 50px;
            right: 0;
            width: 400px;
            height: calc(100% - 50px);
            background-color: #fff;
            padding: 20px 1%;
            box-sizing: border-box;
            opacity: 0;
            visibility: hidden;
        }

            .tradingContainer .ty02.active {
                position: absolute;
                top: 90px;
                right: auto;
                left: 1%;
                width: 400px;
                height: 565px;
                background-color: #fff;
                border: 1px solid #eee;
                padding: 20px;
                box-sizing: border-box;
                border-radius: 20px;
                opacity: 1;
                visibility: visible;
                z-index: 9;
            }

        .tradingContainer div.search > * {
            float: left;
        }

        .tradingContainer .ty02 article span div input[type='text'] {
            width: 80%;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            line-height: 45px;
            border: 1px solid #ddd;
            padding: 0 3%;
            box-sizing: border-box;
            color: #303030;
            border-radius: 10px 0 0 10px;
        }

        .tradingContainer .ty02 article span div a {
            width: 20%;
            line-height: 47px;
            display: block;
            text-align: center;
            background-color: #e2e2ef;
            color: #303030;
            border-radius: 0 10px 10px 0;
            font-size: 15px;
        }

        .tradingContainer > div > div:first-of-type > h2 {
            display: inline-block;
            padding: 16px 2% 17px;
            box-sizing: border-box;
            font-size: 16px;
            font-weight: 600;
            color: #303030;
            position: relative;
            cursor: pointer;
        }

            .tradingContainer > div > div:first-of-type > h2 > section {
                display: none;
                position: absolute;
                top: 40px;
                left: 5%;
                z-index: 1;
                background-color: rgba(255,255,255,0.95);
                padding: 20px 3%;
                box-sizing: border-box;
                width: 400px;
                min-height: 800px;
                box-shadow: 5px 5px 20px rgba(0,0,0,0.05);
                border: 1px solid #ddd;
                cursor: auto;
            }

                .tradingContainer > div > div:first-of-type > h2 > section.active {
                    display: block;
                }

                .tradingContainer > div > div:first-of-type > h2 > section article span div > * {
                    float: left;
                }

                .tradingContainer > div > div:first-of-type > h2 > section article span div input[type='text'] {
                    width: 80%;
                    margin: 0;
                    padding: 0;
                    box-sizing: border-box;
                    line-height: 48px;
                    border: 1px solid #ddd;
                    padding: 0 3%;
                    box-sizing: border-box;
                    color: #303030;
                    border-radius: 10px 0 0 10px;
                }

                .tradingContainer > div > div:first-of-type > h2 > section article span div a {
                    width: 20%;
                    line-height: 50px;
                    display: block;
                    text-align: center;
                    background-color: #e2e2ef;
                    color: #303030;
                    border-radius: 0 10px 10px 0;
                    font-size: 15px;
                }
        /* toolTip css start */
        .tradingContainer > div > div:nth-of-type(2) {
            position: relative;
            box-sizing: border-box;
            margin-bottom: 20px;
        }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) {
                border-bottom: 1px solid #ddd;
            }

                .tradingContainer > div > div:first-of-type > h2 > div,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div.tx > div,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div,
                .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div,
                .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div,
                .layer_stoploss_confirm_tit li div {
                    display: inline-block;
                    position: relative;
                }

                    .tradingContainer > div > div:first-of-type > h2 > div > input,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 > div > input,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 > div > input,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > input,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > input,
                    .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th > div > input,
                    .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th > div > input,
                    .layer_stoploss_confirm_tit li h2 > div > input {
                        background-color: transparent;
                        width: 17px;
                        height: 17px;
                        font-weight: 600;
                        border: 1px solid #ddd;
                        border-radius: 50%;
                        margin: 0;
                        padding: 0;
                        cursor: pointer;
                        margin-top: -3px;
                    }

                    .tradingContainer > div > div:first-of-type > h2 > div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup,
                    .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup,
                    .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup,
                    .layer_stoploss_confirm_tit li div > div#tip8Popup {
                        position: absolute;
                        top: 22px;
                        left: 0;
                        display: none;
                        background-color: #fff;
                        z-index: 5;
                        padding: 15px 10px 10px;
                        box-sizing: border-box;
                        border: 1px solid #ddd;
                        text-align: left;
                    }

                    .tradingContainer > div > div:first-of-type > h2 > div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div,
                    .layer_stoploss_confirm_tit li div > div#tip8Popup {
                        width: 200px;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup,
                    .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup,
                    .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup {
                        width: 245px;
                    }

                        .tradingContainer > div > div:first-of-type > h2 > div > div.active,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div.active,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div.active,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup.active,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup.active,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup.active,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup.active,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup.active {
                            display: block;
                        }

                        .tradingContainer > div > div:first-of-type > h2 > div > div > *,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div > *,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div > *,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup > *,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup > *,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup > *,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup > *,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup > * {
                            font-size: 12px;
                            line-height: 18px;
                            color: #303030;
                        }

                        .tradingContainer > div > div:first-of-type > h2 > div > div p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div span,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div span,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup span,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup span,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup span,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup span,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup span {
                            font-weight: 600;
                        }

                        .tradingContainer > div > div:first-of-type > h2 > div > div p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup p,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup p,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup p,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup p {
                            font-weight: 400;
                        }

                        .tradingContainer > div > div:first-of-type > h2 > div > div .closeBtn,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div .closeBtn,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div .closeBtn,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup .closeBtn,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup .closeBtn,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup .closeBtn,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup .closeBtn,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup .closeBtn {
                            width: 12px;
                            height: 12px;
                            background: url('../images/ico_tool.png') no-repeat center / cover;
                            position: absolute;
                            top: 10px;
                            right: 10px;
                        }
        /* toolTip css fin */
        .tradingContainer > div > div:first-of-type > div > div > div > div,
        .tradingContainer > div > div:first-of-type > div > div > div > div > div {
            width: 100% !important;
        }

        .tradingContainer > div > div:nth-of-type(2) .tradingOpenClose {
            position: absolute;
            top: 10px;
            right: 10px;
        }

            .tradingContainer > div > div:nth-of-type(2) .tradingOpenClose input {
                background-image: url(../images/ico_openClose.png);
                background-repeat: no-repeat;
                background-size: contain;
                background-color: transparent;
                border: 0;
                width: 18px;
                height: 18px;
                box-sizing: border-box;
                cursor: pointer;
                display: block;
                text-indent: -9999px;
                transition: transform .2s ease;
            }

                .tradingContainer > div > div:nth-of-type(2) .tradingOpenClose input.active {
                    transform: rotate(180deg);
                }

            .tradingContainer > div > div:nth-of-type(2) .tradingOpenClose + div.hide {
                display: none;
            }

        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class^="layer"] {
            display: none;
        }

        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class$="area"] {
            float: none;
            width: 100%;
            color: #303030;
        }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class$="area"]:last-of-type {
                display: none;
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class$="area"]:not(:nth-of-type(2)) {
                border-bottom: 1px solid #ddd;
            }

        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div {
            padding: 20px 2%;
            box-sizing: border-box;
        }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class$="area"] h2 {
                font-size: 15px;
                font-weight: 500;
                margin-bottom: 20px;
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul,
            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul {
                width: 100%;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:first-of-type li {
                    float: left;
                    width: 33.33%;
                    font-size: 14px;
                    line-height: 30px;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) {
                    margin-bottom: 30px;
                }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > p {
                text-align: center;
                margin-bottom: 30px;
                font-weight: 800;
                font-size: 18px;
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li,
            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li {
                line-height: 30px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li:nth-of-type(2n+1),
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li:nth-of-type(2n+1) {
                    background-color: rgba(226,226,239,0.2);
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li > *,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li > * {
                    float: left;
                    width: 33.33%;
                    font-size: 13px;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li p span,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li p span {
                    display: block;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li p span {
                    background-color: rgba(246,70,93,0.2);
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li p span {
                    background-color: rgba(52,152,219,0.2);
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li p span em,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li p span em {
                        font-style: normal;
                    }


            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:first-of-type li {
                float: left;
                width: 25%;
                font-size: 14px;
                line-height: 30px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:first-of-type li:not(:last-of-type) {
                    width: 30%;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:first-of-type li:last-of-type {
                    width: 10%;
                }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li {
                line-height: 30px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li > * {
                    float: left;
                    font-size: 13px;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li > *:not(:last-of-type) {
                        width: 30%;
                    }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li > :last-of-type {
                    width: 10%;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li span {
                    display: block;
                    font-style: normal;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li span em {
                        font-style: normal;
                    }


    /*.tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl {
                margin-bottom: 1px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl > dd > button,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div > div > button {
                    display: block;
                    width: 50%;
                    margin: 0;
                    padding: 17px 0;
                    box-sizing: border-box;
                    float: left;
                    border: 0;
                    background-color: rgba(226,226,239,0.4);
                    color: #303030;
                    cursor: pointer;
                    font-size: 15px;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl > dd > button.selected,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div > div > button.selected,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type > div button.active {
                        background-color: #303030;
                        color: #fff;
                    }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:nth-of-type(2) > dd > button.selected {
                    color: #fff;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:nth-of-type(2) > dd > button:first-of-type.selected {
                    background-color: #f6465d;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:nth-of-type(2) > dd > button:last-of-type.selected {
                    background-color: #0ecb81;
                }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type > div button.active {
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div {
                margin: 10px auto 0;
                box-sizing: border-box;
                opacity: 0;
                visibility: hidden;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div.active {
                    opacity: 1;
                    visibility: visible;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div:after {
                    content: '';
                    clear: both;
                    display: block;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div > * {
                    display: block;
                    float: left;
                    width: 50%;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div input {
                    width: calc(100% - 74px);
                    box-sizing: border-box;
                    line-height: 35px;
                    border: 1px solid #ddd;
                    border-radius: 5px 0 0 5px;
                    padding: 0 3%;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div > span {
                    width: 37px;
                    height: 37px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                    border-style: solid;
                    border-color: #303030;
                    box-sizing: border-box;
                    background-color: #303030;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div > span:first-of-type {
                        border-width: 1px 0;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div > span:last-of-type {
                        border-width: 1px;
                        border-radius: 0 5px 5px 0;
                        border-left-color: #474D57;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div > span i {
                        color: #fff;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                    }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type {
                margin: 40px 0 40px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dt {
                    font-size: 15px;
                    margin-bottom: 10px;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dt > span:last-of-type {
                        float: right;
                    }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > input[type='number'] {
                    width: 100%;
                    line-height: 35px;
                    border: 1px solid #ddd;
                    border-radius: 5px;
                    box-sizing: border-box;
                    padding: 0 3%;
                    margin-bottom: 5px;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div ul li {
                    float: left;
                    width: calc((100% - 4px)/5);
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div ul li:not(:first-of-type) {
                        margin-left: 1px;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div ul li button {
                        display: block;
                        width: 100%;
                        box-sizing: border-box;
                        border: 0;
                        margin: 0;
                        padding: 0;
                        line-height: 30px;
                        font-size: 13px;
                        border-radius: 5px;
                        background-color: rgba(226,226,239,0.4);
                        cursor: pointer;
                    }

                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div ul li button.selected,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li button.selected {
                            background-color: #303030;
                            color: #fff;
                        }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar {
                    display: none;
                    line-height: 30px;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > * {
                        float: left;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div {
                        width: calc(80% - 5px);
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > button,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar button {
                        width: 20%;
                        margin-left: 5px;
                        line-height: 30px;
                        box-sizing: border-box;
                        padding: 0;
                        border: 0;
                        background-color: rgba(226,226,239,0.4);
                        border-radius: 5px;
                        background-color: #303030;
                        color: #fff;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar > div,
                    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type {
                        position: relative;
                    }

                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range'],
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range'],
                        div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range'] {
                            width: 100%;
                            margin: 0;
                            overflow: hidden;
                            -webkit-appearance: none;
                        }

                            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range']::-webkit-slider-runnable-track,
                            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range']::-webkit-slider-runnable-track,
                            div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range']::-webkit-slider-runnable-track {
                                height: 8px;
                                border-radius: 5px;
                                background-color: rgba(226,226,239,0.4);
                            }

                            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range']::-webkit-slider-thumb,
                            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range']::-webkit-slider-thumb,
                            div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range']::-webkit-slider-thumb {
                                -webkit-appearance: none;
                                width: 15px;
                                height: 15px;
                                border-radius: 2px;
                                background-color: #303030;
                                margin-top: -4px;
                                cursor: pointer;
                            }

                            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range'] + output,
                            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range'] + output,
                            div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range'] + output {
                                font-size: 12px;
                                color: #303030;
                                position: absolute;
                                top: 25px;
                                left: 50%;
                                transform: translate(-50%,0);
                                margin-left: -1px;
                            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) {
                margin-bottom: 40px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div.tx {
                    margin-bottom: 10px;
                    font-size: 15px;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div.tx p {
                        float: right;
                    }

                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div.tx p span {
                            font-weight: 600;
                        }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div.tx > div span i {
                        display: inline-block;
                        text-align: center;
                        font-style: normal;
                        color: #fff;
                        width: 16px;
                        line-height: 16px;
                        background-color: #303030;
                        border-radius: 50%;
                        box-sizing: border-box;
                        cursor: pointer;
                    }


                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li {
                    float: left;
                    width: calc((100% - 5px)/6);
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li:not(:first-of-type) {
                        margin-left: 1px;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li button {
                        display: block;
                        width: 100%;
                        box-sizing: border-box;
                        border: 0;
                        margin: 0;
                        padding: 0;
                        line-height: 30px;
                        font-size: 13px;
                        border-radius: 5px;
                        background-color: rgba(226,226,239,0.4);
                        cursor: pointer;
                    }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > *:not(:nth-of-type(2)) {
                    float: left;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar {
                    width: calc(83.5% - 5px);
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range'] {
                        width: 100%;
                    }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar button {
                    width: 16.5%;
                    margin-left: 5px;
                }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type {
                margin-bottom: 10px;
                font-size: 15px;
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > button {
                width: 100%;
                border: 0;
                box-sizing: border-box;
                line-height: 50px;
                background-color: #00ffae;
                color: #303030;
                border-radius: 5px;
                font-size: 16px;
                cursor: pointer;
            }*/

    .frameWrapper > .invest_area > div > dl {
        margin-bottom: 1px;
    }

        .frameWrapper > .invest_area > div > dl > dd > button,
        .frameWrapper > .invest_area > div > div > div > button {
            display: block;
            width: 50%;
            margin: 0;
            padding: 14px 0;
            box-sizing: border-box;
            float: left;
            border: 0;
            background-color: rgba(226,226,239,0.4);
            color: #303030;
            cursor: pointer;
            font-size: 13px;
        }

            .frameWrapper > .invest_area > div > dl > dd > button.selected,
            .frameWrapper > .invest_area > div > div > div > button.selected,
            .frameWrapper > .invest_area > div > div:first-of-type > div button.active {
                background-color: #6c6c6c;
                color: #fff;
            }

        .frameWrapper > .invest_area > div > dl:nth-of-type(2) > dd > button.selected,
        .frameWrapper > .sell_buy dd button {
            color: #fff !important;
        }

            .frameWrapper > .invest_area > div > dl:nth-of-type(2) > dd > button:first-of-type.selected,
            .frameWrapper > .sell_buy dd button:first-of-type {
                background-color: #e14549;
            }

            .frameWrapper > .invest_area > div > dl:nth-of-type(2) > dd > button:last-of-type.selected,
            .frameWrapper > .sell_buy dd button:last-of-type {
                background-color: #3498db;
            }

    .frameWrapper > .invest_area > div > div:first-of-type > div button.active {
    }

    .frameWrapper > .invest_area > div > div:first-of-type + div {
        margin: 10px auto 0;
        box-sizing: border-box;
        opacity: 0;
        visibility: hidden;
    }

        .frameWrapper > .invest_area > div > div:first-of-type + div.active {
            opacity: 1;
            visibility: visible;
        }

        .frameWrapper > .invest_area > div > div:first-of-type + div:after {
            content: '';
            clear: both;
            display: block;
        }

        .frameWrapper > .invest_area > div > div:first-of-type + div > * {
            display: block;
            float: left;
            width: 50%;
        }

        .frameWrapper > .invest_area > div > div:first-of-type + div input {
            width: calc(100% - 74px);
            box-sizing: border-box;
            line-height: 34px;
            border: 1px solid #ddd;
            border-radius: 5px 0 0 5px;
            padding: 0 3%;
        }

        .frameWrapper > .invest_area > div > div:first-of-type + div > span {
            width: 36px;
            height: 36px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            border-style: solid;
            border-color: #6c6c6c;
            box-sizing: border-box;
            background-color: #6c6c6c;
        }

            .frameWrapper > .invest_area > div > div:first-of-type + div > span:first-of-type {
                border-width: 1px 0;
            }

            .frameWrapper > .invest_area > div > div:first-of-type + div > span:last-of-type {
                border-width: 1px;
                border-radius: 0 5px 5px 0;
                border-left-color: #8c8c8c;
            }

            .frameWrapper > .invest_area > div > div:first-of-type + div > span i {
                color: #fff;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
            }

    .frameWrapper > .invest_area > div > dl:last-of-type {
        margin: 20px 0 20px;
    }

        .frameWrapper > .invest_area > div > dl:last-of-type dt {
            font-size: 13px;
            margin-bottom: 10px;
        }

            .frameWrapper > .invest_area > div > dl:last-of-type dt > span:last-of-type {
                float: right;
            }

        .frameWrapper > .invest_area > div > dl:last-of-type dd > input[type='number'] {
            width: 100%;
            line-height: 35px;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-sizing: border-box;
            padding: 0 3%;
            margin-bottom: 5px;
        }

        .frameWrapper > .invest_area > div > dl:last-of-type dd > div ul li {
            float: left;
            width: calc((100% - 4px)/5);
        }

            .frameWrapper > .invest_area > div > dl:last-of-type dd > div ul li:not(:first-of-type) {
                margin-left: 1px;
            }

            .frameWrapper > .invest_area > div > dl:last-of-type dd > div ul li button {
                display: block;
                width: 100%;
                box-sizing: border-box;
                border: 0;
                margin: 0;
                padding: 0;
                line-height: 28px;
                font-size: 12px;
                border-radius: 5px;
                background-color: rgba(226,226,239,0.4);
                cursor: pointer;
            }

                .frameWrapper > .invest_area > div > dl:last-of-type dd > div ul li button.selected,
                .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li button.selected {
                    background-color: #6C6C6C;
                    color: #fff;
                }

        .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar,
        .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar {
            display: none;
            line-height: 28px;
        }

            .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > * {
                float: left;
            }

            .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div {
                width: calc(80% - 5px);
            }

            .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > button,
            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar button {
                width: 20%;
                margin-left: 5px;
                line-height: 28px;
                box-sizing: border-box;
                padding: 0;
                border: 0;
                background-color: rgba(226,226,239,0.4);
                border-radius: 5px;
                background-color: #303030;
                color: #fff;
                cursor: pointer;
                font-size: 12px;
            }

            .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div,
            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar > div,
            div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type {
                position: relative;
            }

                .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range'],
                .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range'],
                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range'] {
                    width: 100%;
                    margin: 0;
                    overflow: hidden;
                    -webkit-appearance: none;
                }

                    .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range']::-webkit-slider-runnable-track,
                    .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range']::-webkit-slider-runnable-track,
                    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range']::-webkit-slider-runnable-track {
                        height: 8px;
                        border-radius: 5px;
                        background-color: rgba(226,226,239,0.4);
                    }

                    .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range']::-webkit-slider-thumb,
                    .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range']::-webkit-slider-thumb,
                    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range']::-webkit-slider-thumb {
                        -webkit-appearance: none;
                        width: 15px;
                        height: 15px;
                        border-radius: 2px;
                        background-color: #303030;
                        margin-top: -4px;
                        cursor: pointer;
                    }

                    .frameWrapper > .invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range'] + output,
                    .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range'] + output,
                    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range'] + output {
                        font-size: 12px;
                        color: #303030;
                        position: absolute;
                        top: 25px;
                        left: 50%;
                        transform: translate(-50%,0);
                        margin-left: -1px;
                    }

    .frameWrapper > .invest_area > div > div:nth-of-type(3) {
        margin-bottom: 20px;
    }

        .frameWrapper > .invest_area > div > div:nth-of-type(3) > div > div.tx {
            margin-bottom: 10px;
            font-size: 13px;
        }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div > div.tx > div {
                display: inline-block;
            }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div > div.tx p {
                float: right;
            }

                .frameWrapper > .invest_area > div > div:nth-of-type(3) > div > div.tx p span {
                    font-weight: 600;
                }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div > div.tx > div span i {
                display: inline-block;
                text-align: center;
                font-style: normal;
                color: #fff;
                width: 16px;
                line-height: 16px;
                background-color: #303030;
                border-radius: 50%;
                box-sizing: border-box;
                cursor: pointer;
            }

        .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint {
            clear: both;
        }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li {
                float: left;
                width: calc((100% - 5px)/5);
            }

                .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li:not(:first-of-type) {
                    margin-left: 1px;
                }

                .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li button {
                    display: block;
                    width: 100%;
                    box-sizing: border-box;
                    border: 0;
                    margin: 0;
                    padding: 0;
                    line-height: 28px;
                    font-size: 12px;
                    border-radius: 5px;
                    background-color: rgba(226,226,239,0.4);
                    cursor: pointer;
                }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > *:not(:nth-of-type(2)) {
                float: left;
            }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar {
                width: calc(83.5% - 5px);
            }

                .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range'] {
                    width: 100%;
                }

            .frameWrapper > .invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar button {
                width: 16.5%;
                margin-left: 5px;
            }

    .frameWrapper > .invest_area > div > div:last-of-type {
        margin-bottom: 20px;
        font-size: 13px;
    }

    .frameWrapper > .invest_area > div > button {
        width: 100%;
        border: 0;
        box-sizing: border-box;
        line-height: 45px;
        background-color: #9b9b9b;
        color: #fff;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
    }




    .tradingContainer > div > div:last-of-type {
        padding: 0 2%;
        box-sizing: border-box;
    }

        .tradingContainer > div > div:last-of-type > ul li {
            float: left;
            color: #777;
            font-size: 16px;
            padding-bottom: 10px;
            padding: 10px 5% 10px;
            border-bottom: 2px solid transparent;
            cursor: pointer;
            transition: color,border-color 0.3s ease;
        }

            .tradingContainer > div > div:last-of-type > ul li.active {
                font-weight: 600;
                border-bottom: 2px solid #303030;
            }

                .tradingContainer > div > div:last-of-type > ul li.active a {
                    color: #303030;
                }

        .tradingContainer > div > div:last-of-type > div .tabPage {
            display: none;
        }

            .tradingContainer > div > div:last-of-type > div .tabPage.active {
                display: block;
            }

        .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:first-of-type {
            border-width: 1px 0;
            border-style: solid;
            border-color: #ddd;
        }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:first-of-type dl {
                float: left;
                width: 20%;
                padding: 25px 2%;
                box-sizing: border-box;
            }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:first-of-type dl dt {
                    margin-bottom: 15px;
                    font-size: 14px;
                }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:first-of-type dl dd {
                    font-size: 18px;
                    font-weight: 600;
                }

        .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table,
        .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table {
            width: 100%;
            padding: 0 2%;
            box-sizing: border-box;
        }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table caption,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table caption {
                display: none;
            }

                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table caption + thead tr {
                    border-top: 1px solid #ddd;
                }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody.no_history tr,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody.no_lo_history tr {
                border-top: 1px solid #ddd;
                display: block;
                padding: 50px 0;
                box-sizing: border-box;
            }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody.no_history tr td,
                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody.no_lo_history tr td {
                    width: 100%;
                    display: block;
                    box-sizing: border-box;
                }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 20px 0;
                line-height: 19px;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody#dataListTbody tr,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody#dataLoListTbody tr {
                border-top: 1px solid #ddd;
            }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody#dataListTbody tr:last-of-type,
                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody#dataLoListTbody tr:last-of-type {
                    display: none;
                }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th,
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr th,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td {
                text-align: center;
                font-size: 14px;
                padding: 0 1%;
                word-break: break-all;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td {
                font-size: 13px;
                word-break: break-word;
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr th,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td {
                width: 12.5%;
            }

                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:nth-of-type(2) span:first-of-type {
                    display: block;
                }


            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:first-of-type,
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:first-of-type {
                width: 6%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(2),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(2) {
                width: 14%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(3),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(3) {
                width: 23%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(4),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(4) {
                width: 10%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(5),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(5) {
                width: 10%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(6),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(6) {
                width: 15%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(7),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(7) {
                width: 5%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(8),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(8) {
                width: 10%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:last-of-type,
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:last-of-type {
                width: 7%;
            }


            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(3) span {
                display: block;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td a,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td a {
                color: #303030;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td button {
                box-sizing: border-box;
                border: 0;
                margin: 0 auto;
                padding: 0;
                border-radius: 5px;
                cursor: pointer;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(3) button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:nth-of-type(3) button {
                background-color: transparent;
                font-size: 12px;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:last-of-type button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:last-of-type button {
                background-color: rgba(226,226,239,0.4);
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:nth-of-type(3) button {
                font-size: 12px;
                padding: 3px 10px;
                box-sizing: border-box;
                margin-top: 3px;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:last-of-type button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:last-of-type button {
                font-size: 13px;
                width: 50px;
                line-height: 30px;
            }


    div[class^='layer_'] {
        position: fixed;
        z-index: 100;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: #fff;
        width: 700px;
        padding: 30px;
        box-sizing: border-box;
        box-shadow: rgba(0,0,0,0.2) 0 0 0 9999px;
    }

        div[class^='layer_'] h2 {
            font-size: 18px;
            margin-bottom: 40px;
        }

        div[class^='layer_'] ul.layer_stoploss_confirm_tit {
            margin-bottom: 40px;
        }

            div[class^='layer_'] ul.layer_stoploss_confirm_tit > li h2 {
                margin: 11px 0;
            }

            div[class^='layer_'] ul.layer_stoploss_confirm_tit > li {
                position: relative;
            }

                div[class^='layer_'] ul.layer_stoploss_confirm_tit > li:first-of-type {
                    float: left;
                }

                div[class^='layer_'] ul.layer_stoploss_confirm_tit > li:last-of-type {
                    float: right;
                }

                div[class^='layer_'] ul.layer_stoploss_confirm_tit > li ul li {
                    float: left;
                }

                    div[class^='layer_'] ul.layer_stoploss_confirm_tit > li ul li button {
                        background-color: rgba(226,226,239,0.4);
                        border: 0;
                        padding: 0 40px;
                        margin: 0;
                        line-height: 40px;
                        cursor: pointer;
                    }

        div[class^='layer_'] div.btn_area > * {
            float: left;
        }

    div.layer_stoploss_confirm div.btn_area > button {
        width: calc(53% - 40px);
        margin-left: 0 !important;
        background-color: #6c6c6c !important;
        color: #fff;
    }

    div[class^='layer_'] div.btn_area > div {
        width: calc(53% - 40px);
        margin-left: 40px;
    }

    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range'],
    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar datalist {
        width: calc(75% - 5px);
    }

    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar datalist {
        float: left;
        display: flex;
        justify-content: space-between;
        font-size: 10px;
    }

    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar button,
    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input button {
        width: 25%;
        margin-left: 1px;
        line-height: 30px;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        background-color: rgba(226,226,239,0.4);
        border-radius: 5px;
        color: #303030;
        cursor: pointer;
    }

    div.layer_stoploss_confirm > div.detail > * {
        float: left;
        width: calc(53% - 40px);
    }

        div.layer_stoploss_confirm > div.detail > *:last-of-type {
            margin-left: 40px;
        }

            div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                background-color: #fff;
                padding-bottom: 5px;
                box-sizing: border-box;
            }

                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input.selected {
                    display: block;
                }

                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input > * {
                    float: left;
                }

                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input input[type='number'] {
                    width: calc(75% - 14px);
                    line-height: 35px;
                    border: 1px solid #ddd;
                    border-radius: 5px;
                    box-sizing: border-box;
                    padding: 0 3%;
                }

                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input span {
                    line-height: 35px;
                    font-size: 14px;
                }

    div.layer_stoploss_confirm > div.detail > div div dl {
        float: none;
        width: 100%;
    }

        div.layer_stoploss_confirm > div.detail > div div dl:nth-of-type(2n) {
            margin-left: 0;
        }

    div[class^='layer_'] div.summary {
        margin-bottom: 40px;
    }

        div[class^='layer_'] div.summary div button {
            float: left;
            display: block;
            width: 9.1%;
            box-sizing: border-box;
            border: 0;
            margin: 0;
            padding: 0;
            line-height: 30px;
            font-size: 13px;
            border-radius: 5px;
            background-color: rgba(226,226,239,0.4);
            cursor: pointer;
        }

            div[class^='layer_'] div.summary div button.selected{
                background-color: #303030;
                color: #fff;
            }
            div[class^='layer_'] ul.layer_stoploss_confirm_tit > li ul li button.btn2.selected{
                background-color: #f6465d;
                color: #fff;
            }
            div[class^='layer_'] ul.layer_stoploss_confirm_tit > li ul li button.btn1.selected{
                background-color: #3498db;
                color: #fff;
            }

            div[class^='layer_'] div.summary div button:not(:first-of-type) {
                margin-left: 1%;
            }

    div[class^='layer_'] dl {
        float: left;
        width: calc(53% - 40px);
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
        box-sizing: border-box;
        margin-bottom: 25px;
        font-size: 14px;
    }

    div.layer_order_confirm div.order {
        font-weight: 500;
        margin-bottom: 20px;
    }

    div.layer_order_confirm div.leverage {
        height: 30px;
        background: linear-gradient(to right,#48c62f 0,#e66219 100%);
    }

        div.layer_order_confirm div.leverage > div {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            line-height: 30px;
        }

            div.layer_order_confirm div.leverage > div strong {
                padding-right: 3%;
                color: #fff;
            }

    div[class^='layer_'] dl:nth-of-type(2n) {
        margin-left: 40px;
    }

    div[class^='layer_'] dl > * {
        display: inline-block;
    }

    div[class^='layer_'] dl dt {
        font-weight: 300;
    }

    div[class^='layer_'] dl dd {
        float: right;
        font-weight: 500;
    }

    div[class^='layer_'] .btn_area {
        clear: both;
    }

        div[class^='layer_'] .btn_area button {
            float: left;
            width: 49%;
            line-height: 50px;
            border: 0;
            cursor: pointer;
        }

            div[class^='layer_'] .btn_area button:first-of-type {
                background-color: rgba(226,226,239,0.4);
            }

            div[class^='layer_'] .btn_area button:last-of-type {
                margin-left: 2%;
                background-color: #6c6c6c;
                color: #fff;
            }
    /* trading Container */


    .boardWriteContainer select {
        border: 1px solid #ddd;
        font-size: 15px !important;
        width: 275px;
        padding: 10px 15px;
        background: url('../images/ico_select.png') no-repeat right center / auto;
        font-size: 13px;
        outline: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .boardWriteContainer .btn_board_menu {
        float: right;
        margin: 20px auto 0;
    }

        .boardWriteContainer .btn_board_menu input[type='submit'] {
            display: block;
            font-size: 14px;
            border: 0;
            padding: 12px 20px;
            border-radius: 5px;
            float: left;
            cursor: pointer;
        }

            .boardWriteContainer .btn_board_menu input[type='submit']:first-of-type {
                background-color: rgba(226,226,239,0.4);
                color: #303030;
            }

            .boardWriteContainer .btn_board_menu input[type='submit']:not(:first-of-type) {
                margin-left: 10px;
                background-color: #000520;
                color: #fff;
            }
    /* boardWriteContainer Container */
}
/* tablet */

@media screen and (min-width: 1280px) {
    .slick-header-columns,
    .slick-headerrow-columns,
    .grid-canvas{
        width: 350px !important;
    }


    .frameWrapper > .sell_buy,
    .frameWrapper > .invest_area{
        display: none;
    }
    [class$='Container'] > div ul li a{
        display: block;
        color: #777;
    }
    [class$='Container'] > div table + a{
        float: right;
        display: block;
        font-size: 14px;
        background-color: #000520;
        color: #fff;       
        padding: 12px 20px;
        border-radius: 10px;
        margin-top: -30px;
    }


    .mainContainer{
        background-color: #fff;
    }
    .mainContainer .mainVisualBox{
        height: 60vh;
        min-height: 700px;
        position: relative;
        background-repeat: no-repeat;
        background-size: auto;
        background-position: right 20% center;
        background-image: url('../images/bg_main.png');
        background-color: #f4f5f8;
    }
    .mainContainer .mainVisualBox div{
        max-width: 1280px;
        margin: 0 auto;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 100%;
    }
    .mainContainer .mainVisualBox div h4{
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 20px;
        color: #1a1a1a;
    }
    .mainContainer .mainVisualBox div p{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
        color: #999;
    }
    .mainContainer .mainVisualBox div a{
        font-size: 16px;
        line-height: 24px;
        padding: 12px 25px;
        box-sizing: border-box;
        border-radius: 5px;
        background-color: #0062df;
        color: #fff;
    }


    .mainVisualBottomBox{
        background-color: #1847c8;
    }
    .mainVisualBottomBox .mvBottomWrap{
        max-width: 1280px;
        margin: 0 auto;
        text-align: center;
    }
    .mainVisualBottomBox .mvBottomWrap span{
        display: inline-block;
        color: #fff;
        padding: 27px 0;
        box-sizing: border-box;
    }
    .mainVisualBottomBox .mvBottomWrap span:first-of-type{
        margin-right: 5px;
    }
    .mainVisualBottomBox .mvBottomWrap span:last-of-type{
        margin-left: 5px;
    }
    .mainVisualBottomBox .mvBottomWrap img{
        vertical-align: middle;
        margin-bottom: 2px;
        max-width: 87px;
    }
    .mainVisualBottomBox .mvBottomWrap a{
        float: right;
        display: inline-block;
        background-color: #fff;
        color: #1847c8;
        font-size: 14px;
        font-weight: 500;
        margin-top: 16px;
        padding: 12px 25px;
        box-sizing: border-box;
        border-radius: 30px;
    }
    /* main Visual */


    .mainContainer .tradBox {
        padding: 100px 0;
        box-sizing: border-box;
    }

    .mainContainer .tradBox h3{
        max-width: 1280px;
        margin: 0 auto 80px;
        font-size: 30px;
        color: #1a1a1a;
    }

    .mainContainer .tradBox ul {
        max-width: 1280px;
        margin: 0 auto;
    }

    .mainContainer .tradBox ul li {
        background-color: #fff;
        color: #1a1a1a;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 13px 2%;
        box-sizing: border-box;
    }

    .mainContainer .tradBox ul li:nth-of-type(2n+1){
        background-color: #f6f8fc;
    }

    .mainContainer .tradBox ul li:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .mainContainer .tradBox ul li > * {
        position: relative;
        line-height: 33px;
    }

    .mainContainer .tradBox ul li:first-of-type > *:before {
        display: block;
        position: absolute;
        top: -50px;
        left: 0;
        font-size: 14px;
        font-weight: 500;
        color: #999;
    }

    .mainContainer .tradBox ul li > div {
        width: 20%;
    }

    .mainContainer .tradBox ul li:first-of-type > div:before {
        content: "Instrument";
    }

    .mainContainer .tradBox ul li > div > * {
        vertical-align: middle;
    }

    .mainContainer .tradBox ul li > div > b {
        margin-left: 10px;
    }

    .mainContainer .tradBox ul li > span:first-of-type {
        width: 15%;
    }

    .mainContainer .tradBox ul li:first-of-type > span:first-of-type:before {
        content: "Last Price";
    }

    .mainContainer .tradBox ul li > span:nth-of-type(2) {
        width: 15%;
    }

    .mainContainer .tradBox ul li:first-of-type > span:nth-of-type(2):before {
        content: "24H Change";
    }

    .mainContainer .tradBox ul li > span:nth-of-type(3) {
        width: 30%;
    }

    .mainContainer .tradBox ul li:first-of-type > span:nth-of-type(3):before {
        content: "24H Volume";
    }

    .mainContainer .tradBox ul li > a {
        font-size: 14px;
        padding: 0 20px;
        box-sizing: border-box;
        border-radius: 5px;
        background-color: #0062df;
        color: #fff !important;
        
    }
    /* main Silde */


    .mainContainer .advanBox ol{
        max-width: 1280px;
        margin: 0 auto;
        padding: 100px 0;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
    }
    .mainContainer .advanBox ol li{
        width: 32.66%;
        text-align: center;
        box-sizing: border-box;
        padding: 30px 3% 50px;
        background-color: #f6f8fc;
        border-radius: 20px;
    }
    .mainContainer .advanBox ol li:not(:first-of-type){
        margin-left: 1%;
    }
    .mainContainer .advanBox ol li img{
        width: 100%;
        max-width: 265px;
        margin-bottom: 40px
    }
    .mainContainer .advanBox ol li h4 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #303030;
        box-sizing: border-box;
        background-repeat: no-repeat;
        background-size: auto;
        background-image: url(../images/ico_main.png);
    }
    .mainContainer .advanBox ol li p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        color: #777;
    }


    .mainContainer .welBox {
        background-color: #093687;
        padding: 100px 3% 450px;
        background-image: url("../images/ico_trad.png");
        background-repeat: no-repeat;
        background-position: center bottom -180px;
        background-size: auto;
    }
    .mainContainer .welBox > div{
        max-width: 1280px;
        margin: 0 auto;
        box-sizing: border-box;
        text-align: center;
    }
    .mainContainer .welBox > div h3{
        font-size: 30px;
        color: #fff;
        margin-bottom: 20px;
    }
    .mainContainer .welBox > div p{
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: rgba(255,255,255,0.8);
    }
    /* main Container */


    .balanceContainer,
    .tradeListContainer,
    .noticeContainer,
    .qnaContainer,
    .boardWriteContainer {
        margin: 60px auto 0;
        padding: 50px 0;
        box-sizing: border-box;
    }

    .loginContainer {
        margin: 80px auto 0;
        padding: 24.8vh 0;
        box-sizing: border-box;
    }

    .loginContainer,
    .joinContainer,
    .editInfoContainer > div div form {
        max-width: 500px;
    }

        .loginContainer h2,
        .joinContainer h2 {
            margin-bottom: 20px;
            font-size: 32px;
            color: #303030;
        }

        .loginContainer > p,
        .joinContainer > p {
            font-size: 14px;
            margin-bottom: 40px;
            color: #303030;
        }

        .loginContainer input,
        .joinContainer input {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            box-sizing: border-box;
            font-size: 12px;
            border-radius: 10px;
            border: 1px solid #ddd;
            color: #303030;
            font-size: 14px;
        }

        .loginContainer div input[type='text'] {
            margin-bottom: 15px;
        }

        .loginContainer div input[type='password'] {
            margin-bottom: 20px;
        }

        .loginContainer input[type='submit'],
        .joinContainer input[type='submit'] {
            cursor: pointer;
            background-color: #0062df;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            border: 0;
            margin-bottom: 20px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }

        .loginContainer ul {
            float: right;
        }

            .loginContainer ul li {
                float: left;
                position: relative;
            }

                .loginContainer ul li:not(:first-of-type) {
                    margin-left: 20px;
                    padding-left: 20px;
                    box-sizing: border-box;
                }

                    .loginContainer ul li:not(:first-of-type):after {
                        content: '';
                        display: block;
                        position: absolute;
                        top: 3px;
                        left: 0;
                        background-color: #ddd;
                        width: 1px;
                        height: 12px;
                    }

                .loginContainer ul li a {
                    font-size: 14px;
                    color: #303030;
                }
    /* login Container */


    .joinContainer {
        margin: 80px auto 0;
        padding: 50px 0;
        box-sizing: border-box;
    }

        .joinContainer div input:not(:last-of-type) {
            margin-bottom: 15px;
        }

        .joinContainer div input:last-of-type {
            margin-bottom: 20px;
        }

        .joinContainer div input + span {
            color: #e44b44 !important;
            font-size: 13px;
            line-height: 17px;
            padding-left: 3%;
            font-family: 'Pretendard' !important;
            line-height: 32px;
            position: relative;
            top: -7px;
        }

        .joinContainer div p {
            font-size: 13px;
            line-height: 17px;
            margin-bottom: 15px;
            padding-left: 3%;
            color: #777;
        }

        .joinContainer p a {
            color: #303030;
            text-decoration: underline;
        }
    /* join Container */


    .balanceContainer > div:first-of-type,
    .tradeListContainer > div,
    .noticeContainer > div,
    .qnaContainer > div,
    .boardWriteContainer > div {
        margin: 0 auto 50px;
        max-width: 1280px;
        box-sizing: border-box;
        min-height: 660px;
    }

        .balanceContainer > div ul,
        .noticeContainer > div ul,
        .qnaContainer > div > ul,
        .boardWriteContainer > div ul {
            margin: 0 auto;
        }

        .noticeContainer > div ul,
        .qnaContainer > div > ul,
        .boardWriteContainer > div ul {
            display: flex;
            justify-content: center;
            margin-bottom: 30px;
        }

        .qnaContainer > div > ul,
        .boardWriteContainer > div ul {
            width: 47%;
        }

        .noticeContainer > div ul {
            width: 63%;
        }

            .balanceContainer > div ul li,
            .noticeContainer > div ul li,
            .qnaContainer > div > ul li,
            .boardWriteContainer > div ul li {
                float: left;
                color: #777;
                font-size: 16px;
                border-bottom: 2px solid transparent;
                cursor: pointer;
                transition: color,border-color 0.3s ease;
            }

            .noticeContainer > div ul li {
                width: calc(100% / 4);
            }

        .qnaContainer > div > ul li,
        .boardWriteContainer > div ul li {
            width: calc(100% / 3);
        }

    .balanceContainer > div ul li {
        padding: 10px 5% 10px;
    }

    .noticeContainer > div ul li a,
    .qnaContainer > div > ul li a,
    .boardWriteContainer > div ul li a {
        padding: 10px 5% 10px;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    .balanceContainer > div ul li.active,
    .noticeContainer > div ul li.active a,
    .qnaContainer > div > ul li.active a,
    .boardWriteContainer > div ul li.active a {
        font-weight: 600;
        color: #303030;
        border-bottom: 2px solid #303030;
    }

    .balanceContainer > div .tabPage {
        padding: 40px 3% 0;
        box-sizing: border-box;
        display: none;
    }

        .balanceContainer > div .tabPage.active {
            display: block;
        }

        .balanceContainer > div .tabPage h4 {
            font-size: 16px;
            color: #303030;
            margin-bottom: 22px;
        }

        .balanceContainer > div .tabPage ol {
            margin-bottom: 40px;
            counter-reset: circleNum;
        }

            .balanceContainer > div .tabPage ol li {
                font-size: 14px;
                color: #777;
                line-height: 20px;
                list-style: none;
            }

                .balanceContainer > div .tabPage ol li:before {
                    font-size: 14px;
                    width: 13px;
                    line-height: 13px;
                    text-align: center;
                    display: inline-block;
                    margin-right: 5px;
                }

            .balanceContainer > div .tabPage ol:first-of-type li:before {
                counter-increment: circleNum;
                content: counter(circleNum);
                border: 1px solid #777;
                border-radius: 50%;
            }

            .balanceContainer > div .tabPage ol li:not(:last-of-type) {
                margin-bottom: 15px;
            }

        .balanceContainer > div .tabPage:first-of-type ol:nth-of-type(2) li:before {
            content: "※";
        }

        .balanceContainer > div .tabPage .deposit_bankcheck {
            display: block;
            font-size: 14px;
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            width: 100%;
            max-width: 250px;
            line-height: 50px;
            margin: 0 auto 40px;
            background-color: #0062df;
            border-radius: 10px;
            border: 0;
            text-align: center;
            cursor: pointer;
        }

        .balanceContainer > div .tabPage div {
            text-align: center;
            margin-bottom: 50px;
        }

            .balanceContainer > div .tabPage div input {
                display: inline-block;
                height: 50px;
                line-height: 50px;
                box-sizing: border-box;
                font-size: 14px;
                border-radius: 10px;
                border: 1px solid #ddd;
                color: #303030;
                background-color: #fff;
                transition: border-color 0.3s ease;
                text-align: center;
            }

                .balanceContainer > div .tabPage div input:hover {
                    border-color: #0062df;
                }

                .balanceContainer > div .tabPage div input:not(:first-of-type) {
                    margin-left: 5px;
                    padding: 0 3%;
                    cursor: pointer;
                }

                .balanceContainer > div .tabPage div input:first-of-type {
                    padding: 0 1%;
                    border-width: 2px;
                    border-color: #303030;
                }

    .balanceContainer > div table,
    .noticeContainer > div div table,
    .qnaContainer > div div table {
        width: 100%;
        text-align: center;
        font-size: 14px;
        color: #303030;
        margin-bottom: 50px;
    }

        .balanceContainer > div table tr,
        .tradeListContainer > div table tr,
        .noticeContainer > div div table tr,
        .qnaContainer > div div table tr {
            border-bottom: 1px solid #e5e5e5;
            display: flex;
            align-items: center;
            padding: 20px 0;
            line-height: 19px;
        }

            .balanceContainer > div table tr:first-of-type,
            .tradeListContainer > div table tr:first-of-type,
            .noticeContainer > div div table tr:first-of-type,
            .qnaContainer > div div table tr:first-of-type {
                border-bottom: 1px solid #303030;
            }

            .balanceContainer > div table th:first-of-type,
            .balanceContainer > div table tr td:first-of-type {
                width: 25%;
            }

            .balanceContainer > div table th:nth-of-type(2),
            .balanceContainer > div table tr td:nth-of-type(2) {
                width: 35%;
            }

            .balanceContainer > div table th:nth-of-type(3),
            .balanceContainer > div table tr td:nth-of-type(3) {
                width: 20%;
            }

            .balanceContainer > div table th:nth-of-type(4),
            .balanceContainer > div table tr td:nth-of-type(4) {
                width: 20%;
            }

            .balanceContainer > div table tr td span {
                display: block;
                margin-top: 5px;
            }
    /* balance Container */


    .tradeListContainer > div table {
        width: 100%;
        margin: 0 auto 50px;
        text-align: center;
        font-size: 14px;
        color: #303030;
    }

        .tradeListContainer > div table th,
        .tradeListContainer > div table tr td {
            width: 15%;
        }

            .tradeListContainer > div table tr td span {
                display: block;
            }

                .tradeListContainer > div table tr td span.icoArrow {
                    background: url('../images/bg_main.png');
                }

            .tradeListContainer > div table tr td:nth-of-type(2) span:last-of-type,
            .tradeListContainer > div table tr td:nth-of-type(3) span:last-of-type {
                font-size: 12px;
                color: #777;
            }
    /* tradeList Container */


    .noticeContainer > div .tabPage,
    .qnaContainer > div .tabPage {
        display: none;
    }

        .noticeContainer > div .tabPage.active,
        .qnaContainer > div .tabPage.active {
            display: block;
        }

    .noticeContainer > div div table th:first-of-type,
    .noticeContainer > div div table tr td:first-of-type {
        width: 60%;
    }

    .noticeContainer > div div table tr td:first-of-type,
    .qnaContainer > div div table tr td:first-of-type {
        cursor: pointer;
    }

    .qnaContainer > div div table tr td a {
        color: #303030;
    }

    .noticeContainer > div div table th:nth-of-type(2),
    .noticeContainer > div div table tr td:nth-of-type(2) {
        width: 20%;
    }

    .noticeContainer > div div table th:last-of-type,
    .noticeContainer > div div table tr td:last-of-type {
        width: 20%;
    }

    .noticeContainer > div div table tr td a {
        color: #303030;
    }

    .noticeContainer > div > div > div:not(.pagenation),
    .qnaContainer > div > div.qnaViewBox > div:not(.pagenation) {
        padding: 20px 2%;
        box-sizing: border-box;
        border-width: 1px 0;
        border-style: solid;
        border-color: #ddd;
        margin-top: 20px;
        min-height: 500px;
    }

    .noticeContainer > div > div > div#text_conts hr {
        display: none;
    }

    .noticeContainer > div > div > div input {
        width: 100%;
        border: 0;
    }

        .noticeContainer > div > div > div input:focus {
            outline: none;
        }

    .noticeContainer > div > div p,
    .qnaContainer > div > div.qnaViewBox p {
        font-size: 18px;
        color: #303030;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .noticeContainer > div > div span,
    .qnaContainer > div > div.qnaViewBox span {
        font-size: 14px;
        color: #777;
    }

        .noticeContainer > div > div span:last-of-type,
        .qnaContainer > div > div.qnaViewBox span:last-of-type {
            margin-left: 20px;
        }

    .noticeContainer > div > div div#text_conts p,
    .qnaContainer > div > div.qnaViewBox div#text_conts p {
        font-size: 16px;
        font-weight: 400;
    }
    /* notice  Container */


    .qnaContainer > div div table th:first-of-type,
    .qnaContainer > div div table tr td:first-of-type {
        width: 50%;
    }

    .qnaContainer > div div table th:nth-of-type(2),
    .qnaContainer > div div table tr td:nth-of-type(2) {
        width: 20%;
    }

    .qnaContainer > div div table th:nth-of-type(3),
    .qnaContainer > div div table tr td:nth-of-type(3) {
        width: 20%;
    }

    .qnaContainer > div div table th:last-of-type,
    .qnaContainer > div div table tr td:last-of-type {
        width: 10%;
    }

    .qnaContainer > div div form {
        max-width: 500px;
        margin: auto;
        padding: 20px 0;
        box-sizing: border-box;
    }

        .qnaContainer > div div form input:not([type='radio']) {
            display: block;
            width: 100%;
            height: 50px;
            line-height: 50px;
            padding: 0 15px;
            box-sizing: border-box;
            font-size: 14px;
            border-radius: 10px;
            border: 1px solid #ddd;
            color: #303030;
        }

        .qnaContainer > div div form input[type='radio'] {
            margin: 0 5px 0 0;
        }

        .qnaContainer > div div form input {
            margin-bottom: 15px;
        }

    .qnaContainer > div div form {
        margin: 40px auto 0;
    }

        .qnaContainer > div div form input:last-of-type {
            font-weight: 600;
        }

        .qnaContainer > div div form input[type='text']:last-of-type {
            background-color: rgba(226,226,239,0.4);
            font-size: 14px;
        }

        .qnaContainer > div div form p {
            font-size: 13px;
            line-height: 17px;
            margin-bottom: 15px;
            padding-left: 3%;
            color: #ff2400;
        }

        .qnaContainer > div div form p+label {
            font-size: 16px;
            color: #303030;
            font-weight: 600;
            display: block;
            margin: 50px 0 3% 10px;
        }

        .qnaContainer > div div form .skipOrder{
            display: inline-block;
            margin-bottom: 30px;
        }

        .qnaContainer > div div form input[type='radio']+label{
            font-size: 16px;
            color: #303030;
            font-weight: 600;
            margin-right: 10px;
        }

        .qnaContainer > div div form input[type='submit'] {
            cursor: pointer;
            background-color: #000520;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            border: 0;
            margin-bottom: 20px;
        }

    .qnaContainer > div div.qnaReplyList {
        background-color: #f7f7f7;
        padding: 20px 3%;
    }

        .qnaContainer > div div.qnaReplyList ul li {
            border-bottom: 1px solid #ddd;
            padding-bottom: 20px;
        }

            .qnaContainer > div div.qnaReplyList ul li:not(:last-of-type) {
                margin-bottom: 20px;
            }

            .qnaContainer > div div.qnaReplyList ul li p {
                font-size: 14px;
            }

                .qnaContainer > div div.qnaReplyList ul li p:first-of-type,
                .qnaContainer > div div.qnaReplyList ul li p:nth-of-type(2) {
                    display: inline-block;
                }

                .qnaContainer > div div.qnaReplyList ul li p:nth-of-type(2) {
                    margin-left: 20px;
                }

                .qnaContainer > div div.qnaReplyList ul li p:last-of-type {
                    margin-top: 20px;
                }

    .qnaContainer > div div.qnaReplyBox {
        background-color: #f7f7f7;
        padding: 20px 3%;
        border-bottom: 1px solid #ddd;
        margin: 0 auto;
    }

        .qnaContainer > div div.qnaReplyBox textarea {
            resize: none;
            width: 100%;
            min-height: 150px;
            margin: 0 auto;
            padding: 20px 2%;
            box-sizing: border-box;
            font-size: 15px;
        }

        .qnaContainer > div div.qnaReplyBox input[type='submit'] {
            float: right;
            display: block;
            font-size: 14px;
            background-color: #000520;
            border: none;
            color: #fff;
            padding: 12px 20px;
            border-radius: 5px;
            margin-top: 15px;
            cursor: pointer;
        }

    .noticeContainer > div > a.btn_1,
    .qnaContainer > div > a.btn_1 {
        float: right;
        display: block;
        font-size: 14px;
        background-color: rgba(226,226,239,0.4);
        border: none;
        color: #303030;
        padding: 12px 20px;
        border-radius: 5px;
        margin-top: 20px;
    }
    /* qna Container */


    .tradingContainer {
        margin: 30px auto 0;
        padding: 50px 0 0;
        box-sizing: border-box;
        position: relative;
    }

        .tradingContainer > div {
            width: calc(100% - 400px);
            background-color: #fff;
            float: left;
        }

        .tradingContainer .ty02 {
            /*position: absolute;
        top: 50px;
        right: 0;*/
            width: 400px;
            height: calc(100% - 50px);
            background-color: #fff;
            padding: 20px;
            box-sizing: border-box;
            border-left: 1px solid #ddd;
            float: right;
        }

            .tradingContainer .ty02 article span div.search > * {
                float: left;
            }

            .tradingContainer .ty02 article span div input[type='text'] {
                width: 80%;
                margin: 0;
                padding: 0;
                box-sizing: border-box;
                line-height: 48px;
                border: 1px solid #ddd;
                padding: 0 3%;
                box-sizing: border-box;
                color: #303030;
                border-radius: 10px 0 0 10px;
            }

            .tradingContainer .ty02 article span div a {
                width: 20%;
                line-height: 50px;
                display: block;
                text-align: center;
                background-color: #e2e2ef;
                color: #303030;
                border-radius: 0 10px 10px 0;
                font-size: 15px;
            }

        .tradingContainer > div > div:first-of-type > h2 {
            display: inline-block;
            padding: 16px 2% 17px;
            box-sizing: border-box;
            font-size: 16px;
            font-weight: 600;
            color: #303030;
        }

            .tradingContainer > div > div:first-of-type > h2 > section {
                display: none;
            }
        /* toolTip css start */
        .tradingContainer > div > div:nth-of-type(2) {
            position: relative;
            box-sizing: border-box;
            margin-bottom: 20px;
        }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) {
                border-bottom: 1px solid #ddd;
            }

                .tradingContainer > div > div:first-of-type > h2 > div,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div.tx > div,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div,
                .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div,
                .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div,
                .layer_stoploss_confirm_tit li div {
                    display: inline-block;
                    position: relative;
                }

                    .tradingContainer > div > div:first-of-type > h2 > div > input,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 > div > input,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 > div > input,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > input,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > input,
                    .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th > div > input,
                    .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th > div > input,
                    .layer_stoploss_confirm_tit li h2 > div > input {
                        background-color: transparent;
                        width: 17px;
                        height: 17px;
                        font-weight: 600;
                        border: 1px solid #ddd;
                        border-radius: 50%;
                        margin: 0;
                        padding: 0;
                        cursor: pointer;
                        margin-top: -3px;
                    }

                    .tradingContainer > div > div:first-of-type > h2 > div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup,
                    .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup,
                    .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup,
                    .layer_stoploss_confirm_tit li div > div#tip8Popup {
                        position: absolute;
                        top: 22px;
                        left: 0;
                        display: none;
                        background-color: #fff;
                        z-index: 2;
                        padding: 15px 10px 10px;
                        box-sizing: border-box;
                        border: 1px solid #ddd;
                        text-align: left;
                    }

                    .tradingContainer > div > div:first-of-type > h2 > div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div,
                    .layer_stoploss_confirm_tit li div > div#tip8Popup {
                        width: 200px;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup,
                    .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup,
                    .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup {
                        width: 245px;
                    }

                        .tradingContainer > div > div:first-of-type > h2 > div > div.active,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div.active,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div.active,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup.active,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup.active,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup.active,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup.active,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup.active {
                            display: block;
                        }

                        .tradingContainer > div > div:first-of-type > h2 > div > div > *,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div > *,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div > *,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup > *,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup > *,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup > *,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup > *,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup > * {
                            font-size: 12px;
                            line-height: 18px;
                            color: #303030;
                        }

                        .tradingContainer > div > div:first-of-type > h2 > div > div p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div span,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div span,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup span,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup span,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup span,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup span,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup span {
                            font-weight: 600;
                        }

                        .tradingContainer > div > div:first-of-type > h2 > div > div p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup p,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup p,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup p,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup p,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup p {
                            font-weight: 400;
                        }

                        .tradingContainer > div > div:first-of-type > h2 > div > div .closeBtn,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > h2 div > div .closeBtn,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > h2 div > div .closeBtn,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div > div > div#tip4Popup .closeBtn,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type > div > div#tip5Popup .closeBtn,
                        .tradingContainer > div > div:last-of-type > div > div:first-of-type div.list_area table tr th div > div#tip6Popup .closeBtn,
                        .tradingContainer > div > div:last-of-type > div > div:last-of-type div.list_area table tr th div > div#tip7Popup .closeBtn,
                        .layer_stoploss_confirm_tit li div > div#tip8Popup .closeBtn {
                            width: 12px;
                            height: 12px;
                            background: url('../images/ico_tool.png') no-repeat center / cover;
                            position: absolute;
                            top: 10px;
                            right: 10px;
                        }
        /* toolTip css fin */
        .tradingContainer > div > div:first-of-type > div > div > div > div,
        .tradingContainer > div > div:first-of-type > div > div > div > div > div {
            width: 100% !important;
        }

        .tradingContainer > div > div:nth-of-type(2) .tradingOpenClose {
            position: absolute;
            top: 10px;
            right: 10px;
        }

            .tradingContainer > div > div:nth-of-type(2) .tradingOpenClose input {
                background-image: url(../images/ico_openClose.png);
                background-repeat: no-repeat;
                background-size: contain;
                background-color: transparent;
                border: 0;
                width: 18px;
                height: 18px;
                box-sizing: border-box;
                cursor: pointer;
                display: block;
                text-indent: -9999px;
                transition: transform .2s ease;
            }

                .tradingContainer > div > div:nth-of-type(2) .tradingOpenClose input.active {
                    transform: rotate(180deg);
                }

            .tradingContainer > div > div:nth-of-type(2) .tradingOpenClose + div.hide {
                display: none;
            }

        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class^="layer"] {
            display: none;
        }

        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class$="area"] {
            float: left;
            width: 32.33%;
            margin-left: 1.5%;
            color: #303030;
            height: 655px;
        }

        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div {
            padding: 20px 2%;
            box-sizing: border-box;
        }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div:not(.order_book_area) {
                border-left: 1px solid #ddd;
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area {
                margin-left: 0;
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div[class$="area"] h2 {
                font-size: 15px;
                font-weight: 500;
                margin-bottom: 20px;
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul,
            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul {
                width: 100%;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:first-of-type li {
                    float: left;
                    width: 33.33%;
                    font-size: 14px;
                    line-height: 30px;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) {
                    margin-bottom: 30px;
                }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > p {
                text-align: center;
                margin-bottom: 30px;
                font-weight: 800;
                font-size: 18px;
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li,
            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li {
                line-height: 30px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li:nth-of-type(2n+1),
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li:nth-of-type(2n+1) {
                    background-color: rgba(226,226,239,0.2);
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li > *,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li > * {
                    float: left;
                    width: 33.33%;
                    font-size: 13px;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li p span,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li p span {
                    display: block;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li p span {
                    background-color: rgba(246,70,93,0.2);
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li p span {
                    background-color: rgba(52,152,219,0.2);
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:nth-of-type(2) li p span em,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.order_book_area > div > ul:last-of-type li p span em {
                        font-style: normal;
                    }


            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:first-of-type li {
                float: left;
                width: 25%;
                font-size: 14px;
                line-height: 30px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:first-of-type li:not(:last-of-type) {
                    width: 30%;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:first-of-type li:last-of-type {
                    width: 10%;
                }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li {
                line-height: 30px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li:nth-of-type(2n+1) {
                    background-color: rgba(226,226,239,0.2);
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li > * {
                    float: left;
                    font-size: 13px;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li > *:not(:last-of-type) {
                        width: 30%;
                    }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li > :last-of-type {
                    width: 10%;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li span {
                    display: block;
                    font-style: normal;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.transaction_area > div > ul:last-of-type li span em {
                        font-style: normal;
                    }


            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl {
                margin-bottom: 1px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl > dd > button,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div > div > button {
                    display: block;
                    width: 50%;
                    margin: 0;
                    padding: 17px 0;
                    box-sizing: border-box;
                    float: left;
                    border: 0;
                    background-color: rgba(226,226,239,0.4);
                    color: #303030;
                    cursor: pointer;
                    font-size: 15px;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl > dd > button.selected,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div > div > button.selected,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type > div button.active {
                        background-color: #6c6c6c;
                        color: #fff;
                    }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:nth-of-type(2) > dd > button.selected {
                    color: #fff !important;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:nth-of-type(2) > dd > button:first-of-type.selected {
                    background-color: #e14549;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:nth-of-type(2) > dd > button:last-of-type.selected {
                    background-color: #3498db;
                }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type > div button.active {
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div {
                margin: 10px auto 0;
                box-sizing: border-box;
                opacity: 0;
                visibility: hidden;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div.active {
                    opacity: 1;
                    visibility: visible;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div:after {
                    content: '';
                    clear: both;
                    display: block;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div > * {
                    display: block;
                    float: left;
                    width: 50%;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div input {
                    width: calc(100% - 74px);
                    box-sizing: border-box;
                    line-height: 35px;
                    border: 1px solid #ddd;
                    border-radius: 5px 0 0 5px;
                    padding: 0 3%;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div > span {
                    width: 37px;
                    height: 37px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    cursor: pointer;
                    border-style: solid;
                    border-color: #6c6c6c;
                    box-sizing: border-box;
                    background-color: #6c6c6c;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div > span:first-of-type {
                        border-width: 1px 0;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div > span:last-of-type {
                        border-width: 1px;
                        border-radius: 0 5px 5px 0;
                        border-left-color: #8c8c8c;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:first-of-type + div > span i {
                        color: #fff;
                        font-size: 16px;
                        font-style: normal;
                        font-weight: 400;
                    }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type {
                margin: 40px 0 40px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dt {
                    font-size: 14px;
                    margin-bottom: 10px;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dt > span:last-of-type {
                        float: right;
                    }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > input[type='number'] {
                    width: 100%;
                    line-height: 35px;
                    border: 1px solid #ddd;
                    border-radius: 5px;
                    box-sizing: border-box;
                    padding: 0 3%;
                    margin-bottom: 5px;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div ul li {
                    float: left;
                    width: calc((100% - 4px)/5);
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div ul li:not(:first-of-type) {
                        margin-left: 1px;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div ul li button {
                        display: block;
                        width: 100%;
                        box-sizing: border-box;
                        border: 0;
                        margin: 0;
                        padding: 0;
                        line-height: 30px;
                        font-size: 13px;
                        border-radius: 5px;
                        background-color: rgba(226,226,239,0.4);
                        cursor: pointer;
                    }

                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div ul li button.selected,
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li button.selected {
                            background-color: #6c6c6c;
                            color: #fff;
                        }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar,
                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar {
                    display: none;
                    line-height: 30px;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > * {
                        float: left;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div {
                        width: calc(80% - 5px);
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > button,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar button {
                        width: 20%;
                        margin-left: 5px;
                        line-height: 30px;
                        box-sizing: border-box;
                        padding: 0;
                        border: 0;
                        background-color: rgba(226,226,239,0.4);
                        border-radius: 5px;
                        background-color: #303030;
                        color: #fff;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div,
                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar > div,
                    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type {
                        position: relative;
                    }

                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range'],
                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range'],
                        div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range'] {
                            width: 100%;
                            margin: 0;
                            overflow: hidden;
                            -webkit-appearance: none;
                        }

                            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range']::-webkit-slider-runnable-track,
                            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range']::-webkit-slider-runnable-track,
                            div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range']::-webkit-slider-runnable-track {
                                height: 8px;
                                border-radius: 5px;
                                background-color: rgba(226,226,239,0.4);
                            }

                            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range']::-webkit-slider-thumb,
                            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range']::-webkit-slider-thumb,
                            div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range']::-webkit-slider-thumb {
                                -webkit-appearance: none;
                                width: 15px;
                                height: 15px;
                                border-radius: 2px;
                                background-color: #303030;
                                margin-top: -4px;
                                cursor: pointer;
                            }

                            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > dl:last-of-type dd > div > div.tr_point_bar > div > div > input[type='range'] + output,
                            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range'] + output,
                            div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range'] + output {
                                font-size: 12px;
                                color: #303030;
                                position: absolute;
                                top: 25px;
                                left: 50%;
                                transform: translate(-50%,0);
                                margin-left: -1px;
                            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) {
                margin-bottom: 40px;
            }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div.tx {
                    margin-bottom: 10px;
                    font-size: 14px;
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div.tx p {
                        float: right;
                    }

                        .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div.tx p span {
                            font-weight: 600;
                        }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div > div.tx > div span i {
                        display: inline-block;
                        text-align: center;
                        font-style: normal;
                        color: #fff;
                        width: 16px;
                        line-height: 16px;
                        background-color: #303030;
                        border-radius: 50%;
                        box-sizing: border-box;
                        cursor: pointer;
                    }


                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li {
                    float: left;
                    width: calc((100% - 5px)/5);
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li:not(:first-of-type) {
                        margin-left: 1px;
                    }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint ul li button {
                        display: block;
                        width: 100%;
                        box-sizing: border-box;
                        border: 0;
                        margin: 0;
                        padding: 0;
                        line-height: 30px;
                        font-size: 13px;
                        border-radius: 5px;
                        background-color: rgba(226,226,239,0.4);
                        cursor: pointer;
                    }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > *:not(:nth-of-type(2)) {
                    float: left;
                }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar {
                    width: calc(80% - 5px);
                }

                    .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar > div.li_point_bar div input[type='range'] {
                        width: 100%;
                    }

                .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:nth-of-type(3) > div.leveragePoint div.leverage_pointBar button {
                    width: 20%;
                    margin-left: 5px;
                }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > div:last-of-type {
                margin-bottom: 10px;
                font-size: 14px;
            }

            .tradingContainer > div > div:nth-of-type(2) > div:nth-of-type(2) > div.invest_area > div > button {
                width: 100%;
                border: 0;
                box-sizing: border-box;
                line-height: 50px;
                background-color: #9b9b9b;
                color: #fff;
                border-radius: 5px;
                font-size: 16px;
                cursor: pointer;
            }


        .tradingContainer > div > div:last-of-type > ul li {
            float: left;
            color: #777;
            font-size: 16px;
            padding-bottom: 10px;
            padding: 10px 5% 10px;
            border-bottom: 2px solid transparent;
            cursor: pointer;
            transition: color,border-color 0.3s ease;
        }

            .tradingContainer > div > div:last-of-type > ul li.active {
                font-weight: 600;
                border-bottom: 2px solid #303030;
            }

                .tradingContainer > div > div:last-of-type > ul li.active a {
                    color: #303030;
                }

        .tradingContainer > div > div:last-of-type > div .tabPage {
            display: none;
        }

            .tradingContainer > div > div:last-of-type > div .tabPage.active {
                display: block;
            }

        .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:first-of-type {
            border-width: 1px 0;
            border-style: solid;
            border-color: #ddd;
        }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:first-of-type dl {
                float: left;
                width: 20%;
                padding: 25px 2%;
                box-sizing: border-box;
            }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:first-of-type dl dt {
                    margin-bottom: 15px;
                    font-size: 14px;
                }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:first-of-type dl dd {
                    font-size: 18px;
                    font-weight: 600;
                }

        .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table,
        .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table {
            width: 100%;
            padding: 0 2%;
            box-sizing: border-box;
        }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table caption,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table caption {
                display: none;
            }

                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table caption + thead tr {
                    border-top: 1px solid #ddd;
                }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody.no_history tr,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody.no_lo_history tr {
                border-top: 1px solid #ddd;
                display: block;
                padding: 50px 0;
                box-sizing: border-box;
            }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody.no_history tr td,
                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody.no_lo_history tr td {
                    width: 100%;
                    display: block;
                    box-sizing: border-box;
                }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 20px 0;
                line-height: 19px;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody#dataListTbody tr,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody#dataLoListTbody tr {
                border-top: 1px solid #ddd;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody#dataListTbody tr:nth-last-of-type(2),
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody#dataLoListTbody tr:nth-last-of-type(2){
                border-bottom: 1px solid #ddd;
            }

                .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tbody#dataListTbody tr:last-of-type,
                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tbody#dataLoListTbody tr:last-of-type {
                    display: none;
                }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th,
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr th,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td {
                text-align: center;
                font-size: 14px;
                padding: 0 1%;
                word-break: break-all;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td {
                font-size: 13px;
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr th,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td {
                width: 12.5%;
            }

                .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:nth-of-type(2) span:first-of-type {
                    display: block;
                }


            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:first-of-type,
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:first-of-type {
                width: 5%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(2),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(2) {
                width: 15%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(3),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(3) {
                width: 20%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(4),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(4) {
                width: 10%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(5),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(5) {
                width: 10%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(6),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(6) {
                width: 15%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(7),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(7) {
                width: 5%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:nth-of-type(8),
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(8) {
                width: 10%;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr th:last-of-type,
            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:last-of-type {
                width: 10%;
            }


            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(3) span {
                display: block;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td a,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td a {
                color: #303030;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td button {
                box-sizing: border-box;
                border: 0;
                margin: 0 auto;
                padding: 0;
                border-radius: 5px;
                cursor: pointer;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:nth-of-type(3) button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:nth-of-type(3) button {
                background-color: transparent;
                font-size: 12px;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:last-of-type button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:last-of-type button {
                background-color: rgba(226,226,239,0.4);
            }

            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:nth-of-type(3) button {
                font-size: 12px;
                padding: 3px 10px;
                box-sizing: border-box;
                margin-top: 3px;
            }

            .tradingContainer > div > div:last-of-type > div > div:first-of-type > div:last-of-type table tr td:last-of-type button,
            .tradingContainer > div > div:last-of-type > div > div:last-of-type > div:last-of-type table tr td:last-of-type button {
                font-size: 13px;
                width: 90px;
                line-height: 30px;
            }


    div[class^='layer_'] {
        position: fixed;
        z-index: 100;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: #fff;
        width: 700px;
        padding: 30px;
        box-sizing: border-box;
        box-shadow: rgba(0,0,0,0.2) 0 0 0 9999px;
    }

        div[class^='layer_'] h2 {
            font-size: 18px;
            margin-bottom: 40px;
        }

        div[class^='layer_'] ul.layer_stoploss_confirm_tit {
            margin-bottom: 40px;
        }

            div[class^='layer_'] ul.layer_stoploss_confirm_tit > li h2 {
                margin: 11px 0;
            }

            div[class^='layer_'] ul.layer_stoploss_confirm_tit > li {
                position: relative;
            }

                div[class^='layer_'] ul.layer_stoploss_confirm_tit > li:first-of-type {
                    float: left;
                }

                div[class^='layer_'] ul.layer_stoploss_confirm_tit > li:last-of-type {
                    float: right;
                }

                div[class^='layer_'] ul.layer_stoploss_confirm_tit > li ul li {
                    float: left;
                }

                    div[class^='layer_'] ul.layer_stoploss_confirm_tit > li ul li button {
                        background-color: rgba(226,226,239,0.4);
                        border: 0;
                        padding: 0 40px;
                        margin: 0;
                        line-height: 40px;
                        cursor: pointer;
                    }

        div[class^='layer_'] div.btn_area > * {
            float: left;
        }

    div.layer_stoploss_confirm div.btn_area > button {
        width: calc(53% - 40px);
        margin-left: 0 !important;
        background-color: #6c6c6c !important;
        color: #fff;
    }

    div[class^='layer_'] div.btn_area > div {
        width: calc(53% - 40px);
        margin-left: 40px;
    }

    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar input[type='range'],
    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar datalist {
        width: calc(75% - 5px);
    }

    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar datalist {
        float: left;
        display: flex;
        justify-content: space-between;
        font-size: 10px;
    }

    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .stopBar button,
    div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input button {
        width: 25%;
        margin-left: 1px;
        line-height: 30px;
        box-sizing: border-box;
        padding: 0;
        border: 0;
        background-color: rgba(226,226,239,0.4);
        border-radius: 5px;
        color: #303030;
        cursor: pointer;
    }

    div.layer_stoploss_confirm > div.detail > * {
        float: left;
        width: calc(53% - 40px);
    }

        div.layer_stoploss_confirm > div.detail > *:last-of-type {
            margin-left: 40px;
        }

            div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input {
                display: none;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                background-color: #fff;
                padding-bottom: 5px;
                box-sizing: border-box;
            }

                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input.selected {
                    display: block;
                }

                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input > * {
                    float: left;
                }

                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input input[type='number'] {
                    width: calc(75% - 14px);
                    line-height: 35px;
                    border: 1px solid #ddd;
                    border-radius: 5px;
                    box-sizing: border-box;
                    padding: 0 3%;
                }

                div.layer_stoploss_confirm > div.detail > *:last-of-type div:last-of-type .direct_input span {
                    line-height: 35px;
                    font-size: 14px;
                }

    div.layer_stoploss_confirm > div.detail > div div dl {
        float: none;
        width: 100%;
    }

        div.layer_stoploss_confirm > div.detail > div div dl:nth-of-type(2n) {
            margin-left: 0;
        }

    div[class^='layer_'] div.summary {
        margin-bottom: 40px;
    }

        div[class^='layer_'] div.summary div button {
            float: left;
            display: block;
            width: 9.1%;
            box-sizing: border-box;
            border: 0;
            margin: 0;
            padding: 0;
            line-height: 30px;
            font-size: 13px;
            border-radius: 5px;
            background-color: rgba(226,226,239,0.4);
            cursor: pointer;
        }

            div[class^='layer_'] div.summary div button.selected{
                background-color: #303030;
                color: #fff;
            }
            div[class^='layer_'] ul.layer_stoploss_confirm_tit > li ul li button.btn2.selected{
                background-color: #f6465d;
                color: #fff;
            }
            div[class^='layer_'] ul.layer_stoploss_confirm_tit > li ul li button.btn1.selected{
                background-color: #3498db;
                color: #fff;
            }

            div[class^='layer_'] div.summary div button:not(:first-of-type) {
                margin-left: 1%;
            }

    div[class^='layer_'] dl {
        float: left;
        width: calc(53% - 40px);
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
        box-sizing: border-box;
        margin-bottom: 25px;
        font-size: 14px;
    }

    div.layer_order_confirm div.order {
        font-weight: 500;
        margin-bottom: 20px;
    }

    div.layer_order_confirm div.leverage {
        height: 30px;
        background: linear-gradient(to right,#48c62f 0,#e66219 100%);
    }

        div.layer_order_confirm div.leverage > div {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            line-height: 30px;
        }

            div.layer_order_confirm div.leverage > div strong {
                padding-right: 3%;
                color: #fff;
            }

    div[class^='layer_'] dl:nth-of-type(2n) {
        margin-left: 40px;
    }

    div[class^='layer_'] dl > * {
        display: inline-block;
    }

    div[class^='layer_'] dl dt {
        font-weight: 300;
    }

    div[class^='layer_'] dl dd {
        float: right;
        font-weight: 500;
    }

    div[class^='layer_'] .btn_area {
        clear: both;
    }

        div[class^='layer_'] .btn_area button {
            float: left;
            width: 49%;
            line-height: 50px;
            border: 0;
            cursor: pointer;
        }

            div[class^='layer_'] .btn_area button:first-of-type {
                background-color: rgba(226,226,239,0.4);
            }

            div[class^='layer_'] .btn_area button:last-of-type {
                margin-left: 2%;
                background-color: #6c6c6c;
                color: #fff;
            }
    /* trading Container */


    .boardWriteContainer select {
        border: 1px solid #ddd;
        font-size: 15px !important;
        width: 275px;
        padding: 10px 15px;
        background: url('../images/ico_select.png') no-repeat right center / auto;
        font-size: 13px;
        outline: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .boardWriteContainer .btn_board_menu {
        float: right;
        margin-top: 20px;
    }

        .boardWriteContainer .btn_board_menu input[type='submit'] {
            display: block;
            font-size: 14px;
            border: 0;
            padding: 12px 20px;
            border-radius: 5px;
            float: left;
            cursor: pointer;
            font-weight: 500;
        }

            .boardWriteContainer .btn_board_menu input[type='submit']:first-of-type {
                background-color: rgba(226,226,239,0.4);
                color: #303030;
            }

            .boardWriteContainer .btn_board_menu input[type='submit']:not(:first-of-type) {
                margin-left: 10px;
                background-color: #000520;
                color: #fff;
            }
    /* boardWriteContainer Container */
}
/* desktop */