@font-face {
    src: url("/Content/font/NANUMSQUAREB.TTF");
    font-family: "NANUMSQUARER";
}

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,700;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Noto+Sans+KR:wght@500&family=Roboto&display-swap');

#main {
    position: relative;
    width: 100%;
    top: -60px;
}

.header,
.exchange_header .exchange_wrap_R,
.asset_header .asset_wrap_R,
.exchange_header .exchange_wrap,
.asset_header .asset_wrap {
    height: 45px;
}

.header {
    width: 100%;
    background: #fff;
    position: fixed;
    padding: 0 24px;
    box-sizing: border-box;
    z-index: 100;
    transition: background-color 0.1s;
}

.main_header {
    background: rgba(255,255,255, 0);
}

.top_nav {
    position: relative;
    width: 100%;
    height: 100%;
}

.logo {
    position: absolute;
    width: 96px;
    height: 60px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .logo a {
        display: inline-block;
        width: 100%;
        height: 100%;
        background: url('../Images/m_bi_logo.png') no-repeat 0 center;
        background-size: 100%;
        position: absolute;
        top: 0;
    }

.btn_side_menu {
    display: none;
    position: absolute;
    width: 18px;
    height: 13px;
    right: 0;
    top: 50%;
    background: url('../Images/m_icon-menu.png') no-repeat;
    background-size: 100%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* 메인 배너 */
.main_banner_00 > div {
    width: 100%;
    height: 90px;
    position: absolute;
    left: 50%;
    padding: 0 24px;
    top: 55%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

    .main_banner_00 > div > ul {
        width: 50%;
        height: 100%;
    }

        .main_banner_00 > div > ul li:first-child {
            height: 20px;
        }

        .main_banner_00 > div > ul li:last-child {
            height: calc(100% - 20px);
            margin-top: 5px;
        }

        .main_banner_00 > div > ul.krw_box .info div:nth-of-type(2n),
        .main_banner_00 > div > ul.coin_box .info div p:last-child {
            font-weight: bold;
            font-size: 13px;
        }

        .main_banner_00 > div > ul.krw_box .info div:nth-of-type(2n) {
            height: 33.33%;
            font-weight: bold;
            font-size: 13px;
            padding-top: 2px;
        }

        .main_banner_00 > div > ul.krw_box .info div:nth-of-type(2n+1) {
            height: 16.5%;
        }

        .main_banner_00 > div > ul.coin_box .info div {
            height: 33.33%;
            position: relative;
        }

            .main_banner_00 > div > ul.coin_box .info div p,
            .main_banner_00 > div > ul.krw_box div {
                color: #2c4562;
            }

            .main_banner_00 > div > ul.coin_box .info div p {
                position: absolute;
                top: 50%;
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

                .main_banner_00 > div > ul.coin_box .info div p:last-child {
                    right: 0;
                }

        .main_banner_00 > div > ul:first-child {
            float: left;
            padding-right: 12px;
            border-right: 1px solid #e0e3e8;
        }

        .main_banner_00 > div > ul:last-child {
            float: right;
            padding-left: 12px;
        }

.main_banner_00 .tit {
    border-bottom: 1px solid #2c4562;
    padding-bottom: 5px;
}

    .main_banner_00 .tit h4,
    .main_banner_00 .tit p {
        line-height: 10px;
    }

.main_banner_00 .krw_box .tit h4 {
    color: #2bc2c9;
}

.main_banner_00 .coin_box .tit h4 {
    color: #f88a3f;
}

.main_banner_00 .tit h4 {
    float: left;
    font-size: 13px;
    font-weight: bold;
}

.main_banner_00 .tit p {
    float: right;
    font-size: 10px;
    color: #95a6b2;
}

.main_banner_00 .info_tit {
    font-size: 12px;
}

.main_banner_00 .coin_box .info_tit {
    float: left;
}

.coin_box li:nth-of-type(2) {
}
/* hrt 배너 */
.main_hrt .tit {
    font-size: 13px;
    color: #df2251;
    border-bottom: 1px solid #2c4562;
    height: 20px;
}

.main_hrt > div > ul.hrt_box {
    float: inherit;
    padding-left: 0;
    position: relative;
    width: 100%;
}

    .main_hrt > div > ul.hrt_box::before {
        content: "";
        position: absolute;
        width: 1px;
        height: 70%;
        background: #e0e3e8;
        top: 50%;
        left: 50%;
        -moz-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .main_hrt > div > ul.hrt_box > li {
        width: 50%;
    }

.main_hrt ul.hrt_box .info_box01 {
    left: 0;
    float: left;
    padding-right: 12px;
}

.main_hrt ul.hrt_box .info_box02 {
    float: right;
    padding-left: 12px;
}

.main_hrt ul.hrt_box .info > ul {
    height: 100%;
}

.main_hrt ul.hrt_box .info .info_tit {
    height: 16.5%;
    color: #2c4562;
}

.main_hrt ul.hrt_box .info .info_con {
    font-weight: bold;
    text-align: right;
    height: 33.33%;
    font-size: 13px;
    padding-top: 2px;
    margin-top: 0;
    color: #2c4562;
}

.main_hrt ul.hrt_box .info {
    height: calc(100% - 20px);
    margin-top: 5px;
    position: relative;
}

    .main_hrt ul.hrt_box .info > ul > li.gray {
        color: #95a6b2;
    }

#main .top_banner_wrap {
    width: 100%;
    min-height: 45px;
    background-color: #f3f4f8;
    /*height: 130px;*/
    /*position: relative;*/
    /*background: purple;*/
    margin-top: 6.5rem;
}

#main .top_coinTit span.bold,
#main .top_krwTit span.bold {
    font-size: 18px;
}

#main .top_coinTit span,
#main .top_krwTit span {
    font-size: 12px;
}

#main .top_banner_wrap ul li a {
    width: 100%;
    height: 100%;
    display: block;
}

.swiper_wrapper li img {
    margin: 0 auto;
}
/*#main .bannerKrw {
    background: url('../Images/m_mainBanner01.png') no-repeat center center;
    background-size: cover;
}*/
/*#main .bannerCoin {
    background: url('../Images/m_mainBanner02.png') no-repeat center center;
    background-size: cover;
}*/
#main .bannerMining {
    position: absolute;
    left: 24px;
    top: 50px;
}

#main .top_banner_wrap ul li span {
    display: block;
}







#main .top_krwTit span:nth-of-type(1),
#main .krwMining_wrap p:nth-of-type(1) {
    color: #2bc2c9;
}

#main .top_krwTit span:nth-of-type(2),
#main .top_coinTit span:nth-of-type(2) {
    color: #2c4562;
}

#main .top_coinTit span:nth-of-type(1),
#main .coinMining_wrap p:nth-of-type(1) {
    color: #f88a3f;
}

#main .miningWrap {
    width: 50%;
    position: absolute;
    right: 24px;
    top: 50px;
}

    #main .miningWrap p:nth-of-type(2) {
        width: 100%;
        height: 4px;
        border-radius: 10px;
        margin: 5px 0 2px 0;
    }

#main .krwMining_wrap p:nth-of-type(2) {
    background: #2c4562;
    overflow: hidden;
}

#main .coinMining_wrap p:nth-of-type(2) {
    background: #78899c;
    overflow: hidden;
}

#main .krwMining_wrap p:nth-of-type(2) span {
    /*width: 50%;*/
    width: 0%;
    height: 4px;
    background: rgba(44,138,155,1);
    background: -moz-linear-gradient(left, rgba(44,138,155,1) 0%, rgba(43,193,201,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(44,138,155,1)), color-stop(100%, rgba(43,193,201,1)));
    background: -webkit-linear-gradient(left, rgba(44,138,155,1) 0%, rgba(43,193,201,1) 100%);
    background: -o-linear-gradient(left, rgba(44,138,155,1) 0%, rgba(43,193,201,1) 100%);
    background: -ms-linear-gradient(left, rgba(44,138,155,1) 0%, rgba(43,193,201,1) 100%);
    background: linear-gradient(to right, rgba(44,138,155,1) 0%, rgba(43,193,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c8a9b', endColorstr='#2bc1c9', GradientType=1 );
}

#main .coinMining_wrap p:nth-of-type(2) span {
    /*width: 50%;*/
    width: 0%;
    height: 4px;
    background: rgba(218,73,33,1);
    background: -moz-linear-gradient(left, rgba(218,73,33,1) 0%, rgba(248,137,63,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(218,73,33,1)), color-stop(100%, rgba(248,137,63,1)));
    background: -webkit-linear-gradient(left, rgba(218,73,33,1) 0%, rgba(248,137,63,1) 100%);
    background: -o-linear-gradient(left, rgba(218,73,33,1) 0%, rgba(248,137,63,1) 100%);
    background: -ms-linear-gradient(left, rgba(218,73,33,1) 0%, rgba(248,137,63,1) 100%);
    background: linear-gradient(to right, rgba(218,73,33,1) 0%, rgba(248,137,63,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da4921', endColorstr='#f8893f', GradientType=1 );
}

#main .miningWrap p:nth-of-type(3) {
    float: right;
}

.swiper_wrapper {
    width: 100%;
    height: 100%;
}

    .swiper_wrapper li {
        width: 100%;
        height: 100%;
    }
/*.swiper_wrapper li:nth-of-type(1) {
    background: red;
}
.swiper_wrapper li:nth-of-type(2) {
    background: orange;
}
.swiper_wrapper li:nth-of-type(3) {
    background: yellowgreen;
}
.swiper_wrapper li:nth-of-type(4) {
    background: green;
}
.swiper_wrapper li:nth-of-type(5) {
    background: navy;
}*/
/*bxslider*/
.bx-wrapper {
    height: 100%;
    border: none !important;
    background: none !important;
    max-width: 100% important;
    box-shadow: none !important;
}

    .bx-wrapper .bx-viewport {
        height: 100% !important;
    }

.top_banner_wrap .bx-wrapper .bx-pager.bx-default-pager {
    width: auto;
    padding-left: 27px;
    bottom: 11px;
    /*position: relative;*/
}

    .top_banner_wrap .bx-wrapper .bx-pager.bx-default-pager a {
        margin: 0 1.5px;
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background: #87a1b0;
        transition: all 0.2s;
    }

        .top_banner_wrap .bx-wrapper .bx-pager.bx-default-pager a.active {
            width: 11px;
            background: #2c4562;
            border-radius: 10px;
        }

.swiper_wrapper li a img {
    width: 100%;
}
/* // bxslider*/
#main .nav-tabs {
    border-bottom: 1px solid #2c4562;
    height: 45px;
}

.nav-tabs > li > a {
    margin-right: 0;
}

#main .nav-tabs > li.active > a,
#main .nav-tabs > li.active > a:hover {
    color: #2c4562;
    background: none;
    border: none;
}

#main .nav-tabs > li {
    position: relative;
    width: 18%;
    height: 100%;
}

    #main .nav-tabs > li.tab_icon {
        width: 14%;
    }

#main .nav-tabs .favorite_btn span {
    display: inline-block;
    margin-right: 5px;
    width: 15px;
    height: 13.5px;
    background: blue;
    background: url('../Images/m_favorite.png') no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

#main .nav-tabs .search_btn {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../Images/icon_search.png') no-repeat right 17.5px center;
    background-size: 15px;
}

#main .nav-tabs > li a {
    position: relative;
    font-size: 13px;
    height: 100%;
    line-height: 50px;
    text-align: center;
    color: #2c4562;
    padding: 0;
}

#main .nav-tabs > li.active {
    font-weight: bold;
}

#main .nav-tabs > li:nth-of-type(5) {
    height: 45px;
    line-height: 45px;
}

    #main .nav-tabs > li:nth-of-type(5) button {
        width: 100%;
        height: 100%;
        text-align: right;
    }

        #main .nav-tabs > li:nth-of-type(5) button span {
            width: 15px;
            height: 14px;
        }

#main .nav-tabs > li:nth-of-type(3) {
    width: 25%;
}

@media screen and (max-width:365px) {
    #main .nav-tabs > li:nth-of-type(3) {
        width: 26%;
    }
}

#main .nav-tabs .price_notice {
    font-size: 12px;
    color: #333;
    text-decoration: underline;
    letter-spacing: -0.025em;
    padding-left: 16px;
    padding-top: 15px;
    font-family: 'Noto Sans KR';
}

#main .nav-tabs .price_notice_tooltip {
    background: url(/Images/m_usdt_tooltip.png)no-repeat;
    width: 341px;
    height: 70px;
    position: absolute;
    left: -131px;
    top: 32px;
    background-size: 100%;
    font-size: 12px;
    color: #333;
    line-height: 16px;
    text-align: left;
    padding: 12px 0 0 14px;
    z-index: 1;
    font-family: 'Noto Sans KR';
    letter-spacing: -0.025em;
}

.mk_tooltip {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.mk_tooltip_layer {
    display: none;
    position: absolute;
    left: 50%;
    top: 39px;
    margin-left: -100px;
    padding: 13px;
    width: 200px;
    background-color: #fff;
    border: 1px solid #c5cbdb;
    border-radius: 2px;
    z-index: 999;
    font-size: 10px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    line-height: 1;
}

    .mk_tooltip_layer::after {
        display: block;
        content: '';
        background-color: #fff;
        border: 1px solid #c5cbdb;
        border-bottom: 0;
        border-left: 0;
        position: absolute;
        left: 50%;
        margin-left: -7px;
        top: -5px;
        width: 8px;
        height: 8px;
        transform: rotate(-45deg);
    }
    /*.mk_tooltip_layer.active,
.mk_tooltip_layer.active::after {
    display: block;
}*/
    .mk_tooltip_layer strong {
        margin-bottom: 9px;
        display: block;
        padding-left: 12px;
        position: relative;
        color: #3268b2;
        font-weight: bold;
    }

        .mk_tooltip_layer strong::before {
            position: absolute;
            left: 0;
            width: 9px;
            height: 9px;
            content: '';
            background: url(../Images/m_icon_bell.png) 0 0 / 9px no-repeat;
        }

    .mk_tooltip_layer p {
        color: #666666;
        line-height: 14px;
    }

    .mk_tooltip_layer button {
        position: absolute;
        right: 6px;
        top: 6px;
        width: 9px !important;
        height: 9px !important;
        line-height: 1px;
        font-size: 0;
        background: url(../Images/m_tooltip_x.png) 0 0 / 9px no-repeat;
    }
/* 바이백 이벤트 추가 KHJ 19-08-28 */
.buyback_wrap {
    background-color: #ccc;
}

    .buyback_wrap a {
        display: block;
        width: 100%;
    }

        .buyback_wrap a img {
            width: 100%;
            vertical-align: top;
        }
/* 메인 코인리스 정보 추가 KHJ 19-08-16 */
.m_LeaseWrap {
    font-family: 'Nanum Gothic';
    font-size: 13px;
    line-height: 1;
}

    .m_LeaseWrap .roboto {
        font-family: 'Roboto';
    }
/* 리스소개 문구 */
.product_info {
    font-family: 'Nanum Gothic';
    display: block;
    padding: 12px 0 8px;
    color: #2c4562;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}

    .product_info .calcu_home_txt {
        display: inline-block;
        width: 175px;
        line-height: 27px;
        vertical-align: top;
    }

        .product_info .calcu_home_txt strong {
            color: #f13327;
            font-weight: bold;
        }

        .product_info .calcu_home_txt span {
            color: #2c4562;
        }

    .product_info a strong.red {
        color: #f13327;
    }

    .product_info .calcu_home_tab {
        display: inline-block;
        margin-left: 9px;
        width: 134px;
        border: 1px solid #2c4562;
        border-radius: 5px;
        overflow: hidden;
    }

        .product_info .calcu_home_tab li {
            float: left;
            width: 50%;
            height: 27px;
            font-size: 11px;
            font-weight: bold;
            line-height: 27px;
        }

            .product_info .calcu_home_tab li.active {
                background-color: #2c4562;
                color: #fff;
            }

/* 코인리스 랭킹 */
.lease_rankWrap {
    height: 41px;
    line-height: 41px;
    overflow: hidden;
    padding: 0 15px;
}

    .lease_rankWrap > div {
        float: left;
    }

.lease_rank_tit {
    position: relative;
    width: 38px;
    color: #2c4562;
    font-weight: bold;
}

    .lease_rank_tit::after {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        content: '';
        width: 6px;
        height: 9px;
        background: url(../Images/lease/lease_rank_arrow.png) center center /6px no-repeat;
    }

.lease_rank_list {
    width: calc(100% - 38px);
}

    .lease_rank_list li {
        line-height: 41px;
        padding-left: 10px;
        transition: 0.7s;
    }

        .lease_rank_list li > * {
            font-family: 'Roboto';
        }

        .lease_rank_list li > :last-child {
            float: right;
        }

        .lease_rank_list li .lease_rank {
            display: inline-block;
            width: 35px;
            line-height: 18px;
            border: 1px solid #909ca8;
            border-radius: 2px;
            color: #2c4562;
            text-align: center;
        }

        .lease_rank_list li .lease_user {
            font-weight: 500;
        }

        .lease_rank_list li .lease_user {
        }

/* 코인리스 리스트 */
.m_LeaseWrap .lease_info {
    padding: 15px 0;
    background-color: #f3f3f3;
}

.lease_info .m_lease_list {
    float: left;
    width: 43.75%;
    padding-top: 10px;
    text-align: center;
    box-shadow: -1px -1px #e5e9f2 inset, 1px 1px #e5e9f2 inset;
    border-radius: 4px;
    background-color: #fff;
    overflow: hidden;
}

    .lease_info .m_lease_list:first-child {
        margin: 0 4.1%;
    }

.m_lease_list .user_lease_info {
    margin: 0 7px;
    /*padding-bottom: 10px;*/
    border-bottom: 1px solid #e5e9f2;
    font-size: 14px;
}

    .m_lease_list .user_lease_info h3 {
        margin-bottom: 8px;
        padding-left: 2px;
        font-size: 14px;
        line-height: 21px;
        text-align: left;
    }

    .m_lease_list .user_lease_info .bf_login {
        color: #909ca8;
        font-size: 12px;
    }

    .m_lease_list .user_lease_info h3 img {
        height: 21px;
    }

.m_lease_list .lease_apply_info {
    padding: 8px 0;
    margin: 0 7px;
    border-bottom: 1px solid #e5e9f2;
    font-size: 12px;
}

    .m_lease_list .lease_apply_info .recru_amount span {
        color: #999;
    }

    .m_lease_list .lease_apply_info .part_rate {
        margin-top: 3px;
        color: #999;
        font-size: 10px;
    }

        .m_lease_list .lease_apply_info .part_rate strong {
            color: #f13327;
        }

.m_lease_list .inter_day {
    margin: 10px 7px;
}

    .m_lease_list .inter_day li {
        float: left;
        width: 50%;
    }

        .m_lease_list .inter_day li p:first-child {
            font-size: 11px;
            margin-bottom: 5px;
        }

        .m_lease_list .inter_day li .lease_interesting {
            font-size: 18px;
        }

        .m_lease_list .inter_day li .lease_day {
            color: #666;
            font-size: 14px;
        }

            .m_lease_list .inter_day li .lease_day span {
                display: inline-block;
                position: relative;
                top: -1px;
                font-size: 18px;
                vertical-align: middle;
                color: #333;
            }

.m_lease_list .lease_apply_wrap button {
    width: calc(100% - 2px);
    line-height: 29px;
    background-color: #f13327;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin: 1px;
    border-radius: 0 0 4px 4px;
}

#main .fixTit {
    width: 100%;
    height: 32px;
    border-bottom: 1px solid #dfe2e7;
}

    #main .fixTit tr th {
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 12px;
        color: #909ca8;
        position: relative;
    }

        #main .fixTit tr th:first-child {
            padding-left: 12px;
            text-align: left;
        }

        #main .fixTit tr th:nth-of-type(2) {
            padding-right: 12px;
            text-align: right;
        }


.m_coinList tr td:first-child {
    padding: 7px 0 7px 12px;
}

    .m_coinList tr td:first-child div {
        float: left;
        font-size: 13px;
    }

        .m_coinList tr td:first-child div.coin_name {
            max-width: 75px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: inline-block;
            float: left;
        }

        .m_coinList tr td:first-child div span:last-child {
            font-size: 12px;
        }

.m_coinList tr td:last-child,
.m_coinList tr td:nth-of-type(2) {
    padding: 7px 12px 7px 0;
}

.m_coinList tr td.m_change {
    padding-right: 10px;
}

.m_coinList .m_coinPrice p {
    text-align: right;
    font-size: 12px;
}

    .m_coinList .m_coinPrice p .slash {
        color: #909ca8;
    }

    .m_coinList .m_coinPrice p span:nth-of-type(2),
    .m_coinList .m_coinPrice p span:nth-of-type(4) {
        font-size: 11px;
    }

.m_coinList .m_coinTd span {
    color: #909ca8;
}

    .m_coinList .m_coinTd span.sum {
        font-size: 12px;
    }

    .m_coinList .m_coinTd span.coin_simbol {
        float: left;
        margin: 0 3px 0 3px;
        font-size: 13px;
    }

.m_coinList .m_coinPrice .maxPrice {
    color: #d83a2b;
}

.m_coinList .m_coinPrice .minPrice {
    color: #124aa8;
}

.m_coinList .m_coinPrice .price {
    font-size: 13px;
    font-weight: bold;
    margin-right: -5px;
}

.m_coinList .m_change p {
    width: 70px;
    height: 25px;
    box-sizing: border-box;
    text-align: center;
    padding: 0px 0px;
    float: right;
    position: relative;
    overflow: hidden;
    border-radius: .3em;
}

    .m_coinList .m_change p.up_bg {
        background: #f99f9f;
        font-size: 12px;
    }

    .m_coinList .m_change p.down_bg {
        /*background: #f2f5fc;*/
        background: #aabff0;
        font-size: 12px;
    }

    .m_coinList .m_change p.ud_bg {
        background: #f2f2f2;
        font-size: 12px;
    }

    .m_coinList .m_change p span {
        position: absolute;
    }

    .m_coinList .m_change p.ud_bg span.contrast_percent {
        color: #222;
    }

    .m_coinList .m_change p span.contrast_bar {
        /*width: 90%;*/
        height: 100%;
        top: 0;
        left: 0;
    }

    .m_coinList .m_change p span.up {
        background: #d83a2b;
    }

    .m_coinList .m_change p span.down {
        background: #124aa8;
    }

    .m_coinList .m_change p span.contrast_percent {
        color: #fff;
        top: 50%;
        left: 50%;
        -moz-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

.m_coinList .m_btn,
.m_coinList .m_btnWrap {
    height: 50px;
    box-sizing: border-box;
    padding: 12px !important;
}

.marketTab li.active p {
    width: 100%;
    height: 4px;
    background: #2c4562;
    position: absolute;
    bottom: 0;
}

.marketTab li {
    position: relative;
}

    .marketTab li.active {
        display: block !important;
    }

.m_btnWrap {
    display: none;
}

    .m_btnWrap td {
        position: relative;
    }

.m_Btn {
    width: 30%;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border-radius: 2px;
    font-weight: bold;
    font-size: 13px;
}

    .m_btn .m_buyBtn {
        left: 12px;
        border: 1px solid #d83a2b;
        background: #fef6f4;
        color: #d83a2b;
    }

    .m_btn .m_sellBtn {
        left: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        border: 1px solid #124aa8;
        background: #f2f5fc;
        color: #124aa8;
    }

    .m_btn .m_chartBtn {
        right: 12px;
        border: 1px solid #78899c;
        background: #fff;
        color: #78899c;
    }
/* aside */
.asideBg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, .7);
    z-index: 10000;
    right: -100%;
}

.aside {
    position: fixed;
    width: 95%;
    height: 100%;
    background: #f2f4f8;
    right: -95%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 10001;
    transition: all 0.3s ease;
}

.asideHeader {
    position: relative;
    background: #fff;
    width: 100%;
    height: 60px;
    padding: 12px 14px;
    border-bottom: 1px solid #dfe2e7;
}

    .asideHeader > ul {
        height: 20px;
        position: relative;
        top: 50%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .asideHeader li {
        position: relative;
        width: 33.33%;
        height: 20px;
        float: left;
    }

        .asideHeader li:nth-of-type(1) {
            width: 18%;
        }

    .asideHeader ul > li:nth-of-type(2) {
        width: 55%;
        height: 35px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .asideHeader li:nth-of-type(3) {
        width: 27%;
    }

    .asideHeader .aside_home button {
        position: absolute;
        width: 26px;
        height: 23px;
        background: url('../Images/m_icon_home.png') no-repeat;
        background-size: 100%;
    }

.aside_topBtn {
    position: absolute;
    width: 48.5%;
    height: 35px;
    border: 1px solid red;
    float: left;
    border-radius: 2px;
    border: 1px solid #2c4562;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2c4562;
    font-weight: 900;
}

aside_login {
    left: 0;
}

.aside_join,
.aside_air {
    right: 0;
}

.aside_close {
    position: absolute;
    width: 18px;
    height: 18px;
    background: url('../Images/m_asideClose.png') no-repeat;
    background-size: 100%;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
}

.aside_lang {
    position: absolute;
    width: 25px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
}

.asideHeader li:nth-of-type(3) .kr {
    height: 19px;
    background: url('../Images/m_icon_lang.png') no-repeat center center;
    background-size: 100%;
}

.asideHeader li:nth-of-type(3) .america {
    height: 17px;
    background: url('../Images/m_lang_en.png') no-repeat;
    background-size: 100%;
}

#country {
    width: 95px;
    height: 40px;
    background: #fff;
    position: absolute;
    top: 35px;
    right: -7px;
    border: 1px solid #2c4562;
    border-radius: 3px;
    display: none;
}

    #country .modal-backdrop {
        display: none;
    }

    #country ul {
        width: 60px;
        height: 32px;
        display: inline-block;
        margin: 5px auto 0;
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    #country .icon_langArrow {
        width: 11px;
        height: 8px;
        background: url('../Images/m_icon_langArrow.png') no-repeat;
        background-size: 100%;
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -8px;
    }

    #country ul li {
        width: 20px;
        height: 32px;
        position: absolute;
    }

        #country ul li button {
            width: 100%;
            height: 30px;
        }

        #country ul li span {
            width: 20px;
            text-align: center;
        }

    #country .lang_kr {
        left: 0;
    }

    #country .lang_en {
        right: 0;
    }

    #country .lang_kr p {
        width: 20px;
        height: 14px;
        background: url('../Images/m_lang_kr.png') no-repeat;
        background-size: 100%;
    }

    #country .lang_en p {
        width: 20px;
        height: 14px;
        background: url('../Images/m_lang_en.png') no-repeat;
        background-size: 100%;
    }

.loginBtnWrap {
    position: relative;
    width: 95%;
    height: 35px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .loginBtnWrap .aside_topBtn {
    }

.sidemenuWrap {
    width: 100%;
    min-height: 440px;
    background: #fff;
    /*height:calc(100% - 225px);*/
    /*background: #f2f4f8;*/
}

    .sidemenuWrap ul {
        float: left;
    }

    .sidemenuWrap .sideMenu {
        width: 45%;
        background: #fff;
        padding-bottom: 20px;
        min-height: 440px;
    }

        .sidemenuWrap .sideMenu a {
            display: inline-block;
            width: 100%;
            height: 100%;
            letter-spacing: -0.05em;
        }

.aside_auto {
}

.sidemenuWrap .sideMenu li.sideMenu01 {
    width: 100%;
    height: 340px;
    box-sizing: border-box;
}

    .sidemenuWrap .sideMenu li.sideMenu01 ul li a {
        font-weight: bold;
        line-height: 49px;
        color: #95a6b2;
        border-bottom: 1px solid #dfe2e7;
    }

        .sidemenuWrap .sideMenu li.sideMenu01 ul li a span:first-child {
            margin-right: 5px;
            position: relative;
            top: 5px;
            width: 20px;
            height: 20px;
        }

        .sidemenuWrap .sideMenu li.sideMenu01 ul li a span:nth-child(2) {
            position: relative;
            line-height: 2;
        }

    .sidemenuWrap .sideMenu li.sideMenu01 ul li.new a span:nth-child(2)::after {
        content: "";
        position: absolute;
        right: -8px;
        top: 0;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #eb1d25;
    }

    /*.sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(1) a span {
    background: url('../Images/m_icon_sidemenu.png') no-repeat;
    background-size: 100%;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(2) a span {
    background: url('../Images/m_icon_sidemenu.png') no-repeat;
    background-size: 100%;
    background-position: 0px -20px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(3) a span {
    background: url('../Images/m_icon_sidemenu.png') no-repeat;
    background-size: 100%;
    background-position: 0px -42px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(4) a span {
    background: url('../Images/m_icon_sidemenu.png') no-repeat;
    background-size: 100%;
    background-position: 0px -63px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(5) a span {
    background: url('../Images/m_icon_sidemenu.png') no-repeat;
    background-size: 100%;
    background-position: 0px -85px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(6) a span {
    background: url('../Images/m_icon_sidemenu.png') no-repeat;
    background-size: 100%;
    background-position: 0px -290px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(7) a span {
    background: url('../Images/m_icon_sidemenu.png') no-repeat;
    background-size: 100%;
    background-position: 0px -106px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(8) a span {
    background: url('../Images/m_icon_sidemenu.png') no-repeat;
    background-size: 100%;
    background-position: 0px -125px;
}*/
    .sidemenuWrap .sideMenu li.sideMenu01 ul li a > span:first-child {
    }

    .sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(1) a span:first-child {
        background: url('../Images/m_icon_sidemenu.png') no-repeat;
        background-size: 100%;
    }

    .sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(2) a span:first-child {
        background: url('../Images/coinloan/menu_icon_off.png') no-repeat;
        background-size: 100%;
    }

    .sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(3) a span:first-child {
        background: url('../Images/m_icon_sidemenu.png') no-repeat;
        background-size: 100%;
        background-position: 0px -20px;
    }

    .sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(4) a span:first-child {
        background: url('../Images/m_icon_sidemenu.png') no-repeat;
        background-size: 100%;
        background-position: 0px -42px;
    }

    .sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(5) a span:first-child {
        background: url('../Images/m_icon_sidemenu.png') no-repeat;
        background-size: 100%;
        background-position: 0px -63px;
    }
    /*.sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(6) a span:first-child {
    background: url('../Images/m_icon_sidemenu.png') no-repeat;
    background-size: 100%;
    background-position: 0px -85px;
}*/
    .sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(6) a span:first-child {
        background: url('../Images/m_icon_sidemenu.png') no-repeat;
        background-size: 100%;
        background-position: 0px -290px;
    }

    .sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(7) a span:first-child {
        background: url('../Images/m_icon_sidemenu.png') no-repeat;
        background-size: 100%;
        background-position: 0px -106px;
    }

    .sidemenuWrap .sideMenu li.sideMenu01 ul li:nth-of-type(8) a span:first-child {
        background: url('../Images/m_icon_sidemenu.png') no-repeat;
        background-size: 100%;
        background-position: 0px -125px;
    }

    .sidemenuWrap .sideMenu li.sideMenu01 ul {
        width: 100%;
    }

        .sidemenuWrap .sideMenu li.sideMenu01 ul li {
            height: 49px;
            padding: 0 10px;
            font-size: 14px;
            position: relative;
        }

            .sidemenuWrap .sideMenu li.sideMenu01 ul li.active {
                background: #2c4562;
            }

                .sidemenuWrap .sideMenu li.sideMenu01 ul li.active::after {
                    content: "";
                    display: block;
                    width: 9px;
                    height: 12px;
                    background: url('../Images/m_menu_arrow.png') no-repeat;
                    background-size: 100%;
                    position: absolute;
                    right: -8px;
                    top: 50%;
                    -moz-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

                .sidemenuWrap .sideMenu li.sideMenu01 ul li.active a {
                    color: #fff;
                    border: none;
                }
                /*.sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(1) a span {
    background-position: 0 -145px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(2) a span {
    background-position: 0 -165px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(3) a span {
    background-position: 0 -187px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(4) a span {
    background-position: 0 -208px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(5) a span {
    background-position: 0 -230px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(6) a span {
    background-position: 0 -311px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(7) a span {
    background-position: 0 -251px;
}
.sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(8) a span {
    background-position: 0 -270px;
}*/
                .sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(1) a span:first-child {
                    background-position: 0 -145px;
                }

                .sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(2) a span:first-child {
                    background: url('../Images/coinloan/menu_icon_on.png') no-repeat;
                    background-size: 100%;
                }

                .sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(3) a span:first-child {
                    background-position: 0 -165px;
                }

                .sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(4) a span:first-child {
                    background-position: 0 -187px;
                }

                .sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(5) a span:first-child {
                    background-position: 0 -208px;
                }
                /*.sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(6) a span:first-child {
    background-position: 0 -230px;
}*/
                .sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(6) a span:first-child {
                    background-position: 0 -311px;
                }

                .sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(7) a span:first-child {
                    background-position: 0 -251px;
                }

                .sidemenuWrap .sideMenu li.sideMenu01 ul li.active:nth-of-type(8) a span:first-child {
                    background-position: 0 -270px;
                }

.sidemenuWrap .sideMenu li.sideMenu02 {
    width: 100%;
    height: 25%;
    padding: 0 12px;
}

    .sidemenuWrap .sideMenu li.sideMenu02 ul {
        width: 100%;
    }

        .sidemenuWrap .sideMenu li.sideMenu02 ul li {
            width: 100%;
            height: 42px;
            border: 1px solid #2c4562;
            border-radius: 4px;
            position: relative;
        }

            .sidemenuWrap .sideMenu li.sideMenu02 ul li a {
                display: inline-block;
                height: 42px;
                color: #2c4562;
                line-height: 42px;
                font-size: 13px;
                text-align: center;
            }

                .sidemenuWrap .sideMenu li.sideMenu02 ul li a span {
                    font-weight: bold;
                }

            .sidemenuWrap .sideMenu li.sideMenu02 ul li:nth-of-type(1) a span:nth-of-type(2),
            .sidemenuWrap .sideMenu li.sideMenu02 ul li:nth-of-type(2) a span:nth-of-type(2) {
                position: absolute;
                top: 50%;
                -ms-transform: translateY(-62%);
                -webkit-transform: translateY(-62%);
                transform: translateY(-62%);
                margin-left: 5px;
            }

            .sidemenuWrap .sideMenu li.sideMenu02 ul li:first-child {
                margin: 10px 0;
            }

.sidemenuWrap .sideContent {
    width: 55%;
    background: #f2f4f8;
    padding-bottom: 30px;
    min-height: 525px;
}

.asideFooter {
    width: 100%;
    background: #f2f4f8;
    bottom: 0;
    box-sizing: border-box;
    padding: 20px;
    border-top: 1px solid #dfe2e7;
    color: #95a6b2;
}

    .asideFooter .footer_info {
        font-size: 11px;
        margin: 10px 0;
    }

.footer01 div {
    width: 100%;
}

    .footer01 div p:first-child {
        float: left;
    }

    .footer01 div p:last-child {
        float: left;
        margin-left: 5px;
    }

.footer02 {
    margin-top: 4px;
}
/* sideContent*/
.sideContent .sideContent01 {
    width: 100%;
    height: 100%;
}

.sideContent .side_c_wrap {
    width: 90%;
    height: 100%;
    float: right;
}

    .sideContent .side_c_wrap .side_c_tit {
        font-size: 18px;
        font-weight: bold;
        color: #2c4562;
        padding: 14px 0 5px 0;
        border-bottom: 3px solid #2c4562;
        padding-left: 15px;
    }

        .sideContent .side_c_wrap .side_c_tit + ul {
            float: none;
        }

.sideContent00 ul {
    width: 100%;
}

    .sideContent00 ul li {
        border-bottom: 1px solid #dfe2e7;
        height: 50px;
        line-height: 50px;
        position: relative;
    }

        .sideContent00 ul li.noAction {
            pointer-events: none;
        }

        .sideContent00 ul li a {
            display: inline-block;
            height: 100%;
            color: #2c4562;
            padding-left: 15px;
            width: 100%;
            text-align: left;
            position: absolute;
            left: 0;
        }

        .sideContent00 ul li.new a strong {
            position: relative;
            font-weight: 400;
        }

            .sideContent00 ul li.new a strong::after {
                content: "";
                position: absolute;
                right: -10px;
                top: -2px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background-color: #eb1d25;
            }

        .sideContent00 ul li a span {
            width: calc(100% - 50px);
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .sideContent00 ul li.noAction a {
            color: #a6a9ad;
        }

.side_c_ul li p {
    position: relative;
    width: 100%;
    margin: auto;
    height: 50px;
    box-sizing: border-box;
    text-align: center;
    padding: 0px 0px;
    float: right;
    overflow: hidden;
    background: rgba(189,169,173, .2);
    float: left;
    position: absolute;
}

.footer {
    width: 100%;
    padding: 20px 12px 20px 12px;
    background: #f2f3f7;
    position: relative;
    bottom: 0;
}

    .footer ul {
        float: right;
        height: 20px;
        position: relative;
    }

        .footer ul li {
            float: left;
        }

            .footer ul li a {
                color: #2c4562;
            }

            .footer ul li:first-child {
            }

            .footer ul li:nth-child(2n) {
                width: 1px;
                height: 10px;
                margin: 0 10px;
                background: #888;
                position: relative;
                top: 50%;
                -moz-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }

.footer_info .footer01 > div > p:first-child {
    position: relative;
    min-width: 61px;
}

.footer_info .footer01 > div > p:last-child {
    min-width: 81px;
}

.footer_info .footer01 > div > p:first-child span:first-child {
    padding-right: 6px;
    font-weight: bold;
}

.footer_info .footer01 > div > p:first-child span:last-child {
    width: 1px;
    height: 9px;
    position: absolute;
    background: #adbec9;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dock_bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 900;
}

.footer_notice {
    background: #333;
    color: #b5cfe4;
    padding: 7px 2rem;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

    .footer_notice img {
        width: 15px;
        height: 15px;
        margin-top: 2px;
    }

    .footer_notice > :nth-child(2) {
        width: 80%;
    }

        .footer_notice > :nth-child(2) a {
            color: #fff;
            font-size: 13px;
            margin-right: 5px;
        }

.text-scroll {
    width: 100%;
    height: 19px;
    overflow: hidden;
}

.rolling {
    position: relative;
    width: 100%;
    height: auto;
}

    .rolling li {
        width: 100%;
        height: 19px;
        line-height: 19px;
        overflow: hidden;
    }

        .rolling li a {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }


.footer_dock_bar {
    z-index: 999;
    background: #f8f9fa;
    display: flex;
    justify-content: space-between;
    padding: 10px 2rem;
}

    .footer_dock_bar li {
        display: block;
        font-size: 12px;
        text-align: center;
        color: #8f9194;
        font-weight: 500;
        font-family: 'Noto Sans KR' !important;
    }

    .footer_dock_bar img {
        width: 17px;
        margin-bottom: 5px;
    }

/*******************************/

/*작업시 주석 제거*/

/* new */
/* 사이드메뉴 NEW */
/*.btn_side_menu::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 6px;
    height: 6px;
    /*background: #ff446a;*/
/*right: -7px;
top: -7px;
border-radius: 5em;
}*/
.sideContent00 ul li.active::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #ff446a;
    position: relative;
    top: -8px;
    left: 3px;
    border-radius: 100%;
}

.avtext td p {
    font-size: 11px;
    text-align: left;
}

    .avtext td p:last-child {
        font-size: 11px;
        text-align: left;
        margin-top: 5px;
    }
/* 코인 검색창 */
.m_coin_search {
    display: none;
    height: 45px;
    position: relative;
    padding: 0 10px;
    background: #f3f4f8;
    border-bottom: 1px solid #dfe2e7;
}

    .m_coin_search img {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 50%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .m_coin_search input {
        line-height: 44px;
        width: calc(100% - 70px);
        background: #f3f4f8;
        font-size: 13px;
    }

        .m_coin_search input::placeholder {
            color: #6a788d;
        }

    .m_coin_search .search_btn_wrap {
        position: absolute;
        right: 10px;
        top: 50%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 63px;
        height: 14px;
    }

.search_btn_wrap:before {
    content: '';
    display: block;
    position: absolute;
    left: 25px;
    width: 1px;
    height: 14px;
    background: #dfe2e7;
}

.m_coin_search .search_btn_wrap button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.m_coin_search .search_btn_wrap .clear {
    left: 0;
}

.m_coin_search .search_btn_wrap .cancel_btn {
    color: #909ca8;
    font-size: 13px;
    font-weight: bold;
    right: 0;
}
/** 메인 상장배너 **/
article.line_banner {
    width: 100%;
    background-size: 100%;
    position: fixed;
    bottom: 0;
    display: block;
}

    article.line_banner > img {
        position: absolute;
        max-width: 100%;
        bottom: 0;
        left: 50%;
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    article.line_banner > a {
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 1;
    }

.line_banner .txt_box {
    display: inline-block;
    color: #2c4562;
    text-align: center;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
}

    .line_banner .txt_box p:first-child {
        font-size: 13px;
    }

    .line_banner .txt_box p:last-child {
        font-size: 12px;
    }

article.line_banner button {
    width: 30px;
    border-radius: 100%;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 26px;
    line-height: 30px;
    transform: rotate(45deg);
    z-index: 2;
}

.m_coinList tr td:first-child div span.coin_name {
    color: #222;
}
/** addClass **/
.asset_175_01 {
    position: fixed;
    z-index: 1;
    width: 100%;
    top: 80px;
    background: #fff;
}

.asset_175_02 {
    margin-top: 115px !important;
}

.asset_175_box {
    display: block;
    width: 100%;
    height: 12px;
    background: #fff;
    display: none;
    position: absolute;
    left: 0;
    top: -12px;
}

.sideContent00 ul li p.has_percent {
    color: #ff6d70;
    float: right;
    padding-right: 15px;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    right: 0;
    text-align: right;
    background: none;
}

    .sideContent00 ul li p.has_percent span {
        font-size: 10px;
    }

/** 메인 테이블 화살표 **/
.m_coinWrap .main_arrow {
    width: 5px;
    height: 11px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 5px;
}

/** 코인검색 clear 버튼 **/
.m_coin_search .clear,
.coin_search .clear {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url('../Images/m_icon_mainClear.png') no-repeat;
    background-size: 100%;
}

.m_coin_search .clear {
    right: 15px;
}

.coin_search .clear {
    right: 20px;
}

.icon_event {
    display: inline-block;
    width: 14px;
    height: 14px;
    /*margin-top: 2px;*/
    vertical-align: middle;
}

.m_coinTd .icon_event {
    margin-top: -1px;
}

.icon_815 {
    position: absolute;
    width: 46px;
}
/*
    190604 코인출금 강화팝업 mnmn
*/
.layer_popup_bg {
    width: 100%;
    position: fixed;
    z-index: 996;
    background: rgba(0,0,0,.4);
    height: 100vh;
}

.layer_popup {
    font-family: Roboto, 'Noto Sans KR', 'Nanum Gothic', sans-serif;
    width: 89%;
    position: fixed;
    left: 50%;
    top: 51%;
    background: #fff;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 997;
    overflow: auto;
}

    .layer_popup .tit {
        width: 88%;
        color: #124aa8 !important;
        background: #fff;
        font-size: 32px;
        padding-bottom: 1rem;
        margin: 0 auto;
    }

        .layer_popup .tit h2 {
            font-size: 16px;
            margin: 0 auto;
            padding-bottom: 1.5rem;
            text-align: center;
            margin-top: 2.5rem;
            font-weight: bold;
            border-bottom: solid 1px #7d90b1;
        }


    .layer_popup .content {
        height: 490px;
        padding: 0 18px 5px 18px;
        overflow: auto;
    }

        .layer_popup .content h3, .layer_popup .content p {
            font-size: 12px;
            line-height: 18px;
            margin-bottom: 10px;
            color: #20232a !important;
        }

        .layer_popup .content p {
            width: 97%;
            margin-top: 10px;
        }

    .layer_popup .layer_footer {
        width: 100%;
        height: 10%;
        padding: 12px 19px;
        position: absolute;
        bottom: 0;
        letter-spacing: -0.3px;
    }

        .layer_popup .layer_footer .layer_confirm {
            background: #3268b2;
            color: #fff;
            font-size: 11px;
            padding: 5px 15px;
            float: right;
            font-weight: 300;
            border-radius: 2px;
            letter-spacing: -0.3px;
        }
    /* layer_popup */
    .layer_popup .content .box2 {
        background: #f6f6f6;
        border: 2px solid #dedede;
        border-radius: 1%;
        padding: 15px 23px 3px 23px;
        color: #37588e;
        font-size: 12px;
        letter-spacing: -0.3px;
    }

        .layer_popup .content .box2 h4 {
            text-align: center;
            font-size: 12px;
            margin-bottom: 1rem
        }

        .layer_popup .content .box2 ul li {
            background: #fff;
            height: 25px;
            border-radius: 20px;
            margin-bottom: 11px;
            padding-top: 5px;
        }

            .layer_popup .content .box2 ul li img {
                width: 20px;
                margin-left: -2px;
                margin-right: 3.2rem;
                margin-top: -3px;
            }


    .layer_popup .content .box4 {
        margin-top: 15px;
    }

        .layer_popup .content .box4 li {
            color: #37588e;
            font-size: 12px;
            line-height: 15px;
            margin-bottom: 8px;
        }

        .layer_popup .content .box4 p {
            color: #111 !important;
        }

            .layer_popup .content .box4 p a, .layer_popup .content .box4 p span {
                text-decoration: underline;
                color: #124aa8;
            }

.layer_footer {
    background: #081865;
}

.pop_check_wrap {
    position: relative;
    display: inline-block;
}

    .pop_check_wrap label::before {
        content: "";
        display: inline-block;
        width: 13px;
        height: 13px;
        background: #fff;
        position: absolute;
        top: 56%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
    }

    .pop_check_wrap input {
        width: 0;
        height: 0;
        overflow: hidden;
    }

        .pop_check_wrap input + label {
            color: #fff;
            font-size: 11px;
            font-weight: 300;
            padding-left: 18px;
            padding-top: 5px
        }

        .pop_check_wrap input:checked[type="checkbox"] + label::before {
            background: url('../Images/icon_check.png') no-repeat center center #fff;
            background-size: 10px;
        }


@media screen and (max-width:768px) {
    .layer_popup .content {
        padding: 0 40px 50px 40px;
    }

        .layer_popup .content .box2 ul li img {
            margin-right: 18rem;
        }

    .layer_popup .layer_footer {
        padding: 2rem 4rem;
    }
}

@media screen and (max-width:415px) {
    .layer_popup .content {
        padding: 0 20px 6rem 20px;
    }

        .layer_popup .content .box2 ul li img {
            margin-right: 4rem;
        }

    .layer_popup .layer_footer {
        padding: 2rem 2.2rem;
    }
}

@media screen and (max-width:376px) {

    .layer_popup .content {
        padding: 0 18px 4.8rem 18px;
        height: 440px;
    }

        .layer_popup .content .box2 ul li img {
            margin-right: 2rem;
        }

    .layer_popup .layer_footer {
        padding: 1.2rem 2rem;
    }
}


@media screen and (max-width:361px) {
    .layer_popup .content {
        padding: 0 20px 5rem 20px;
    }

        .layer_popup .content .box2 ul li img {
            margin-right: 2rem;
        }

    .layer_popup .layer_footer {
        padding: 1rem 2.2rem;
    }
}

@media screen and (max-width:321px) {


    .layer_popup .content .box2 ul li {
        font-size: 7px;
    }

        .layer_popup .content .box2 ul li img {
            margin-right: 1.5rem;
        }

    .layer_popup .layer_footer {
        padding: 1rem 2.2rem;
    }

        .layer_popup .layer_footer .layer_confirm {
            padding: 5px;
        }
}

.layer_popup .popup_close {
    position: absolute;
    top: 7px;
    right: 6px;
    width: 15px;
    height: 14px;
}

@font-face {
    src: url('../Content/font/NANUMSQUAREL (1).OTF');
    font-family: "NANUMSQUAREL";
}

@font-face {
    src: url('../Content/font/NANUMSQUARER (1).OTF');
    font-family: "NANUMSQUARER";
}

@font-face {
    src: url('../Content/font/NANUMSQUAREB (1).OTF');
    font-family: "NANUMSQUAREB";
}

@font-face {
    src: url('../Content/font/NANUMSQUAREEB (1).OTF');
    font-family: "NANUMSQUAREEB";
}

.layer_popup_bg4 {
    width: 100%;
    position: fixed;
    z-index: 996;
    background: rgba(0,0,0,.4);
    height: 100vh;
}

.layer_popup4 {
    width: 89%;
    position: fixed;
    left: 50%;
    top: 51%;
    background: #fff;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 997;
    overflow: auto;
}

    .layer_popup4 .tit {
        width: 88%;
        color: #124aa8 !important;
        background: #fff;
        margin: 0 auto;
        padding: 20px 0px 8px 0px;
    }

        .layer_popup4 .tit h2 {
            font-size: 16px;
            margin: 0 auto;
            padding-bottom: 1.5rem;
            text-align: center;
            border-bottom: 1px solid #375882;
            font-family: "NANUMSQUAREEB";
        }

    .layer_popup4 .content {
        padding: 0 20px;
    }

        .layer_popup4 .content p {
            color: #375882;
            font-size: 12px;
            font-family: "NANUMSQUARER";
            padding: 2px 5px 0 10px;
        }

        .layer_popup4 .content span {
            display: initial;
        }

    .layer_popup4 .popup_blue {
        color: #124aa8;
        font-size: 12px;
        font-family: "NANUMSQUAREEB";
    }

    .layer_popup4 .content .box2 {
        background: #f6f6f6;
        border-radius: 2%;
        padding: 17px 21px 13px 21px;
    }

        .layer_popup4 .content .box2 ul li {
            background: #fff;
            border-radius: 15px;
            margin-bottom: 3px;
            padding: 4px 0px 4px 23px;
            color: #375882;
            font-size: 12px;
            font-family: "NANUMSQUARER";
        }

    .layer_popup4 .layer_footer {
        height: 30px;
        border: 1px solid #fff;
        font-family: 'Noto Sans KR';
        padding: 0 0 0 20px;
    }

    .layer_popup4 .pop_check_wrap label {
        padding-top: 6px;
    }

        .layer_popup4 .pop_check_wrap label::before {
            top: 61%;
            border-radius: 9%;
        }

    .layer_popup4 .popup_button {
        display: flex;
        justify-content: space-between;
    }

    .layer_popup4 button {
        font-size: 11px;
        font-family: 'Noto Sans KR';
        font-weight: 400;
        height: 34px;
        border-radius: 2px;
        line-height: 0;
    }

    .layer_popup4 .btn_white {
        color: #416ff4;
        border: 1px solid #416ff4;
        width: 37%;
    }

    .layer_popup4 .btn_blue {
        width: 61.5%;
    }

    .layer_popup4 .popup_close1 {
        position: absolute;
        top: 7px;
        right: 6px;
        width: 15px;
        height: 14px;
    }

@media screen and (min-width:376px) {
    .layer_popup4 .content {
        height: 437px;
        padding: 11px 20px;
    }

        .layer_popup4 .content p {
            padding: 0 5px 5px 5px;
        }

    .layer_popup4 .layer_footer {
        height: 45px;
    }

    .layer_popup4 .layer_footer {
        padding: 7px 0 0 20px;
    }
}
/* 리스 아이콘 추가 */
.lease_icon.tab_lease_icon {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 5px;
}

.lease_icon {
    width: 27px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
}

    .lease_icon img {
        width: 100%;
    }

    .lease_icon.l_list_icon {
        margin-top: 4px;
    }

.hot_icon {
    display: inline-block;
    width: 24px;
    height: 13px;
    vertical-align: middle;
    margin: -2px 0 0 3px;
}
/* 추석이벤트팝업 */
.layer_popup.layer_popup2 {
    height: auto;
}

    .layer_popup.layer_popup2 .close_btn {
        position: absolute;
        width: 17px;
        right: 0;
        top: -30px;
    }

.pop_wrap {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.6);
    z-index: 1000;
}
/* 코인리스 코인추가 */
.main_coin_lease {
    padding: 15px 14px;
    background: #f3f4f8;
    border-bottom: 1px solid #dfe2e7;
}

    .main_coin_lease .coin_tab_wrap {
        margin-bottom: 10px;
    }

        .main_coin_lease .coin_tab_wrap .coin_tab {
            position: relative;
            float: left;
            width: 110px;
            height: 30px;
            border: 1px solid #d4dcee;
            border-radius: .3em;
        }

            .main_coin_lease .coin_tab_wrap .coin_tab li {
                position: absolute;
                width: calc(50% + 1px);
                height: 100%;
                text-align: center;
                line-height: 30px;
                font-family: Roboto;
                font-weight: bold;
                color: #a6b4ca;
                top: -1px;
            }

                .main_coin_lease .coin_tab_wrap .coin_tab li.active {
                    background: #2c4562;
                    color: #fff;
                    border-radius: .2em;
                    height: calc(100% + 2px);
                }

                .main_coin_lease .coin_tab_wrap .coin_tab li.tab1.active {
                    box-shadow: 1px 0px 3px 1px rgba(0,0,0,.2);
                }

                .main_coin_lease .coin_tab_wrap .coin_tab li.tab2.active {
                    box-shadow: -1px 0px 3px 1px rgba(0,0,0,.2);
                }

                .main_coin_lease .coin_tab_wrap .coin_tab li.tab1 {
                    left: -1px;
                }

                .main_coin_lease .coin_tab_wrap .coin_tab li.tab2 {
                    right: -1px;
                }

        .main_coin_lease .coin_tab_wrap .txt {
            float: right;
            font-size: 12px;
            font-weight: bold;
            color: #2c2c2c;
            line-height: 30px;
        }

            .main_coin_lease .coin_tab_wrap .txt .red {
                color: #f13327;
            }

    .main_coin_lease .coin_lease_con [class^='content'] {
        border: 1px solid #d4dcee;
        width: calc(50% - 8px);
        background: #fff;
        border-radius: .5em;
        overflow: hidden;
    }

        .main_coin_lease .coin_lease_con [class^='content'] dl {
            padding: 10px;
            border-bottom: 1px solid #d4dcee;
        }

        .main_coin_lease .coin_lease_con [class^='content'] dt {
            margin-bottom: 12px;
            line-height: 22px;
        }

            .main_coin_lease .coin_lease_con [class^='content'] dt span {
                font-weight: 900;
            }

                .main_coin_lease .coin_lease_con [class^='content'] dt span.up {
                    color: #f13327;
                }

                .main_coin_lease .coin_lease_con [class^='content'] dt span.down {
                    color: #1f5af6;
                }

            .main_coin_lease .coin_lease_con [class^='content'] dt img {
                width: 22px;
                margin-right: 6px;
            }

        .main_coin_lease .coin_lease_con [class^='content'] dd > ul li {
            display: inline-block;
            line-height: 12px;
        }

        .main_coin_lease .coin_lease_con [class^='content'] dd > ul.margin {
            margin-bottom: 8px;
        }

        .main_coin_lease .coin_lease_con [class^='content'] dd .tit {
            float: left;
            font-size: 11px;
            color: #6a788d;
        }

        .main_coin_lease .coin_lease_con [class^='content'] dd .con {
            float: right;
            font-family: Roboto;
            font-size: 16px;
            font-weight: bold;
        }

            .main_coin_lease .coin_lease_con [class^='content'] dd .con span {
                font-size: 12px;
                color: #6a788d;
            }

    .main_coin_lease .coin_lease_con .content1 {
        float: left;
    }

    .main_coin_lease .coin_lease_con .content2 {
        float: right;
    }

    .main_coin_lease .btn_wrap li {
        width: 50%;
        float: left;
        text-align: center;
        line-height: 30px;
    }

    .main_coin_lease .btn_wrap li {
        font-size: 12px;
        font-weight: bold;
    }

        .main_coin_lease .btn_wrap li.btn1 {
            border-right: 1px solid #d4dcee;
            color: #2c4562;
        }

        .main_coin_lease .btn_wrap li.btn2 {
            color: #f23428;
        }

            .main_coin_lease .btn_wrap li.btn2.finish {
                color: #a5abb7;
                background: #f3f3f5;
            }

@media (max-width: 320px) {
    .m_coinList tr td:first-child, .m_coinList tr td:last-child {
        padding-left: 7px;
    }
}

/* hhh 200311 론 슬라이드 추가 */
.loan_con_wrap {
    overflow-x: hidden;
}

.loan_slide_wrap {
    padding: 35px 20px 17px;
    width: calc(100% + 130px);
    background-color: #f3f4f8;
    font-family: "Noto Sans KR"
}

    .loan_slide_wrap > div {
        float: left;
    }

.loan_slide_tit {
    width: 90px;
    padding-right: 30px;
    word-break: keep-all;
}

    .loan_slide_tit h2 {
        margin-bottom: 22px;
        font-size: 13px;
        line-height: 25px;
    }

        .loan_slide_tit h2 strong {
            display: block;
            font-size: 20px;
        }

    .loan_slide_tit .slide_controls {
        position: relative;
        display: inline-block;
        width: 40px;
    }

        .loan_slide_tit .slide_controls > div,
        .loan_slide_tit .slide_controls > div div {
            display: inline;
        }

        .loan_slide_tit .slide_controls .paging {
            font-size: 11px;
            color: #888;
            line-height: 17px;
        }

            .loan_slide_tit .slide_controls .paging span {
                font-size: 14px;
                font-weight: 700;
                color: #20232a;
            }

        .loan_slide_tit .slide_controls > div .bx-pager {
            display: none;
        }

    .loan_slide_tit .bx-prev,
    .loan_slide_tit .bx-next {
        position: absolute;
        top: 7px;
        width: 9px;
        height: 8px;
        font-size: 0;
    }

    .loan_slide_tit .bx-prev {
        left: 0;
        background: url(../Images/main/btn_slide_prev.png) 0 0 / 9px no-repeat;
    }

    .loan_slide_tit .bx-next {
        right: 0;
        background: url(../Images/main/btn_slide_next.png) 0 0 / 9px no-repeat;
    }

        .loan_slide_tit .bx-prev.disabled,
        .loan_slide_tit .bx-next.disabled {
            opacity: 0;
            pointer-events: none;
        }

.loan_slide_wrap .bx-wrapper {
    /*width: 1220px;
    max-width: 1220px;*/
}

.loan_slide_wrap .bx-viewport {
    overflow: visible !important;
}

.loan_slide {
    display: flex;
    overflow: hidden;
}

    .loan_slide > div {
        width: 290px;
        height: 135px;
        margin-right: 20px;
        position: relative;
        border-radius: 5px;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 5px 5px 10px rgba(170,173,181,0.35)
    }

        .loan_slide > div p {
            font-size: 0;
            height: 100px;
            border-bottom: 1px solid #dfe2e7;
        }

        .loan_slide > div .loan_link_wrap {
        }

            .loan_slide > div .loan_link_wrap a {
                display: block;
                text-align: center;
                height: 35px;
                line-height: 35px;
                font-size: 12px;
                font-weight: 500;
            }

                .loan_slide > div .loan_link_wrap a:focus,
                .loan_slide > div .loan_link_wrap a:hover {
                    color: inherit;
                }

        .loan_slide > div.loan_slide_0 {
            background: #fff url(../Images/main/m_loan_txt_0.png) 13px 26px / 265px no-repeat;
        }

            .loan_slide > div.loan_slide_0 a {
                font-size: 0;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
            }

        .loan_slide > div.loan_slide_1 p {
            background: url(../Images/main/m_loan_txt_1.png) 15px 25px / 113px no-repeat, url(../Images/main/m_loan_bg_1.png) right 0 / contain no-repeat;
        }

        .loan_slide > div.loan_slide_2 p {
            background: url(../Images/main/m_loan_txt_2.png) 15px 25px / 130px no-repeat, url(../Images/main/m_loan_bg_2.png) right 15px / 115px no-repeat;
        }

        .loan_slide > div.loan_slide_3 p {
            background: url(../Images/main/m_loan_txt_3.png) 15px 25px / 151px no-repeat, url(../Images/main/m_loan_bg_3.png) right 15px / 115px no-repeat;
        }

        .loan_slide > div.loan_slide_4 p {
            background: url(../Images/main/m_loan_txt_4.png) 15px 25px / 151px no-repeat, url(../Images/main/m_loan_bg_4.png) right 15px / 115px no-repeat;
        }
    /*영문일때이미지*/

    .loan_slide.lang_en > div.loan_slide_0 {
        background: #fff url(../Images/main/m_loan_txt_en_0.png) 11px 27px / 265px no-repeat
    }

        .loan_slide.lang_en > div.loan_slide_0 a {
            width: 139px;
        }

    .loan_slide.lang_en > div.loan_slide_1 p {
        background: url(../Images/main/m_loan_txt_en_1.png) 15px 25px / 126px no-repeat, url(../Images/main/m_loan_bg_en_1.png) right 0 / contain no-repeat;
    }

    .loan_slide.lang_en > div.loan_slide_2 p {
        background: url(../Images/main/m_loan_txt_en_2.png) 15px 25px / 145px no-repeat, url(../Images/main/m_loan_bg_2.png) right 15px / 115px no-repeat;
    }

    .loan_slide.lang_en > div.loan_slide_3 p {
        background: url(../Images/main/m_loan_txt_en_3.png) 15px 25px / 146px no-repeat, url(../Images/main/m_loan_bg_3.png) right 15px / 115px no-repeat;
    }

    .loan_slide.lang_en > div.loan_slide_4 p {
        background: url(../Images/main/m_loan_txt_en_4.png) 15px 25px / 155px no-repeat, url(../Images/main/m_loan_bg_4.png) right 15px / 115px no-repeat;
    }

    .loan_slide > div.loan_slide_2 .loan_link_wrap a {
        width: 50%;
        float: left;
    }

        .loan_slide > div.loan_slide_2 .loan_link_wrap a:first-child {
            border-right: 1px solid #dfe2e7;
        }

/* 슬라이드 클래스 추가 됐을때 */
.loan_slide_wrap.slide {
    width: 100%;
    padding-top: 15px;
}

    .loan_slide_wrap.slide > div:first-child {
        margin-bottom: 8px;
        float: none;
    }

    .loan_slide_wrap.slide .loan_slide_tit {
        width: 100%;
        padding: 0;
    }

        .loan_slide_wrap.slide .loan_slide_tit h2 {
            display: inline;
            margin-bottom: 0;
        }

            .loan_slide_wrap.slide .loan_slide_tit h2 strong {
                font-size: 13px;
                display: inline;
            }

        .loan_slide_wrap.slide .loan_slide_tit .slide_controls {
            margin-left: 19px;
            padding-left: 19px;
            width: 58px;
        }
/*********************
    투자계산기
**********************/

.invest_calc_wrap {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    font-family: "Roboto","Noto Sans KR";
}

.invest_calc {
    position: absolute;
    bottom: 0;
    padding: 0 20px;
    width: 100%;
    height: calc(100% - 140px);
    background-color: #fff;
    border-radius: 15px 15px 0 0;
    box-shadow: 0 -3px 8px rgba(15,33,54,0.1);
}

.invest_calc_header {
    padding: 45px 0 30px;
}

    .invest_calc_header h2 {
        text-align: center;
        font-size: 22px;
    }

    .invest_calc_header .btn_invest_close {
        position: absolute;
        right: 20px;
        top: 50px;
        width: 14px;
        height: 14px;
        background: url(../Images/main/btn_calc_close.png) 0 0 / cover no-repeat;
    }

.invest_calc_body {
    height: calc(100% - 99px);
    overflow: auto;
    padding: 30px 0;
}

    .invest_calc_body > div:not(:first-child) {
        border-bottom: 1px solid #dfe2e7;
    }

    .invest_calc_body .invest_con_1 {
        margin-bottom: 60px;
    }

    .invest_calc_body h3 {
        float: left;
        width: calc(100% - 226px);
        font-size: 17px;
        color: #666;
        line-height: 22px;
    }

        .invest_calc_body h3 + div {
            float: left;
            width: 226px;
        }

.invest_con_1 h3 {
    display: flex;
    align-items: center;
    justify-content: left;
    height: 65px;
    line-height: 1.2;
}

.invest_con_1 li {
    float: left;
    width: 70px;
    height: 65px;
    border-radius: 5px;
    border: 1px solid #dfe2e7;
    overflow: hidden;
}

    .invest_con_1 li:not(.invest_usdt) {
        pointer-events: none;
    }

    .invest_con_1 li:not(:last-child) {
        margin-right: 8px;
    }

    .invest_con_1 li input {
        display: none;
    }

    .invest_con_1 li label {
        padding-top: 42px;
        display: block;
        height: 100%;
        text-align: center;
        color: #bbb;
        font-size: 13px;
        line-height: 1;
        letter-spacing: -0.025em;
    }

        .invest_con_1 li label::before {
        }

    .invest_con_1 li input:checked + label {
        color: #fff;
        background-color: #416ff4 !important;
    }

    .invest_con_1 li.invest_usdt input + label {
        background: url(../Images/main/calc_coin_off_2074.png) center 13px / 24px no-repeat;
    }

    .invest_con_1 li.invest_btc input + label {
        background: url(../Images/main/calc_coin_off_1.png) center 13px / 18px no-repeat;
    }

    .invest_con_1 li.invest_trx input + label {
        background: url(../Images/main/calc_coin_off_2002.png) center 12px / 25px no-repeat;
    }

    .invest_con_1 li.invest_usdt input:checked + label {
        background-image: url(../Images/main/calc_coin_on_2074.png)
    }

    .invest_con_1 li.invest_btc input:checked + label {
        background-image: url(../Images/main/calc_coin_on_1.png)
    }

    .invest_con_1 li.invest_trx input:checked + label {
        background-image: url(../Images/main/calc_coin_on_2002.png)
    }

.invest_con_2 {
    padding-bottom: 23px;
}

    .invest_con_2 .invest_input_wrap {
        position: relative;
        border-bottom: 2px solid #20232a;
    }

        .invest_con_2 .invest_input_wrap input {
            position: relative;
            width: 100%;
            font-size: 22px;
            padding: 0 50px 8px 0;
            text-align: right;
            background-color: transparent;
            font-weight: bold;
            line-height: 22px;
        }

            .invest_con_2 .invest_input_wrap input::placeholder {
            }

        .invest_con_2 .invest_input_wrap span:nth-of-type(1) {
            position: absolute;
            left: 0;
            top: 0;
            color: #bbb;
            font-size: 15px;
            padding: 0 50px 8px 0;
        }

        .invest_con_2 .invest_input_wrap span:nth-of-type(2) {
            position: absolute;
            right: 0;
            bottom: 10px;
            font-size: 19px;
            color: #888;
            line-height: 1;
        }

    .invest_con_2 .usdt_exchange {
        display: none;
        padding-top: 15px;
        text-align: right;
        font-size: 17px;
        color: #888;
        line-height: 1;
    }

.invest_con_3,
.invest_con_4 {
    padding: 26px 0;
}

    .invest_con_3 div,
    .invest_con_4 div {
        position: relative;
        text-align: right;
    }

        .invest_con_3 div p {
            line-height: 22px;
        }

            .invest_con_3 div p input {
                width: 100%;
                font-size: 22px;
                height: 22px;
                font-weight: bold;
                text-align: right;
                line-height: 1;
                padding-right: 50px;
            }

            .invest_con_3 div p span {
                position: absolute;
                right: 0;
                top: 0;
                line-height: 24px;
                font-size: 19px;
                color: #888;
            }

        .invest_con_4 div p {
            font-size: 15px;
            color: #bbb;
            line-height: 22px;
        }

            .invest_con_4 div p strong {
                font-size: 22px;
                color: #d83a2b;
                font-weight: bold;
            }

            .invest_con_4 div p span {
                font-size: 19px;
                color: #888;
                font-weight: bold;
            }

@media screen and (max-width: 320px) {
    .invest_calc_header {
        padding: 20px 0;
    }

    .invest_calc_body {
        padding: 10px 0;
    }

        .invest_calc_body h3 {
            font-size: 13px;
        }
}

/*20210210 더보기 추가*/
.moreheader {
    background: #2196f3;
    display: flex;
    justify-content: space-between;
    padding: 1.7rem 2.8rem;
}

    .moreheader .level {
        background: linear-gradient(to bottom,#ffed26,#ffda37);
        border-radius: 50%;
        width: 70px;
        height: 70px;
        text-align: center;
        padding-top: 13px;
        font-weight: bold;
        color: #2196f3;
        letter-spacing: -0.05px;
        box-shadow: 6px 4px 13px -4px #1c5dad;
        margin-top: 6px;
    }

        .moreheader .level h3 {
            font-size: 25px;
            margin-bottom: -5px;
            font-family: 'Roboto' !important;
            font-weight: 600;
        }

        .moreheader .level p {
            font-size: 12px;
            font-weight: 800;
            margin-top: 3px;
        }

    .moreheader ul {
        margin-top: 8px;
        font-family: 'Roboto','Noto Sans KR';
    }

        .moreheader ul li {
            display: flex;
            color: #fff;
            letter-spacing: 0.3px;
        }

        .moreheader ul > :nth-child(1) {
            font-size: 13px;
            font-weight: 500;
            margin-bottom: 6px;
        }

        .moreheader ul > :nth-child(2) {
            font-weight: 300;
            color: #c0e0f9;
            text-decoration: underline;
        }

            .moreheader ul > :nth-child(2) p {
                font-size: 13px;
            }

        .moreheader ul .my_usernumber {
            color: #fff;
            font-size: 14px;
            margin-left: 2px;
            font-weight: 400;
        }

            .moreheader ul .my_usernumber span {
                font-weight: 500;
                font-size: 15px;
            }


        .moreheader ul img {
            width: 16px;
            height: 16px;
            margin-right: 2px;
            margin-top: 3px;
        }

        .moreheader ul .yellow {
            color: #ffda37;
            margin-right: 5px;
        }

        .moreheader ul span {
            margin-right: 3px;
        }

.title_list ul {
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    margin: 2rem 2.5rem;
}

.w_title_list ul {
    margin: 2rem 5.5rem;
}

.title_list ul a {
    color: #2196f3 !important;
    font-weight: 500;
    font-family: 'Roboto','Noto Sans KR';
}

.title_list .line {
    width: 1px;
    height: 10px;
    background: #cccccc;
    margin-top: 6px;
}

#more_slider {
    width: 100%;
    overflow: hidden;
}

    #more_slider .container {
        padding: 0;
        margin: 0;
    }

    #more_slider img {
        width: 100%;
    }

    #more_slider .slide {
        width: 25%;
        float: left;
    }


/*더보기 슬라이드*/

.slider_nav {
    position: relative;
    z-index: 300;
    margin-top: -2.5rem;
}

#slider-nav {
    display: block;
    padding-left: 45%;
}


    #slider-nav a {
        display: inline-block;
        width: 6px;
        height: 6px;
        background-color: #cac8c9;
        color: transparent;
        overflow: hidden;
        margin: 0 5px 0 0;
        border-radius: 100%;
    }

    #slider-nav .active {
        background-color: #666666;
    }

.more_notice {
    display: flex;
    margin: 4rem 0 2rem 2.6rem;
}

    .more_notice img {
        opacity: 0.9;
        width: 18px;
        height: 15px;
        margin: 5px 7px 0 0;
    }

    .more_notice a {
        width: 100%;
        font-size: 15px;
        font-weight: 500;
        font-family: 'Noto Sans KR';
        letter-spacing: 0.2px;
        background: url(../Content/Images/icon/arrow_right_icon.png);
        background-repeat: no-repeat;
        background-size: 8px;
        background-position: 93%;
    }

.more_title {
    background: #f5f3f4;
    display: flex;
    padding: 1rem 2.6rem;
    font-size: 13px;
    color: #666666;
    font-weight: 500;
    font-family: 'Noto Sans KR';
}

    .more_title img {
        opacity: 0.6;
        width: 16px;
        height: 16px;
        margin: 2px 10px 0 0;
    }

.more_invest_list {
    margin: 1.7rem 0 1.7rem 5.2rem;
    font-family: 'Roboto','Noto Sans KR';
}

    .more_invest_list a {
        width: 100%;
        background: url(../Content/Images/icon/arrow_right_icon.png);
        background-repeat: no-repeat;
        background-position: 93%;
        background-size: 8px;
        font-size: 15px;
        color: #111111;
        font-weight: 500;
        margin-bottom: 2.2rem;
        letter-spacing: -0.05px;
    }

    .more_invest_list > :last-child a {
        margin-bottom: 0rem;
    }

.more_inquiry_list {
    display: flex;
    justify-content: space-between;
    font-family: 'Roboto','Noto Sans KR';
    margin: 1.8rem 6% 0 5rem;
}

    .more_inquiry_list a {
        width: 100%;
        background: url(../Content/Images/icon/arrow_right_icon.png);
        background-repeat: no-repeat;
        background-position: 100%;
        background-size: 8px;
        font-size: 15px;
        color: #111111;
        font-weight: 500;
        margin-bottom: 2.2rem;
        letter-spacing: -0.05px;
    }

    .more_inquiry_list > :nth-child(1) {
        width: 132px;
    }

    .more_inquiry_list > :nth-child(2) {
        width: 127px;
    }

    .more_inquiry_list > :nth-child(1) > :last-child a {
        margin-bottom: 1.8rem;
    }

    .more_inquiry_list .inquiry_list_small {
        font-size: 12px;
    }


.more_service_list {
    margin: 1.7rem 0 1.7rem 5.2rem;
    font-family: 'Roboto','Noto Sans KR';
}

    .more_service_list a {
        width: 100%;
        background: url(../Content/Images/icon/arrow_right_icon.png);
        background-repeat: no-repeat;
        background-position: 93%;
        background-size: 8px;
        font-size: 15px;
        color: #111111;
        font-weight: 500;
        margin-bottom: 2.2rem;
        letter-spacing: -0.05px;
    }

    .more_service_list ul > :last-child a {
        margin-bottom: 0;
    }

.more_service_cap, .more_service_hrt {
    display: none;
    position: fixed;
    z-index: 1000;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    font-family: 'Roboto','Noto Sans KR';
}

    .more_service_cap header, .more_service_hrt header {
        display: flex;
        height: 50px;
        padding-top: 1rem;
        padding-left: 14px;
    }

        .more_service_cap header span, .more_service_hrt header span {
            background: url('../Images/btn_back.png') no-repeat;
            background-size: 100%;
            width: 9px;
            height: 16px;
            margin-top: 3px;
        }

        .more_service_cap header p, .more_service_hrt header p {
            font-size: 18px;
            font-weight: 500;
            margin: 0 auto;
        }

    .more_service_cap .more_title, .more_service_hrt .more_title p {
        color: #20232a;
    }

    .more_service_cap .more_service_list, .more_service_hrt .more_service_list {
        margin: 1.7rem 0 1.7rem 2.6rem;
    }

.more_lang_title {
    background: #f5f3f4;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    color: #666666;
    font-weight: 500;
    font-family: 'Noto Sans KR';
}

    .more_lang_title div {
        display: flex;
    }

    .more_lang_title img {
        opacity: 0.6;
        width: 16px;
        height: 16px;
        margin: 2px 10px 0 0;
    }

.more_lang {
    width: 105px;
    background: url(../Content/Images/icon/line_right_icon.png);
    background-repeat: no-repeat;
    background-position: 90% 80%;
    background-size: 16px;
}

    .more_lang span {
        font-family: 'Roboto';
        color: #444444;
        font-size: 12px;
        letter-spacing: -0.05px;
    }

    .more_lang img {
        opacity: 1;
        width: 18px;
        height: 18px;
        margin: 3px 5px 0 0;
    }

@media screen and (max-width:320px) {
    .more_lang_title {
        padding: 1rem 0.5rem 1rem 2.6rem;
    }
}

@media screen and (min-width:321px) {
    .more_lang_title {
        padding: 1rem 1rem 1rem 2.6rem;
    }
}

@media screen and (min-width:428px) {
    .more_lang_title {
        padding: 1rem 1.5rem 1rem 2.6rem;
    }
}

@media screen and (min-width:516px) {
    .more_lang_title {
        padding: 1rem 2rem 1rem 2.6rem;
    }
}

@media screen and (min-width:600px) {
    .more_lang_title {
        padding: 1rem 2.5rem 1rem 2.6rem;
    }
}

@media screen and (min-width:655px) {
    .more_lang_title {
        padding: 1rem 3rem 1rem 2.6rem;
    }
}

@media screen and (min-width:755px) {
    .more_lang_title {
        padding: 1rem 3.5rem 1rem 2.6rem;
    }
}

@media screen and (min-width:796px) {
    .more_lang_title {
        padding: 1rem 4rem 1rem 2.6rem;
    }
}

@media screen and (min-width:910px) {
    .more_lang_title {
        padding: 1rem 4.5rem 1rem 2.6rem;
    }
}

@media screen and (min-width:980px) {
    .more_lang_title {
        padding: 1rem 5rem 1rem 2.6rem;
    }
}

@media screen and (min-width:1024px) {
    .more_lang_title {
        padding: 1rem 5.1rem 1rem 2.6rem;
    }
}


.more_footer {
    padding: 0 0 11rem 0;
    font-family: 'Roboto','Noto Sans KR';
}

    .more_footer div {
        margin-left: 3.5rem;
    }

    .more_footer button {
        margin: 3.5rem auto 0 auto;
        background: #416ff4;
        width: 92%;
        height: 45px;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        border-radius: 3px;
    }

    .more_footer section {
        padding: 10px 2rem 20px 2rem;
        background: #f2f4f8;
        letter-spacing: -0.05px;
        font-size: 12px;
        font-weight: 400;
        color: #95a6b2;
        margin-top: 40px;
        position: relative;
    }

    .more_footer ul a {
        letter-spacing: -0.05px;
        font-size: 12px;
        font-weight: 400;
        color: #95a6b2;
    }

    .more_footer section > :nth-child(1) {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #dae5ed;
        width: 100%;
        padding-bottom: 10px;
    }

        .more_footer section > :nth-child(1) > :nth-child(1) > :nth-child(1) {
            margin-right: 20px;
        }


    .more_footer .more_bold a, .more_footer .more_bold {
        font-weight: 500;
    }

    .more_footer section > :nth-child(2) {
        clear: both;
        margin-top: 10px;
    }

        .more_footer section > :nth-child(2) > :nth-child(1) {
            margin-bottom: 4px;
        }

        .more_footer section > :nth-child(2) > :nth-child(2) {
            display: flex;
            margin-bottom: 4px;
        }

            .more_footer section > :nth-child(2) > :nth-child(2) .line {
                height: 10px;
                width: 1px;
                background: #d0dae2;
                margin: 3px 1rem 0 1rem;
            }

    .more_footer .footer_logo {
        position: absolute;
        right: 15px;
        top: 7.9rem;
    }

        .more_footer .footer_logo .footer_isms {
            width: 27px;
            height: 25px;
            margin-bottom: 6px;
            margin-left: 12px;
        }

        .more_footer .footer_logo .footer_chain {
            width: 52px;
            height: 38px;
        }

        .more_footer .footer_logo .footer_lambda {
            width: 42px;
            height: 22px;
            margin-left: 5px;
            margin-bottom: 5px;
        }

        .more_footer .footer_logo .footer_isms_text {
            position: absolute;
            margin-top: -20px;
        }

        .more_footer .footer_logo .footer_chain_text {
            position: absolute;
            margin-top: 6px;
            right: -16px;
        }


    .more_footer section > :nth-child(2) > :nth-child(4) {
        margin-top: -8px;
    }

.app_download {
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    width: 87%;
    margin: 1rem auto 2rem auto;
    padding: 3.5rem 1.2rem 4rem 1.2rem;
    text-align: center;
    font-family: 'Roboto','Noto Sans KR';
}

    .app_download > :nth-child(1) {
        font-size: 18px;
        font-weight: 300;
    }

    .app_download .app_bold {
        font-weight: 400;
    }

    .app_download > :nth-child(2) {
        font-size: 15px;
        font-weight: 300;
        margin-bottom: 1.5rem;
    }

    .app_download .app_bold1 {
        font-weight: 600;
    }

    .app_download button {
        background: #416ff4;
        color: #fff;
        padding: 1rem 0;
        width: 95%;
        border-radius: 3px;
        font-weight: bold;
    }

    .app_download .app_bold2 {
        font-weight: 500;
    }

/*탑 nav 수정*/

.header_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    padding: 1rem 1.5rem 1rem 1.5rem;
}

    .header_fixed .page_title p {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        font-family: 'Noto Sans KR';
    }

.page_title_nonelog {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 12px;
    font-family: 'Noto Sans KR';
}

    .page_title_nonelog img {
        width: 70px;
    }

    .page_title_nonelog .line {
        width: 1px;
        height: 10px;
        background: #cccccc;
        margin: 0 6px;
    }

/*로그인 시 자산노출*/
.assets_toggle {
    padding: 0;
    position: absolute;
    border: none;
    height: 2.2rem;
    width: 5rem;
    border-radius: 1.5rem;
    background: #2196f3;
    right: 9px;
    top: 13px;
    color: #fff !important;
    font-size: 10px;
    padding-right: 18px;
}

    .assets_toggle.active {
        transition: background-color 0.7s;
        background-color: #8f9194;
        font-size: 10px;
        padding-left: 23px;
    }

    .assets_toggle:after {
        padding-right: 18px;
    }

    .assets_toggle:focus,
    .assets_toggle:focus.active {
        outline: none !important;
    }

.page_title .title_aside_close{
    width:40px;
    height:40px;
    position:absolute;
    top:3px;
    right:9px;
    padding:12px;
}
/*로그인 시 자산노출*/
.assets_toggle {
    padding: 0;
    position: absolute;
    border: none;
    height: 2.2rem;
    width: 5rem;
    border-radius: 1.5rem;
    background: #2196f3;
    right: 9px;
    top: 13px;
    color: #fff !important;
    font-size: 10px;
    padding-right: 18px;
}
    .assets_toggle > .handle {
        position: absolute;
        top: 1.4px;
        right: 0.1rem;
        width: 1.88rem;
        height: 1.95rem;
        border-radius: 1.125rem;
        background: #fff;
        transition: right .5s;
    }

    .assets_toggle.active > .handle {
        right: 3rem;
        transition: right .5s;
    }

.wrapper .main_my_assets {
    display: flex;
    justify-content: space-between;
    margin: 1.3rem 10px 2rem 12px;
}

    .wrapper .main_my_assets div {
        line-height: 22px;
    }

    .wrapper .main_my_assets > :nth-child(1) {
        width: 44%;
    }

    .wrapper .main_my_assets > :nth-child(2) {
        width: 49%;
    }

    .wrapper .main_my_assets p {
        font-size: 11px;
        color: #888888;
        font-family: 'Noto Sans KR';
        letter-spacing: 0.025px;
        display: flex;
        justify-content: space-between;
    }

        .wrapper .main_my_assets p span {
            font-size: 12px;
            font-family: Roboto;
            font-weight: 600;
        }

        .wrapper .main_my_assets p .black {
            color: #20232a;
        }

        .wrapper .main_my_assets p .red {
            color: #dd4d54;
        }

/* 메인 코인 검색 수정*/
.search_coin {
    display: flex;
    background: #f7f8fa;
    padding: 0 3rem;
}

    .search_coin input {
        background: #f7f8fa;
        width: 100%;
        height: 4rem;
        font-size: 16px;
        transform: scale(0.8);
        transform-origin: left;
    }

        .search_coin input::placeholder {
            color: #111 !important;
            opacity: 0.5;
            font-weight: 400;
            font-family: 'Noto Sans KR';
        }

    .search_coin img {
        width: 18px;
        height: 17px;
        margin-top: 12px;
        opacity: 0.5;
    }

#main .nav-tabs {
    border-bottom: 1px solid #babcc0;
    display: flex;
    justify-content: space-between;
}

    #main .nav-tabs > li:nth-of-type(5) button {
        text-align: center;
        margin-top: 3px;
    }

#main .main_banner_none {
    height: 32px;
}

.footer_bottom {
    height: 100px;
}

/*앱 설치유도 팝업*/

.layer_popup_bg1 {
    width: 100%;
    position: fixed;
    z-index: 998;
    background: rgba(0,0,0,.4);
    height: 100vh;
}

.layer_popup2 {
    position: fixed;
    z-index: 1000;
    bottom: 0;
    background: #fff;
    color: #111;
    height: 215px;
    width: 100%;
    font-family: 'Noto Sans KR';
    text-align: center;
    padding: 3.6rem 0 0 0;
    border-radius: 20px 20px 0 0;
    letter-spacing: -0.05px;
}

    .layer_popup2 h1 {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 5px;
    }

    .layer_popup2 button {
        font-size: 18px;
        background: #416ff4;
        color: #fff;
        padding: 1.6rem 10rem;
        border-radius: 10px;
        margin-top: 1.8rem;
    }

    .layer_popup2 p {
        font-size: 11px;
        color: #444;
    }

    .layer_popup2 #layer_check_wrap1 {
        width: 100px;
        height: 30px;
        margin: 1.2rem auto 0 auto;
    }

    .layer_popup2 span {
        font-weight: 500;
    }

@keyframes fadeIn {
    from {
        transform: translateY(100px);
    }

    to {
        transform: none;
    }
}

.layer_popup2 {
    animation: fadeIn 0.3s ease-in-out;
}

#layer_popup5 {
    font-family: Roboto, 'Noto Sans KR', 'Nanum Gothic', sans-serif;
    width: 89%;
    position: fixed;
    left: 50%;
    top: 30%;
    background: #fff;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1003;
    overflow: hidden;
}

    #layer_popup5 .content {
        height: 100px;
        text-align: center;
    }

    #layer_popup5 .layer_footer {
        height: 25%;
        padding: 1rem 3rem;
    }

    #layer_popup5 .layer_confirm1 {
        background: #3268b2;
        color: #fff;
        font-size: 11px;
        padding: 5px 15px;
        float: right;
        font-weight: 300;
        border-radius: 2px;
        letter-spacing: -0.3px;
    }

.pop_check_wrap1 {
    position: relative;
    display: inline-block;
}

    .pop_check_wrap1 label::before {
        content: "";
        display: inline-block;
        width: 13px;
        height: 13px;
        background: #fff;
        position: absolute;
        top: 56%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
    }

    .pop_check_wrap1 input {
        width: 0;
        height: 0;
        overflow: hidden;
    }

        .pop_check_wrap1 input + label {
            color: #fff;
            font-size: 11px;
            font-weight: 300;
            padding-left: 18px;
            padding-top: 5px
        }

        .pop_check_wrap1 input:checked[type="checkbox"] + label::before {
            background: url('../Images/icon_check.png') no-repeat center center #fff;
            background-size: 10px;
        }
/* 로딩바 추가 */
.progress-circle-indeterminate {
    background: url('../../Images/progress-circle-master.svg') no-repeat top left;
    width: 50px;
    height: 50px;
    /*background-size: 100% auto;
    margin: 0 auto;*/
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 999;
}

.certification .progress-circle-indeterminate {
    background-color: #fff;
    border-radius: 50%;
    opacity: 0.8;
}


.certification.loading {
    width: 70px;
    height: 70px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 2000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute;
    z-index: 999;
    left: 55%;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.id_p {
    color: #c0e0f9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .id_p:hover {
        color: #c0e0f9;
    }