@charset "utf-8";

* {
    font-family: ROBOTO, sans-serif !important;
}

/*header*/
.headerWrap {
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #58BDD8;
}

.headerWrap a {
    color: #242424 !important;
}

.back-wrap {
    width: 15%;
    height: 50px;
}

.back-wrap a {
    display: inline-block;
    width: 40px;
    line-height: inherit;
    margin: 0px 0 0 15px;
    cursor: pointer;
}

.back-wrap img.back-icon {
    max-width: 40px;
    height: 35px;
    margin-top: -5px;
    vertical-align: middle;
}

.headerWrap .tit {
    width: 70%;
    text-align: center;
    line-height: inherit;
    font-size: 15px;
    font-weight: bold;
    font-family: 'NotoSans-Medium', sans-serif;
}

.headerWrap .tit a {
    display: block;
    width: 100%;
    height: auto;
    cursor: default;
}

.headerWrap .close {
    position: absolute;
    right: 0;
    width: 15%;
    text-align: center;
    line-height: inherit;
    font-size: 13px;
    font-family: 'NotoSans-Regular', sans-serif;
}

.headerWrap .close a {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
}

.headerWrap .menu {
    position: absolute;
    top: 14px;
    right: 23px;
    width: 24px;
    height: 20px;
    background: url('../img/btn_menu.svg')no-repeat;
    background-size: contain;
}

.headerWrap .menu a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


/*로그인*/
.login-section {
    width: 100%;
    height: auto;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    padding: 20px 0;
}
.logo {
    max-width: 720px;
    height: 270px;
    margin: 0 auto;
    background: url('../img/logo.svg') no-repeat;
    background-size: 100%;
    margin-bottom: 10px;
}

.register_logo {
    max-width: 720px;
    height: 270px;
    margin: 0 auto;
    background: url('../img/logo.svg') no-repeat;
    background-size: 100%;
}

.login-title {
    font-size: 16px;
    font-family: 'NotoSans-Medium', sans-serif;
    color: #000000;
}

.login-content {
    font-size: 13px;
    font-family: 'NotoSans-Medium', sans-serif;
    color: #000000;
}


.container-login {
    padding: 0 36px;
}


.login-wrapper {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    position: relative;
    margin-top: 40px;
}

.wrap-input100 {
    width: 100%;
    position: relative;
    background-color: #fff;
    border-bottom: 2px solid rgba(34, 78, 222, 0);
}

.wrap-input100.email {
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(112,112,112, 0.1);
}

.wrap-input100.pass {
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(112,112,112, 0.1);
}

.input-title {
    font-size: 13px;
    color: #0f0f0f;
    font-family: 'NotoSans-Medium', sans-serif;
}
/*---------------------------------------------*/
.input100 {
    font-family: 'NotoSans-Regular', sans-serif;
    color: #000000;
    line-height: 1.2;
    font-size: 16px;

    display: block;
    width: 100%;
    background: transparent;
    height: 24px;
    padding: 0;
}

input.input100::placeholder{color:#ACB7BE !important;text-align: left;font-size:16px}
input.input100::-webkit-input-placeholder{color:#ACB7BE !important;text-align: left;font-size:16px}
input.input100::-moz-input-placeholder{color:#ACB7BE !important;text-align: left;font-size:16px}
input.input100::-ms-input-placeholder{color:#ACB7BE !important;text-align: left;font-size:16px}

.focus-input100 {
    position: absolute;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    pointer-events: none;
    border-bottom: 2px solid rgba(34, 78, 222, 0.3);
    border-radius: 3px;

    visibility: hidden;
    opacity: 0;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;

    -webkit-transform: scaleX(1.1) scaleY(1.3);
    -moz-transform: scaleX(1.1) scaleY(1.3);
    -ms-transform: scaleX(1.1) scaleY(1.3);
    -o-transform: scaleX(1.1) scaleY(1.3);
    transform: scaleX(1.1) scaleY(1.3);
}

.input100:focus + .focus-input100 {
    visibility: visible;
    opacity: 1;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.eff-focus-selection {
    visibility: visible;
    opacity: 1;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/*custom checkbox*/
.label-container {
    float: right;
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 30px;
    cursor: pointer;
    font-size: 13px;
    color: #97A5AE;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*custom checkbox*/
.label-container-login {
    display: block;
    position: relative;
    margin-top: 30px;
    cursor: pointer;
    font-size: 13px;
    color: #97A5AE;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.label-container-login a {
    color: #0f0f0f;
}

/*custom checkbox*/
.label-container-pwd {
    display: block;
    position: relative;
    margin-top: 30px;
    cursor: pointer;
    font-size: 13px;
    color: #0f0f0f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
}

.label-container-pwd a {
    color: #0f0f0f;
}

.label-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #707070;
    background-color: #fff;
    box-sizing: content-box;
}

.label-container:hover input ~ .checkmark {
    background-color: #fff;
}

.label-container input:checked ~ .checkmark {
    background-color: #fff;
    border: 1px solid #1A274D;
    box-sizing: content-box;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.label-container input:checked ~ .checkmark:after {
    display: block;
    box-sizing: content-box;
}

.label-container .checkmark:after {
    left: 4px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #1A274D;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

label.label-container.send {
    padding: 3px 0 0 25px;
}
/*custom checkbox end*/



.contact100-form-checkbox {
    width: 100%;
}

.container-login100-form-btn,
.primary-btn,
.container-register100-form-btn,
.container-trans100-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.container-login100-form-btn a,
.container-register100-form-btn a,
.container-trans100-form-btn a {
    width: 100%;
    cursor: pointer;
}

.login100-form-btn,
.primary-btn,
.register100-form-btn,
.participation-btn,
.trans100-form-btn {
    font-size: 14px;
    font-weight: bold;
    font-family: 'ROBOTO-Regular', sans-serif;
    color: #0f0f0f;
    line-height: 1.2;
    text-transform: uppercase;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-radius: 7px;

    filter: drop-shadow(2px 3px 5px #7c7c7c);

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.kakaologin100-form-btn {
    font-size: 14px;
    font-family: 'NotoSans-Regular', sans-serif;
    color: #000000;
    line-height: 1.2;
    text-transform: uppercase;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    background-color: #F7E600;
    border-radius: 30px;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.address-book-btn {
    font-size: 14px;
    font-family: 'NotoSans-Regular', sans-serif;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    margin: -20px 0 20px 0;
    width: 100%;
    height: 50px;
    background-color: #8f8f8f;
    border-radius: 10px;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.primary-btn {
    border-radius: 12px;
}

@media (hover: hover) {
    .login100-form-btn:hover,
    .primary-btn:hover,
    .register100-form-btn:hover,
    .participation-btn:hover {
        /*background-color: #58BDD8;*/
    }
}

ul.container-login-bottom {
    display: inline-block;
    width: 90%;
    margin: 15px 5% 0 5%;
}

ul.container-login-bottom li {
    float: left;
    width: 50%;
    display: inline-block;
    text-align: center;
}

ul.container-login-bottom li:after {
    content: '|';
    position: relative;
    top: -2px;
    text-align: center;
    color: #97A5AE;
    font-size: 10px;
}

ul.container-login-bottom li:nth-child(1)::after {
    left: 30px;
}

ul.container-login-bottom li:nth-child(2)::after {
    left: 10px;
}

ul.container-login-bottom li:last-child::after {
    display: none;
}

ul.container-login-bottom li > a {
    padding: 5px;
    font-size: 13px;
    text-align: center;
    color: #97A5AE;
    cursor: pointer;
}

/*register*/
.register-section {
    width: 100%;
    height: auto;
    padding: 20px 0;
}

.register-wrapper {
    width: 100%;
    background: #fff;
    position: relative;
    margin-top: 20px !important;
}

.wrap-input100-register {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    background-color: #fff;
    border-bottom:1px solid rgba(112,112,112, 0.1);
}

.contact100-form-checkbox-register {
    width: 100%;
}
.label-container.register {
    float: none !important;
    color: #000000;
    margin-top: 30px;
}
.terms-strong-text,
.terms-strong-text a {
    color: #3f3f3f;
}


/* validate */
.error-message {
    position: relative;
    top: 15px;
}

.validate-input {
    position: relative;
}

#err1, #err2, #err3, #err4 {
    font-family: 'NotoSans-Regular', sans-serif;
    color: #F2414F;
    font-size: 12px;
    line-height: 0;
    text-align: left;
}

.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    /*background-color: #fff;*/
    padding: 4px 25px 5px 0px;
    top: 80%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /* right: 12px; */
    left: 0;
    pointer-events: none;

    font-family: 'NotoSans-Regular', sans-serif;
    color: #F2414F;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;

    visibility: hidden;
    opacity: 0;

    -webkit-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    transition: opacity 0.4s;
}


.alert-validate:hover:before {
    visibility: visible;
    opacity: 1;
}

/*register complete*/
.register-complete-section {
    width: 100%;
    height: auto;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    padding: 20px 0;
}
.register-complete-wrapper {
    width: 100%;
    background: #fff;
    position: relative;
    margin-top: 150px;
}

.logo.register-logo {
    margin-bottom: 50px;
}

.register-complete-message {
    width: 100%;
    height: 300px;
    text-align: center;
}

.register-complete-message .welcome-title {
    display: block;
    font-size: 20px;
    font-family: 'NotoSans-Medium', sans-serif;
    color: #041170;
    margin-bottom: 15px;
}

.register-complete-message .welcome-message {
    display: block;
    font-size: 13px;
    line-height: 20px;
    font-family: 'NotoSans-Regular', sans-serif;
    color: #000000;
}

/*history-section*/

.section-area {
    width: 100%;
    height: auto;
    min-height: 600px;
    background: #F7F8FA;
    overflow-y: scroll;
}

.section-area-none {
    width: 100%;
    height: auto;
    background: #F7F8FA;
    overflow-y: scroll;
}
.history-section {
    width: 100%;
    height: auto;
    background: #F7F8FA;
}

.top-wrap {
    padding: 0  0 10px 0;
}

.container-topWrap {
    background: #fff;
    padding: 34px 29px;
}

.coin-hyc {
    line-height: 37px;
    vertical-align: middle
}
span.coin-icon {
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 24px;
    width: 32px;
    height: 32px;
    line-height: inherit;
}

/*span.coin-icon.hyc {
    background: url('../img/coin-icon.png') no-repeat;
    background-size: contain;
    background-position: center center;
}*/

span.coin-money.hyc {
    font-size: 25px;
    font-family: 'NotoSans-Medium', sans-serif;
}

span.coin-unit {
    display:inline-block;
    padding-left: 5px;
    font-size: 13px;
    color: #95A2AC;
    font-family: 'NotoSans-Medium', sans-serif;
}

.coin-krw {
    /*line-height: 0;*/
}
span.coin-money.krw {
    font-size: 13px;
    color: #95A2AC;
    font-family: 'NotoSans-Regular', sans-serif;
}

.coin-btn-wrap {
    margin: 30px 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}
.coin-btn-wrap a {
    width: 100%;
    margin: 0 3%;
    color: #fff !important;
}

.coin50-btn {
    font-size: 14px;
    font-family: 'NotoSans-Regular', sans-serif;
    color: #fff !important;
    line-height: 1.1;
    text-transform: uppercase;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 50%;
    margin: 0 2%;
    height: 45px;
    border-radius: 30px;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.coin50-btn.receive {
    background-color: #58BDD8
}

.coin50-btn.send {
    background-color: #58BDD8
}

.coin50-btn.receive:hover {
    background-color: #58BDD8
}

.coin50-btn.send:hover {
    background-color: #58BDD8
}

.receive-icon-bg {
    position: relative;
    left: -15%;
    width: 24px;
    height: 24px;
    padding: 10px;
    border-radius: 30px;
}

span.arrow-icon.receive-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: inherit;
    background: url('../img/receive-arrow.svg') no-repeat;
    background-size: contain;
    background-position: center center;
}

span.arrow-icon.send-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: inherit;
    background: url('../img/send-arrow.svg') no-repeat;
    background-size: contain;
    background-position: center center;
}

.btn-text {width: 90%; text-align: left; font-family: 'NotoSans-Regular', sans-serif; font-size: 13px;}
.btn-text.receive {text-indent: 0px; font-size: 12px;}


.send-icon-bg {
    position: relative;
    left: -15%;
    width: 24px;
    height: 24px;
    padding: 10px;
    border-radius: 30px;
}

.container-bottomWrap {
    background: #fff;
    padding: 5px 20px;
}

.history-title {color: #000; font-family: 'NotoSans-Bold', sans-serif;font-size: 14px;}
.history-sort, .history-sort a {color: #5D666C; font-family: 'NotoSans-Regular', sans-serif;font-size: 12px;}
span.sort-title.period::after,
span.sort-title.type::after {
    content: '\b7\a0';
    position: relative;
    left: 4px;
}

span.arrow.down {
    display: inline-block;
    margin: 0 0 3px 5px;
    padding: 3px;
}

.down {
    display: inline-block;
    float: right;
    position: relative;
    top: 5px;
    width: 10px;
    height: 10px;
    background: url('../img/arrow_down.svg')no-repeat;
}

.coin-history-tbl table {width: 100%;  border-collapse: separate; border-spacing: 0 15px;}
.coin-history-tbl {margin-top: 35px; height: 800px;}

.icon-wrap {
    width: 40px;
    height: 40px;
    line-height: 45px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    cursor: pointer;
}
.icon-wrap.receive {background-color: #C4EBE5;}
.icon-wrap.send {background-color: #FDDBDB;}
.icon-wrap.update {background-color: #F5F8F9;}
.icon-wrap.event {background-color: #F7F8FA; line-height: 30px !important;}

td.icon, td.money {vertical-align: middle;}

span.receive-complete {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: inherit;
    background: url('../img/receive-complete.svg') no-repeat;
    background-size: contain;
    background-position: center center;
}

td.text {padding:0 !important; margin-top: 0 !important; line-height: 20px !important;}

span.signal-time { display: block; font-size: 11px; color: #97A5AE; font-family: 'NotoSans-Regular', sans-serif; }
span.signal-time a{ font-size: 11px; color: #97A5AE; font-family: 'NotoSans-Regular', sans-serif; }
span.signal-text { display: block; font-size: 14px; color: #000; font-family: 'NotoSans-Medium', sans-serif; cursor: pointer;}
span.signal-text a {font-size: 14px; color: #000; font-family: 'NotoSans-Medium', sans-serif;}
span.signal-hash { display: block; font-size: 11px; color: #97A5AE; font-family: 'NotoSans-Regular', sans-serif;}
span.signal-hash a {font-size: 11px; color: #97A5AE; font-family: 'NotoSans-Regular', sans-serif;}

.money-wrap {text-align: right;}
.money-wrap span.money-hyc.receive,
.pop-tbl .money-hyc.receive,
.money-wrap span.money-hyc.event {
    color: #06A589;
    font-size: 16px;
    font-family: 'NotoSans-Medium', sans-serif;
}

.money-wrap .money-krw {
    color: #97A5AE;
    font-size: 12px;
    font-family: 'NotoSans-Regular', sans-serif;
}
.money-unit {margin-left: 5px;}


/*table send*/
span.send-complete {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: inherit;
    background: url('../img/send-complete.svg') no-repeat;
    background-size: contain;
    background-position: center center;
}

.pop-tbl .money-hyc.send,
.money-wrap span.money-hyc.send,
.money-wrap span.money-hyc.update {
    color: #F2414F;
    font-size: 16px;
    font-family: 'NotoSans-Medium', sans-serif;
}

.money-wrap span.money-hyc.cancel {
    color: #8f8f8f;
    font-size: 16px;
    font-family: 'NotoSans-Medium', sans-serif;
}

/*table update*/
span.update-confirm {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: inherit;
    background: url('../img/update-arrows.svg') no-repeat;
    background-size: contain;
    background-position: center center;
}

/*table update*/
span.cancel-confirm {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: inherit;
    background: url('../img/cancel-complete.svg') no-repeat;
    background-size: contain;
    background-position: center center;
}

/*table event*/
span.event-status {
    display: inline-block;
    font-size: 10px;
    color: #97A5AE;
    text-align:center;
}

/*faq-section*/
.section-wrapper {
    width: 100%;
    height: auto;
    min-height: 660px;
    background: #F7F8FA;
}

.faq-wrapper  {
    width: 100%;
    margin: 0 auto;
}

.faq-section .faq-menu-wrap {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #F7F8FA;
}

span.title-menu {
    padding: 0px 20px;
    font-size:15px;
    color: #1A274D;
    font-family: 'NotoSans-Medium', sans-serif;
}

.faq-content-wrap {
    height: auto;
    padding: 10px 20px;
    background: #fff;
}

.faq-content-wrap .content-title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #000000;
    margin-bottom: 10px;
    min-height: 35px;
    border-bottom: 1px solid rgba(112,112,112, 0.1);
    cursor: pointer;
}

.faq-content-wrap .content-title span.tit-text{
    font-size: 14px;
}

.faq-content-wrap .content {
    display: flex;
    width: 95%;
    font-size: 12px;
    color: #5D666C;
    margin-bottom: 20px;
    font-family: 'NotoSans-Regular', sans-serif;
}

.faq-content-wrap .content-answer-icon {
    width: 28px;
    height: 25px;
    background: url('../img/faq-answer.png')no-repeat;
}

.faq-content-wrap .content-answer {
    display: inline-block;
    line-height: 18px;
    width: 100%;
}

span.arrow {
    /* float: left; */
    margin-top: 8px;
}

.down2 {
    display: inline-block;
    margin: 0 0 3px 5px;
    padding: 3px;
    float: right;
    position: relative;
    top: -27px;
    width: 10px;
    height: 10px;
    background: url('../img/arrow_down.svg')no-repeat;
}

/*tab section*/
.tab-section { width: 100%; height: 60px; line-height: 60px; position: fixed; bottom: 0; z-index: 99999;overflow: hidden; background: #fff;}
ul.tab-ul { width: 100%; display: inline-block; }
ul.tab-ul li {width: 25%; height: 60px; display: inline-block; float: left; text-align: center;}

.tab-section ul.tab-ul a { display:block ; cursor:pointer;}

.tab-section ul.tab-ul li.tab1 {
    width: 25%;
    height: 60px;
    background: url('../img/wallet.svg')no-repeat;
    background-position: center;
}

.tab-section ul.tab-ul li.tab1.active {
    width: 25%;
    height: 60px;
    background: url('../img/wallet-active.svg')no-repeat;
    background-position: center;
}

.tab-section ul.tab-ul li.tab2 {
    width: 25%;
    height: 60px;
    background: url('../img/assets-staking-tab.svg')no-repeat;
    background-position: center;
}

.tab-section ul.tab-ul li.tab2.active {
    width: 25%;
    height: 60px;
    background: url('../img/assets-staking-active.svg')no-repeat;
    background-position: center;
}

.tab-section ul.tab-ul li.tab3 {
    width: 25%;
    height: 60px;
    background: url('../img/gear.svg')no-repeat;
    background-position: center;
}

.tab-section ul.tab-ul li.tab3.active {
    width: 25%;
    height: 60px;
    background: url('../img/gear-active.svg')no-repeat;
    background-position: center;
}

.tab-section ul.tab-ul li.tab4 {
    width: 25%;
    height: 60px;
    background: url('../img/faq.svg')no-repeat;
    background-position: center;
}

.tab-section ul.tab-ul li.tab4.active {
    width: 25%;
    height: 60px;
    background: url('../img/faq-active.svg')no-repeat;
    background-position: center;
}


/*user Guide*/
.userGuide-section .user-menu-wrap {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #F7F8FA;
}

.userGuide-section .user-menu-wrap .title-menu {
    font-size: 13px;
    color: #97A5AE;
    font-family: 'NotoSans-Regular', sans-serif;
}

.userGuide-wrapper  {
    width: 100%;
    margin: 0 auto;
}

.userGuide-content-wrap {
    height: auto;
    padding: 10px 20px;
    background: #fff;
}

.userGuide-content-wrap .content-title {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #000000;
    margin-bottom: 20px;
    cursor: pointer;
}

.userGuide-content-wrap .content-title span.tit-text{
    font-size: 14px;
}

.userGuide-content-wrap .content {
    display: flex;
    width: 100%;
    font-size: 12px;
    color: #5D666C;
    margin-bottom: 20px;
    font-family: 'NotoSans-Regular', sans-serif;
}

.userGuide-content-wrap .content-answer-icon {
    width: 28px;
    height: 25px;
    background: url('../img/faq-answer.png')no-repeat;
}

.userGuide-content-wrap .content-answer {
    display: inline-block;
    width: 100%;
}


/*airdrop section*/
.airdrop-section,
.staking-section,
.event-result-section {
    overflow-y: scroll;
    background: #fff;
}

.staking-ads-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 420px;
    width: 70%;
    padding: 10px 0;
}

.staking-ads-item * {
    padding: 5px 0;
}

.staking-ads-item img {
    width: 2rem;
    margin: 15px 0;
}

.staking-ads-item p {
    font-size: 12px;
}

.airdrop-section .banner-wrap img{
    width: 100%;
    height: 160px;
    margin: -1px 0 0 0;
}

.banner-inner-wrap {
    padding: 54px 25px;
}

.banner-wrap h3.banner-tit {
    font-size: 25px;
    color: #fff;
    font-family: 'NotoSans-Medium', sans-serif;
}

.banner-wrap h5.banner-txt {
    font-size: 13px;
    color: #fff;
    font-family: 'NotoSans-Thin', sans-serif;
}

.airdrop-section .cont-wrap,
.staking-section .cont-wrap,
.event-result-section .cont-wrap {
    padding: 30px 25px;
    background: #fff;
}

.airdrop-section .cont-wrap .cont-tit,
.staking-section .cont-wrap .cont-tit,
.event-result-section .cont-wrap .cont-tit {
    font-size: 16px;
    color: #000;
    font-family: 'NotoSans-Medium', sans-serif;
}

.airdrop-section .cont-wrap .cont-time-period,
.staking-section .cont-wrap .cont-time-period,
.event-result-section .cont-wrap .cont-time-period {
    font-size: 11px;
    color: #97A5AE;
    font-family: 'NotoSans-Regular', sans-serif;
    margin-bottom: 20px;
}

.cont-time-data-detail-wrap {
    width: 100%;
    height: 256px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 15px #eef1f3;
}

.cont-inner-time {
    padding: 22px 50px;
    margin: 0 auto;
    background: transparent;
}

.cont-inner-time p{
    color: #97A5AE;
    font-size: 12px;
}

.time-schedule-wrap h2.time {
    margin-top: 5px;
    font-size: 25px;
    font-family: 'Montserrat, Medium', sans-serif !important;
}

span.colon {
    font-size: 23px;
    display: inline-block;
    padding: 0 12px;
    font-family: 'NotoSans-Regular', sans-serif;
}

.time-units {
    text-indent: 7px;
    text-align: center;
    color: #97A5AE;
    font-size: 11px;
    font-family: 'NotoSans-Regular', sans-serif;
}

span.units-gap {
    display: inline-block;
    padding: 0 8px;
}

span.units-gap.gap1 {
    padding: 0 15px;
}

span.units-gap.gap2 {
    padding: 0 12px;
}

.airdrop-tbl {
    padding: 20px 20px 40px 20px;
}
.airdrop-tbl table {
    width: 100%;
}

.airdrop.money-hyc {
    text-align: right;
    font-size: 15px;
    font-family: 'NotoSans-Medium', sans-serif !important;
}

.airdrop.money-hyc.my-results {
    color: #1A274D;
}
.airdrop-btn-wrap,
.receive-btn-wrap {
    height: 45px;
    margin: 30px 0 ;
}

.airdrop50-btn,
.receive50-btn {
    font-size: 14px;
    font-family: 'NotoSans-DemiLight', sans-serif;
    line-height: 1.2;
    text-transform: uppercase;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 45%;
    margin: 0 2.5%;
    height: 50px;
    border-radius: 30px;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.airdrop50-btn.termination,
.receive50-btn.copy {
    background-color: #EFF0F2;
    color: #1A274D;
}

.airdrop50-btn.apply,
.receive50-btn.share {
    background-color: #1A274D;
    color: #fff !important;
}

.airdrop20-btn {
    font-size: 12px;
    font-family: 'NotoSans-DemiLight', sans-serif;
    line-height: 1.2;
    text-transform: uppercase;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 45%;
    height: 30px;
    border-radius: 30px;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.airdrop20-btn.apply {
    background-color: #1A274D;
    color: #fff !important;
}

.event50-btn,
.contact50-btn {
    font-size: 14px;
    font-family: 'NotoSans-DemiLight', sans-serif;
    line-height: 1.2;
    text-transform: uppercase;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 99%;
    height: 50px;
    border-radius: 30px;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.event50-btn.termination,
.receive50-btn.copy {
    background-color: #EFF0F2;
    color: #1A274D;
}

.event50-btn.apply,
.receive50-btn.share {
    background-color: #1A274D;
    color: #fff !important;
}

.contact50-btn.apply {
    width: 50%;
    background-color: #58BDD8;
    color: #fff !important;
    margin: 20px 0 20px 0;
    position: relative;
    left: 25%;
}
.contact50-btn.apply:hover {
    background-color: #58BDD8;
}

.airdrop-guide-wrap,
.event-guide-wrap {
    padding: 20px 5px;
}

.airdrop-guide-wrap .guide-top-txt,
.event-guide-wrap .guide-top-txt  {
    font-size: 13px;
    color: #97A5AE;
    text-indent: 5px;
}

.airdrop-guide-wrap .guide-top-tit,
.event-guide-wrap .guide-top-tit {
    text-indent: 5px;
    font-size: 18px;
    color: #000000;
    font-family: 'NotoSans-Medium', sans-serif !important;
}

.airdrop-guide-wrap .sns-icon {
    display: inline-block;
    width: 100%;
    max-width: 190px;
    height: 38px;
}
.airdrop-guide-wrap .sns-icon li {
    display:inline-block;
    float:left;
    width: 20%;
}

.airdrop-guide-wrap .sns-icon li a{
    display:block;
    width: 100%;
    height: 100%;
}

.airdrop-guide-wrap .sns-icon li:nth-child(1) {
    width: 38px;
    height: 38px;
    background: url('../img/icon01.png')no-repeat;
    background-size: cover;
}

.airdrop-guide-wrap .sns-icon li:nth-child(2) {
    width: 38px;
    height: 38px;
    background: url('../img/icon02.png')no-repeat;
    background-size: cover;
}

.airdrop-guide-wrap .sns-icon li:nth-child(3) {
    width: 38px;
    height: 38px;
    background: url('../img/icon03.png')no-repeat;
    background-size: cover;
}

.airdrop-guide-wrap .sns-icon li:nth-child(4) {
    width: 38px;
    height: 38px;
    background: url('../img/icon04.png')no-repeat;
    background-size: cover;
}

.airdrop-guide-wrap .sns-icon li:nth-child(5) {
    width: 38px;
    height: 38px;
    background: url('../img/icon05.png')no-repeat;
    background-size: cover;
}

.guide-bot-txt-wrap {
    margin: 30px 0  30px 0;
}

.guide-bot-txt-wrap {
    padding: 0 5px;
}

.guide-bot-txt-wrap .guide-bot-txt {
    margin-bottom: 30px;
    text-align: justify;
    line-height: 17px;
    font-size: 12px;
    color: #000;
    font-family: 'NotoSans-Regular', sans-serif !important;
}

/*staking 현황*/
.staking-section .banner-wrap img{
    width: 100%;
    height: 160px;
    margin: -1px 0 0 0;
}

.staking-section .cont-time-data-detail-wrap {
    height: auto;
}


.staking-section .banner-wrap h5.banner-txt {
    width: 110px;
    font-size: 18px;
    color: #fff;
    font-family: 'NotoSans-Thin', sans-serif;
}

.process-top-wrap {
    height: 80px;
    padding: 20px;
}
.process-tit {
    font-size: 13px;
    color: #000;
    font-family: 'NotoSans-Medium', sans-serif;
}

.process-txt {
    font-size: 12px;
    color: #000;
    font-family: 'NotoSans-Medium', sans-serif;
}

.process-txt > span.day-txt {
    color: #1A274D !important;
}

#progressbar {
    margin-top: 30px;
    background-color: #F7F8FA !important;
    height: 23px;
    border: 1px solid #EFF0F2 !important;
    border-radius: 15px;
}

#progressbar>div {
    background-color: #1A274D;
    width: 25%;
    height: 23px;
    border-radius: 15px;
}

.process-bot-txt {
    color: #97A5AE;
    font-size: 13px;
}

.staking-tbl {
    padding: 20px 20px 10px 20px;
}
.staking-tbl table {
    width: 100%;
}


/*staking list section*/

ul.top-tab-wrapper {
    display: inline-block;
    width: 100%;
    height: 40px;
    background: #F7F8FA;
}

ul.top-tab-wrapper li {
    display: inline-block;
    float: left;
    width: 19%;
    height: 40px;
    line-height: 35px;
    text-align: center;
}

ul.top-tab-wrapper li a {
    display: block;
    font-size: 13px;
    color: rgba(4,17,112, 0.5);
    font-family: 'NotoSans-Medium', sans-serif;
    cursor: pointer;
}

ul.top-tab-wrapper li.active a {
    color: rgba(4,17,112, 1);
    font-family: 'NotoSans-Medium', sans-serif;
}

.mid-tab-content {
    width: 100%;
    background: #fff;
}
.mid-tab-content .tab-container{width: 100%; }

.mid-tab-content .tab-container .tab-content {
    padding: 20px;
    padding-bottom:38px;
}

.mid-tab-content .tab-container #tab2.tab-content,
.mid-tab-content .tab-container #tab3.tab-content {
    padding: 8px; width: 100%;
}

.mid-tab-content .tab-container #tab2.tab-content.history {
    padding: 1px 0px 20px 0px !important;
    background: #F7F8FA !important;
}

.mid-tab-content ul.tab-area {
    display: inline-block;
    width: 100%;
    height: 40px;
}

.mid-tab-content ul.tab-area li {
    display: inline-block;
    float:left;
    width: 25%;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    color: #97A5AE;
    font-family: 'NotoSans-Medium', sans-serif;
}

.mid-tab-content ul.tab-area li a{
    display: block;
    font-size: 13px;
    color: #C3CED5;
    font-family: 'NotoSans-Medium', sans-serif;
}

.mid-tab-content ul.tab-area li.active a{
    color: #4B5257;
    border-bottom: 1px solid #4B5257;
}

.staking-list { display: inline-block; width: 100%; padding: 0 20px 40px 20px}
.staking-list * { margin: 0 }
.staking-list li { display: flex;align-items: center;justify-content: space-around; margin: 20px 0; border-radius: 5px; background-color: #fff; filter: drop-shadow(2px 2px 2px #adadad); }
.staking-list li h5 { font-weight: bold; }
.staking-list li p { font-size: 13px; line-height: 15px; padding: 5px 0; }
.staking-list li div:nth-child(1) { padding: 10px }
.staking-list li div:nth-child(2) { width: 25%; border-left: 1px solid #DEE2E5; }
.staking-list img { width: 4rem }
.staking-list button { width: 4.5rem; height: 4.5rem; border-radius: 4px; padding: 12px; font-size: 11px }
.staking-list button strong { font-size: 14px; color: #58BDD8 }

.staking-badge { background-color: #58BDD8; margin-left: 5px }

.mywallet-section .mywallet-cont-wrap .bullet-wrap .bullet-txt {font-size: 12px;  color: #000;  font-family: 'NotoSans-Regular', sans-serif; }
.mywallet-section .mywallet-cont-wrap .mywallet-cont {height: 80px; background: #fff; margin: 15px 25px; padding: 10px 20px 10px 10px; border-radius: 5px;}
.mywallet-section .mywallet-cont-wrap .mywallet-cont { filter: drop-shadow(2px 2px 3px #7c7c7c); }
.mywallet-section .mywallet-cont-wrap .mywallet-cont .txt-wrap .tit { color: #000;font-size: 13px; font-family: 'NotoSans-Regular', sans-serif; }
.mywallet-section .mywallet-cont-wrap .mywallet-cont .txt-wrap span.units {padding-left: 5px;}
.mywallet-section .mywallet-cont-wrap .mywallet-cont .txt-wrap .money-hyc { color: #000;font-size: 16px; font-family: 'NotoSans-Medium', sans-serif; }
.mywallet-section .mywallet-cont-wrap .mywallet-cont .txt-wrap .money-krw { color: #97A5AE;font-size: 12px; font-family: 'NotoSans-Regular', sans-serif; }

.mywallet-section .mywallet-cont-wrap .mywallet-cont .right-wrap {width: 60px; line-height: 80px; text-align: center; border-left: 1px solid #DEE2E5;}
.mywallet-section .mywallet-cont-wrap .mywallet-cont .right-wrap a {display: block; font-size:12px; color:#000;}

.infinite-scroll { display: inline-block; width: 100%;}
.infinite-scroll li { display: inline-block; width: 100%; margin: 8px 0;}
.infinite-scroll .thumb-sec{ float:left; width: 40%;}
.infinite-scroll .thumb-sec img{ max-width: 118px;}
.infinite-scroll .content-info{ float:left; width: 60%;}
.infinite-scroll .content-info .day-info {font-size: 11px; color: #97A5AE; font-family: 'NotoSans-Regular', sans-serif; }
.infinite-scroll .content-info .tit {line-height: 30px; font-size: 15px; color: #000000; font-family: 'NotoSans-Medium', sans-serif; }
.infinite-scroll .content-info .txt {line-height: 18px; font-size: 11px; color: #000000; font-family: 'NotoSans-Regular', sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap:break-word;
    line-height: 1.2em;
    height: 2.4em;
}
.infinite-scroll .content-info .date {margin-top: 10px; font-size: 11px; color: #707070; font-family: 'NotoSans-Regular', sans-serif; }

span.num {padding: 0 5px; color: #325BDA}
span.end {color: #F2414F}

/*참여하기*/
.participation-section {background: #fff;}
.participation-top-wrap {padding: 20px;}
.participation-top-wrap .container-topWrap {
    height: 50px;
    padding: 20px;
    background: #F7F8FA;
    border-radius: 5px;
}

.participation-top-wrap .container-topWrap .inner-wrap { width: 100%; }

.inner-wrap .inner-txt {font-size: 13px; color:#97A5AE; font-family: 'NotoSans-Regular', sans-serif;}
.inner-wrap .inner-hyc {font-size: 13px; color:#000000; font-family: 'NotoSans-Regular', sans-serif;}
.inner-wrap .inner-hyc .units {padding-left: 5px;}

.participation-mid-wrap { padding: 15px 25px 10px 25px;}
.participation-mid-wrap span.guide-txt {font-size: 13px; 	color: rgba(151,165,174,1); font-family: 'NotoSans-Regular', sans-serif;}

input.input-base {
    display: inline-block;
    width: 85%;
    height: 35px;
    padding: 5px 20px 5px 20px;
    text-align: left;
    font-size: 16px;
    font-family: 'NotoSans-Medium', sans-serif;
    color: #97A5AE;
    border: 1px solid #EFEFF4;
}

.participation-mid-wrap ul.part-units, .send-mid-wrap ul.part-units {display: inline-block; width: 100%; height: 30px;margin: 10px 0 20px 0;}
.participation-mid-wrap ul.part-units li, .send-mid-wrap ul.part-units li {float:left; display: inline-block; width: 16.9%; height: 25px; margin:0 1.3%; text-align:center; border: 1px solid #EFEFF4; border-radius:1px;}
.participation-mid-wrap ul.part-units li:first-child, .send-mid-wrap ul.part-units li:first-child {margin-left: 0;}
.participation-mid-wrap ul.part-units li:last-child, .send-mid-wrap ul.part-units li:last-child {margin-right: 0;}
.participation-mid-wrap ul.part-units li a, .send-mid-wrap ul.part-units li a {display: block; font-size:13px; color: #97A5AE; cursor: pointer;}
.participation-mid-wrap .total-hyc {width: 95%; height: 30px}
.participation-mid-wrap .total-hyc .total {font-size: 13px; color: #000000;}
.participation-mid-wrap .total-hyc .total.total-num  {font-size: 16px;}
.participation-mid-wrap .total-krw {display: block; width:95%; text-align: right; font-size:12px; color: #97A5AE;}

.participation-btn-wrap { padding: 25px 35px;}

/*동결신청 완료*/
.freezing-complete-section {
    width: 100%;
    height: auto;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    padding: 20px 0;
    background: #fff;
}
.container-freezing-complete-top {
    padding: 20px;
    text-align: center;
}

.container-freezing-complete-top > .complete-icon {
    width: 63px;
    height: 65px;
    margin: 0 auto 15px auto;
    background: url(../img/freezing_ok.png)no-repeat;
    background-size: cover;
}

.container-freezing-complete-top > .complete-tit {
    color: #000;
    font-size: 19px;
    font-family: 'NotoSans-Medium', sans-serif;
}


.container-freezing-complete-top > .complete-tit {
    color: #000;
    font-size: 19px;
    font-family: 'NotoSans-Medium', sans-serif;
}

.container-freezing-complete-top > .complete-txt {
    color: #000;
    font-size: 13px;
    font-family: 'NotoSans-Regular', sans-serif;
}

.container-freezing-complete-top > .complete-txt .freezing-money  {
    color: #1A274D;
    font-size: 13px;
    font-family: 'NotoSans-Regular', sans-serif;
}

.container-freezing-complete-top > .complete-txt .freezing-money .units  {padding-left: 5px;}
.container-freezing-complete-mid {  padding: 30px 50px 50px 50px;}
.container-freezing-complete-mid .mid-tit { font-size: 13px;color: #000000; font-family: 'NotoSans-Medium', sans-serif;}

.mid-txt-wrapper .txt-wrapper {width: 100%; height: 50px; margin-top: 10px; line-height: 50px; border-top: 1px solid #DEE2E5; }
.mid-txt-wrapper .txt-wrapper-bottom {width: 100%; height: 50px; line-height: 50px; border-top: 1px solid #DEE2E5; border-bottom: 1px solid #DEE2E5;}
.mid-txt-wrapper .txt-wrapper-bottom span.quantity span.units {padding-left: 5px;}

.container-freezing-complete-mid .mid-txt-wrapper .txt-wrapper span.date-tit, span.quantity-tit {
    font-size: 13px;color: #97A5AE; font-family: 'NotoSans-Regular', sans-serif;
}

.container-freezing-complete-mid .mid-txt-wrapper .txt-wrapper span.date, span.quantity {
    font-size: 13px;color: #000000; font-family: 'NotoSans-Regular', sans-serif;
}

.freezing-btn-wrap { position: static; bottom: 50px; padding: 25px 35px;}

/*event result*/
.event-result-section .banner-wrap {
    width: 100%;
    height: 160px;
    background: url('../img/event-complete@3x.png')no-repeat;
    background-size: 100% 100%;
}

.event.time-schedule-wrap h2.time {
    margin-top: 5px;
    font-size: 25px;
    font-family: 'Montserrat, Medium', sans-serif !important;
    color: #97A5AE;
}

.event-tbl {
    padding: 20px 20px 40px 20px;
}
.event-tbl table {
    width: 100%;
}

.event.money-hyc {
    text-align: right;
    font-size: 15px;
    font-family: 'NotoSans-Medium', sans-serif !important;
}

.event.money-hyc.my-results {
    color: #1A274D;
}

.event-btn-wrap {padding: 25px 15px;}

.event-result-btn {
    font-size: 14px;
    font-family: 'NotoSans-Regular', sans-serif;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    background-color: #97A5AE;
    border-radius: 30px;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.event-guide-wrap .guide-bot-txt-wrap .guide-bot-txt {
    font-size: 13px;
    color: #97A5AE;
    font-family: 'NotoSans-Regular', sans-serif;
}
.event-guide-wrap .guide-bot-txt-wrap {margin-top: 15px !important;}
.event-guide-wrap .guide-bot-txt-wrap .guide-bot-txt span {
    display: inline-block;
    line-height:  22px;
    margin-bottom: 5px;
    text-align: justify;
    word-break: break-word;
    white-space: normal;
}

.event-result-section.winning .cont-wrap .cont-time-period {
    font-size: 11px;
    color: #97A5AE;
    font-family: 'NotoSans-Regular', sans-serif;
    margin-bottom: 0px;
}

.event-winning-icon {
    width: 112px;
    height: 112px;
    margin: 10px auto 5px auto;
    background: url(../img/event-winning.png)no-repeat;
}

.event-winning-txt-wrap {line-height: 16px;margin-bottom: 70px;}
.event-winning-txt-wrap .event-winning-tit { font-size: 16px; color: #000000; font-family: 'NotoSans-Medium', sans-serif; }
.event-winning-txt-wrap span.event-winning-txt { display: inline-block; color: #000000; font-size: 14px; }
.event-guide-wrap .guide-top-tit.winning { text-align: left;}

/*staking history*/
ul.history-pageTab {display: inline-block;width: 100%; height: 35px; line-height: 35px;}
ul.history-pageTab li {float: left; display: inline-block;width: 33.33%; height: 35px;text-align: center;}
ul.history-pageTab li a {display: block; color: #97A5AE; font-size: 12px; font-family: 'NotoSans-Regular', sans-serif;}
ul.history-pageTab select option {float: left; display: inline-block;width: 33.33%; height: 35px;text-align: center;}

span.arrow.down-nested {
    display: inline-block;
    margin: 0 0 3px 0px;
    padding: 3px;
}

.down-nested {
    display: inline-block;
    position: relative;
    top: 7px;
    width: 10px;
    height: 10px;
    background: url('../img/arrow_down.svg')no-repeat;
}

.mid-tab-content .tab-container .tab-content {
    min-width: 80%; padding: 0;
}

.mid-tab-content .tab-container .tab-content table {
    color: #4B5257;
}

.mid-tab-content .tab-container #tab2.tab-content .history-pageTab {
    background: #fff;
}

.mid-tab-content .tab-container #tab2.tab-content .history-pageTab li.active a {
    color:#1A274D;
    border-bottom: 1px solid #1A274D;
}

.history-content-wrap {
    width: 100%;
    height: 100%;
    margin: 10px 0 50px 0;
    background: #F7F8FA;
}

.history-content-wrap .history-tit {color: #97A5AE; font-size:12px; font-family: 'NotoSans-Regular', sans-serif;}
.history-content-wrap .date-content {text-align: center; color: #97A5AE; font-size: 12px;}
.history-content-wrap .history-content {margin: 10px 20px; padding: 10px 20px; background: #fff; border-radius: 5px;}
.history-content-wrap .history-content p{font-size: 13px; color: #000000; text-align: left; font-family: 'NotoSans-Medium', sans-serif;}
.history-content-wrap .history-content .date{margin-bottom:10px; line-height: 10px; font-size: 11px; color: #97A5AE; text-align: left; font-family: 'NotoSans-Regular', sans-serif;}
.history-content-wrap .history-content .history-cont-wrap.reward {font-size: 13px; color: #1A274D; text-align: left; font-family: 'NotoSans-Regular', sans-serif;}
.history-content-wrap .history-content .history-cont-wrap.n-reward {font-size: 13px; color: #1A274D; text-align: left; font-family: 'NotoSans-Regular', sans-serif;}
.history-content-wrap .history-content .history-cont-wrap span.units {padding-left: 5px;}

span.split::after { padding: 0 5px; font-size:10px; content:'|'; position: relative; top: -2px; color: #97A5AE; }
.history-cont.o-reward {color: #1A274D}
.history-content-wrap a.freeze {font-size:12px; color: #1A274D !important;text-decoration: underline !important}
.history-cont.p-complete {color: #1A274D}
.history-cont.f-off {color: #97A5AE}

/*mywallet coin list*/
.mywallet-section {background: #F7F8FA !important;}
.mywallet-section .mywallet-total-money {width: 100%; height: 150px; background: #fff; text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;}
.mywallet-section .mywallet-total-money p.total-tit {margin-top: 30px; color: #fff; font-size:14px; font-family: 'NotoSans-Regular', sans-serif;}
.mywallet-section .mywallet-total-money p.total-refresh {background: url(../img/refrech.svg)no-repeat; position:relative; margin-bottom:-20px; left:210px; top:-25px; width:25px; height:25px;}
.mywallet-section .mywallet-total-money p.total-money {color: #000; font-size:28px; font-family: 'NotoSans-Medium', sans-serif;}
.mywallet-section .mywallet-total-money p.total-money span.units {padding-left: 5px; font-size: 14px; font-family: 'NotoSans-Regular', sans-serif;}

.mywallet-cont-wrap { width: 100%; min-height: 180px;  background: #F7F8FA;}
.mywallet-cont-wrap { padding-bottom: 70px; background: #F7F8FA;}

#referral-link-layer {background-color: transparent}
#referral-link-layer .pop-container {background-color: #fff}
.referral-link-popup .btn-close { position: absolute; bottom: -60px; left: calc(50% - 20px); display:block;width:40px;height:40px;background:url(../img/btn_close_white.png) 0 0 no-repeat;background-size:auto 40px; }
.referral-link-content h4 {padding: 10px}
.referral-link-content p {word-break: break-all;}
.referral-link-content .btn-copy {width: 16px; vertical-align: middle; margin-left: 5px}
.referral-link-content .qr-code {
    width: 260px; height: 260px; background: url(../img/border_qrcode.svg) 0 0 / auto 260px no-repeat;font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
}
.referral-link-content .qr-code .qr-name {display: flex; font-weight: bold}
.referral-link-content .qr-code img {width: 192px}
.referral-link-content .qr-code p {width: 180px; display: flex; justify-content: space-between;}

.bullet-wrapper {width: 100%;height: 50px;}
.mywallet-section .mywallet-cont-wrap .bullet-wrap {display: inline-block; width: 125px; float:right; padding: 15px 10px;}
.mywallet-section .mywallet-cont-wrap .bullet-wrap a {
    position: relative;
    top: 10px;
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border: 1px solid #97A5AE;
    border-radius: 50%;
    font-size: 12px;
    color: #97A5AE;
    font-family: 'NotoSans-Regular', sans-serif;
}
.mywallet-section .mywallet-cont-wrap .bullet-wrap a.active{
    border: 1px solid #97A5AE !important;
}
.mywallet-section .mywallet-cont-wrap .bullet-wrap a.active span.dot {
    position: relative;
    top: -5px;
    height: 10px;
    width: 10px;
    background-color: #1A274D;
    border-radius: 50%;
    border: 1px solid #fff;
    display: inline-block;
}

.mywallet-section .mywallet-cont-wrap .bullet-wrap .bullet-txt {font-size: 12px;  color: #000;  font-family: 'NotoSans-Regular', sans-serif; }
.mywallet-section .mywallet-cont-wrap .mywallet-cont {height: 80px; background: #fff; margin: 15px 25px; padding: 10px 20px 10px 10px; border-radius: 5px;}
.mywallet-section .mywallet-cont-wrap .mywallet-cont { filter: drop-shadow(2px 2px 2px #adadad); }
.mywallet-section .mywallet-cont-wrap .mywallet-cont .txt-wrap .tit { color: #000;font-size: 13px; font-family: 'NotoSans-Regular', sans-serif; }
.mywallet-section .mywallet-cont-wrap .mywallet-cont .txt-wrap span.units {padding-left: 5px;}
.mywallet-section .mywallet-cont-wrap .mywallet-cont .txt-wrap .money-hyc { color: #000;font-size: 16px; font-family: 'NotoSans-Medium', sans-serif; }
.mywallet-section .mywallet-cont-wrap .mywallet-cont .txt-wrap .money-krw { color: #97A5AE;font-size: 12px; font-family: 'NotoSans-Regular', sans-serif; }

.mywallet-section .mywallet-cont-wrap .mywallet-cont .right-wrap {width: 90px; line-height: 80px; text-align: center; border-left: 1px solid #DEE2E5;}
.mywallet-section .mywallet-cont-wrap .mywallet-cont .right-wrap a {display: block; font-size:12px; color:#000;}
.mywallet-section .mywallet-cont-wrap .mywallet-cont .left-wrap .icon{
    width: 46px;
    height:46px;
    margin: 15px 10px 0 0;
}
.mywallet-section .mywallet-cont-wrap .mywallet-cont .left-wrap .icon.icon01{ background: url(../img/coin-icon.png)no-repeat;}
.mywallet-section .mywallet-cont-wrap .mywallet-cont .left-wrap .icon.icon02{ background: url(../img/4-1.png)no-repeat;}
.mywallet-section .mywallet-cont-wrap .mywallet-cont .left-wrap .icon.icon03{ background: url(../img/3-1.png)no-repeat;}
.mywallet-section .mywallet-cont-wrap .mywallet-cont .left-wrap .icon.icon04{ background: url(../img/2-1.png)no-repeat;}
.mywallet-section .mywallet-cont-wrap .mywallet-cont .left-wrap .icon.icon05{ background: url(../img/5-1.png)no-repeat;}

/*receive-section*/
.receive-section .receive-wrap  {
    padding: 50px 20px 50px 20px;
    background: #fff;
}

.receive-section .receive-wrap .receive-tit {width: 100%;margin-bottom: 10px; text-align: center;font-size:20px;  color:#000000; font-family: 'NotoSans-Medium', sans-serif; }
.receive-section .receive-wrap .receive-txt {width: 100%; text-align: center;font-size:14px;  color:#000000; font-family: 'NotoSans-Regular', sans-serif; }
.receive-section .receive-wrap .receive-txt p {line-height: 20px; font-family: 'NotoSans-Regular', sans-serif;}
.receive-section .receive-wrap .qr-code {padding: 30px 20px 20px 20px; text-align: center;}
.receive-section .receive-wrap .qr-addr {margin-bottom: 10px; text-align: center; font-size: 13px; color: #000; font-family: 'NotoSans-Medium', sans-serif; }
.deposit-share {background-color: #58BDD8; color: #fff}

.receive-section .receive-guide {padding: 20px; background: #F7F8FA; font-size: 12px;}
.receive-section .receive-guide .guide-tit {color: #CB1B1B;font-size:13px;margin-bottom: 10px; font-family: 'NotoSans-Medium', sans-serif;}
.receive-section .receive-guide .guide-txt {line-height: 20px; color: #000000;font-size:12px; font-family: 'NotoSans-Regular', sans-serif;}
span.e-mark {position: relative; top: 6px; display: inline-block; width: 16px; height: 16px; margin-right: 10px; border: 1px solid #CB1B1B; border-radius: 50%;}
span.e-mark span.inner-mark {display: inline-block;position: relative; top: -6px; left: 5px;}

/*send section*/
.send-section {
    background: #fff;
}
.send-section .send-top-wrap  {
    padding: 20px;
    margin: 30px 20px;
    background: #F7F8FA;
}

.send-section .send-top-wrap .top-cont-wrap {height: 80px; border-radius: 5px;}
.send-section .send-top-wrap span.txt {font-size: 13px; color:#97A5AE; font-family: 'NotoSans-Regular', sans-serif; }
.send-section .send-top-wrap span.money {font-size: 13px; color:#000; font-family: 'NotoSans-Medium', sans-serif; }
.send-section .send-top-wrap span.money span.units{padding-left: 5px;}
.w50 {width: 50% !important;}

.send-section .send-mid-wrap {
    margin: 30px 20px;
    background: #fff;
}

.send-mid-wrap ul.tab-area {
    display: inline-block;
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0;
}

.send-mid-wrap ul.tab-area li {
    display: inline-block;
    float:left;
    width: 50%;
    line-height: 40px;
    text-align: center;
    font-size: 13px;
    color: #97A5AE;
    font-family: 'NotoSans-Medium', sans-serif;
}

.send-mid-wrap ul.tab-area li a{
    display: block;
    font-size: 18px;
    color: #C3CED5;
    font-family: 'NotoSans-Medium', sans-serif;
}

.send-mid-wrap ul.tab-area li.active a{
    color: #4B5257;
    border-bottom: 4px solid #4B5257;
}

.send-mid-wrap .tab-container .tab-content {
    width: 100%;
    padding: 40px 0 20px 0;
}

.send-section .send-mid-wrap p.send-addr-tit { font-size:13px;  color: rgba(4,17,113, 0.3); font-family: 'NotoSans-Medium', sans-serif; }
input.input_addr, input.input_quantity { width: 100%; font-size:14px; padding: 10px 0; border-bottom: 1px solid #EFEFF4;}
span.addr_icon { float: right; position: relative; top: -35px; margin: 0 10px -20px 0; display:inline-block; width:38px; height: 33px; background: url(../img/input-addr-icon.png)no-repeat }
span.delete_icon { float: right; position: relative; top: -35px; margin: 0 15px -20px 0; display:inline-block; width:23px; height: 23px; background: url(../img/입력삭제.svg)no-repeat }

.send-section .send-mid-wrap .addr-wrap {margin-bottom: 30px;}
input.input_addr[type=text]::-webkit-input-placeholder{color:rgba(151,165,174,0.8) !important;text-align: left;font-size:16px}
input.input_addr[type=text]::-moz-placeholder{color:rgba(151,165,174,0.8) !important;text-align: left;font-size:16px}
input.input_addr[type=text]::-ms-input-placeholder{color:rgba(151,165,174,0.8) !important;text-align: left;font-size:16px}
input.input_quantity {color:rgba(151,165,174,0.8) !important;text-align: left;font-size:16px}

.label-container.send {
    float: none !important;
    color: #000000;
}
.send-section .send-btn-wrap {width: 90%; margin: 20px auto; padding: 0 20px; bottom: 0px;}

/*customer support section*/
.customer-support-section {background: #fff;}
.customer-support-section .menu-list {margin-top:10px; padding: 0px 30px 0 30px; background:  #fff;}

.customer-support-section .menu-list ul li span.menu-name  {font-size: 15px; color: #4B5257;}
.customer-support-section .menu-list ul li {margin: 25px 0 ;}
.customer-support-section .menu-list ul li a.go-btn  {font-size: 13px; color: #C3CED5; display: inline-block; width: 100%}
.customer-support-section .menu-list ul li a span.right-arrow  {margin-left: 15px; background:url(../img/icon_arrow.svg) 0 0 no-repeat;background-size:auto 26px;width:26px;height:26px;position: relative;right:0px;}

.customer-support-section .customer-bot-wrap { background: #F7F8FA;}
.customer-support-section .customer-bot-wrap .cs-info-wrap {padding:70px 20px 100% 20px;}
.customer-support-section .customer-bot-wrap .cs-info-wrap .cs-tit { font-size: 17px; color: #1A274D; font-family: 'NotoSans-Medium', sans-serif;}
.customer-support-section .customer-bot-wrap .cs-info-wrap .cs-txt { margin-bottom: 10px; font-size: 13px; color: #97A5AE; font-family: 'NotoSans-Medium', sans-serif;}
.customer-support-section .customer-bot-wrap .cs-info-wrap .cs-info { font-size: 13px; color: #000000; font-family: 'NotoSans-Medium', sans-serif;}

/*notice section*/
.notice-section {background: #fff;}
.notice-section .notice-wrap {padding: 20px 20px 50px 20px;}
.notice-section .notice-wrap .notice-content.type1 {width: 100%; height: 50px; margin-bottom: 25px;}
.notice-section .notice-wrap .notice-content.type2 {width: 100%; height: 50px; margin-bottom: 15px;}
.notice-section .notice-wrap .notice-content .date {width: 20%; height: 50px; font-size: 13px; color:#97A5AE; font-family: 'NotoSans-Regular', sans-serif;}
.notice-section .notice-wrap .notice-content .tit {width: 75%; height: 50px; font-size: 14px; color:#000000; font-family: 'NotoSans-Regular', sans-serif;}

.notice-date {font-size: 13px; color:#97A5AE; font-family: 'NotoSans-Regular', sans-serif;}
.notice-tit {padding-bottom: 15px; margin-bottom: 20px; line-height: 20px; font-size: 15px; color:#000000; font-family: 'NotoSans-Regular', sans-serif; border-bottom: 1px solid #DEE2E5}
.notice-txt {text-align:left; line-height: 20px;font-size: 13px; color:#000000; font-family: 'NotoSans-Regular', sans-serif;}

/*setting section*/
.settings-section {background: #F7F8FA}
.settings-section .settings-wrap{height: 100vh; background: #F7F8FA}
.settings-section .settings-wrap .settings-tit {padding: 10px 20px; font-size: 13px; color:#C3CED5; font-family: 'NotoSans-Regular', sans-serif;}
.settings-section .settings-wrap .settings-cont {padding: 20px 20px; background: #fff;}
.settings-section .settings-wrap .settings-cont.split {border-top: 1px solid #DEE2E5;}
.settings-section .settings-wrap .settings-cont .menu-name {font-size:15px;color:#4B5257; vertical-align: super; font-family: 'NotoSans-Regular', sans-serif;}
.settings-section .settings-wrap .settings-cont .menu-comment {display: inline-block; width: calc(100% - 90px); text-align:right; font-size: 13px; vertical-align: super; font-family: 'NotoSans-Regular', sans-serif;}
.settings-section .settings-wrap .settings-cont .menu-pay-comment {display: inline-block; width: calc(100% - 115px); text-align:right; font-size: 13px; vertical-align: super; font-family: 'NotoSans-Regular', sans-serif;}
.settings-section .settings-wrap .settings-cont .on {color: #1A274D;}
.settings-section .settings-wrap .settings-cont .off {color: #C3CED5;}
.settings-section .settings-wrap .settings-cont span.menu-txt {display: inline-block; width: 70%; line-height: 20px;font-size:12px;color:#C3CED5; font-family: 'NotoSans-Regular', sans-serif;}
hr.settings-hr {margin: 20px 0 ; border-top:1px solid #DEE2E5;}

.settings-section .settings-wrap .settings-cont span.switch{ float:right; position: relative;right:0;top: -15px;display:block;width:40px;height:25px;background:url(../img/btn_off.png) 0 0 no-repeat;background-size:40px auto;transition:background .3s;}
.settings-section .settings-wrap .settings-cont span.switch.on{background:url(../img/btn_on.png) 0 0 no-repeat;background-size:40px auto;}
.settings-section .settings-wrap .settings-cont .lang {margin-top: 5px; font-size:12px; color:#C3CED5;  font-family: 'NotoSans-Regular', sans-serif;}

/*wrongPassword*/
.wrongPassword-section,
.rePassword-section {background: #fff}
.wrongPassword-section .wrongPassword-wrap,
.rePassword-section .rePassword-wrap {padding: 50px 30px ;}
.wrongPassword-section .wrongPassword-wrap .wrongPassword-txt,
.rePassword-section .rePassword-wrap .rePassword-txt { margin:0 60px; line-height: 20px; text-align: center; font-size: 14px; color: #000; font-family: 'NotoSans-Regular', sans-serif; }

input.input-password {
    display: inline-block;
    width: 100%;
    height: 35px;
    margin: 40px 0 0px 0;
    padding: 5px 0px 5px 0px;
    text-align: left;
    text-indent: 20px;
    font-size: 16px;
    font-family: 'NotoSans-Medium', sans-serif;
    color: #97A5AE;
    border: 1px solid #EFEFF4;
}

input.input-password[type=password]::-webkit-input-placeholder{text-indent: 20px; color:#ACB7BE !important;text-align: left;font-size:16px}
input.input-password[type=password]::-moz-placeholder{text-indent: 20px;color:#ACB7BE !important;text-align: left;font-size:16px}
input.input-password[type=password]::-ms-input-placeholder{text-indent: 20px;color:#ACB7BE !important;text-align: left;font-size:16px}
.wrongPassword-btn-wrap { padding: 0;}

.wrongPassword-btn,
.rePassword-btn,
.more-btn {
    margin-top: 40px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'ROBOTO-Regular', sans-serif;
    color: #0f0f0f;
    line-height: 1.2;
    text-transform: uppercase;

    padding: 0 20px;
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-radius: 7px;

    filter: drop-shadow(2px 3px 5px #7c7c7c);

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.wrongPassword-btn:hover,
.rePassword-btn:hover {
    /*background-color: #58BDD8;*/
}

/*memberInfo*/
.memberInfo-section {background: #F7F8FA}
.memberInfo-section .memberInfo-wrap {padding: 50px 30px 100% 30px ;}
.memberInfo-section .memberInfo-wrap .memberInfo-txt { margin:0 0 50px 0; line-height: 20px; text-align: center; font-size: 14px; color: #000; font-family: 'NotoSans-Regular', sans-serif; }
.memberInfo-section .memberInfo-wrap .memberInfo-cont-wrap {margin: 10px 0px;  }
.memberInfo-section .memberInfo-wrap .memberInfo-cont-wrap .memberInfo-cont {min-height: 50px; padding: 15px 20px; background: #fff}
.memberInfo-section .memberInfo-wrap .memberInfo-cont-wrap .memberInfo-cont.password {min-height: 60px !important; padding: 15px 20px; background: #fff}
.memberInfo-section .memberInfo-wrap .memberInfo-cont-wrap .memberInfo-cont .memberInfo-tit {font-size:12px; color:#97A5AE; font-family: 'NotoSans-Regular', sans-serif;  }
.memberInfo-section .memberInfo-wrap .memberInfo-cont-wrap .memberInfo-cont .memberInfo-name,
.memberInfo-section .memberInfo-wrap .memberInfo-cont-wrap .memberInfo-cont .memberInfo-email
{font-size:14px; color:#000000; font-family: 'NotoSans-Regular', sans-serif;  }

.memberInfo-section .memberInfo-wrap .memberInfo-cont-wrap .memberInfo-cont .left-wrap {width: 75%}
.memberInfo-section .memberInfo-wrap .memberInfo-cont-wrap .memberInfo-cont .right-wrap { width: 25%;line-height: 50px;text-align: center;}
.memberInfo-section .memberInfo-wrap .memberInfo-cont-wrap .memberInfo-cont .right-wrap a {display:block;width: 100%;text-align: center; border-left: 1px solid #DEE2E5; cursor: pointer;}
.memberInfo-section .memberInfo-wrap .memberInfo-cont-wrap .memberInfo-cont .right-wrap a span {font-size:12px; color:#97A5AE; font-family: 'NotoSans-Regular', sans-serif; }
.memberInfo-section .memberInfo-wrap .memberInfo-cont-wrap .memberInfo-cont .memberInfo-password
{line-height: 15px; font-size:12px; color:#000000; font-family: 'NotoSans-Regular', sans-serif;  }

/*비밀번호 변경*/
.rePassword-section .rePassword-wrap .rePassword-stxt { margin-bottom: 30px; line-height: 20px; text-align: center; font-size: 12px; color: #5D666C; font-family: 'NotoSans-Regular', sans-serif; }
input.input-password.rePassword {
    display: inline-block;
    width: 100%;
    height: 35px;
    margin: 20px 0 0px 0;
    padding: 5px 0px 5px 0px;
    text-align: left;
    text-indent: 20px;
    font-size: 16px;
    font-family: 'NotoSans-Medium', sans-serif;
    color: #97A5AE;
    border: 1px solid #EFEFF4;
}
.rePassword-form.validate-form .error-message {position: relative;  top: 10px;}

.rePassword-info-section {
    width: 100%;
    height: auto;
    position:absolute;
    top:40%;
    left:50%;
    transform: translate(-50%, -50%);
    padding: 20px 0;
}

.rePassword-info-section .rePassword-title {font-size: 14px; color: #000;font-family: 'NotoSans-Medium', sans-serif; }
.rePassword-info-section .container-rePassword-info {margin: 40px 30px; padding: 30px 20px 50px 20px; text-align: center; background:#F7F8FA}
.rePassword-info-section .container-rePassword-info .info-tit { font-size: 13px; color: #97A5AE; font-family: 'NotoSans-Medium', sans-serif; }
.rePassword-info-section .container-rePassword-info .info-email { font-size: 16px; color: #000; font-family: 'NotoSans-Medium', sans-serif; }

.rePassword-btn-wrap.info{ margin: 0 30px; }

/*repassword-2*/
.personal-info-wrap { margin: 30px 30px 0 30px;}
.personal-info-wrap .left-wrap {width: calc(100% - 114px);}
.personal-info-wrap .right-wrap {width: 104px;}
.input-name {
    display: inline-block;
    width: 100%;
    height: 35px;
    padding: 5px 0px 5px 0px;
    text-align: left;
    text-indent: 20px;
    font-size: 14px;
    font-family: 'NotoSans-Medium', sans-serif;
    color: #97A5AE;
    border: 1px solid #EFEFF4;
}
input.input-name[type=text]::-webkit-input-placeholder{text-indent: 20px; color:#ACB7BE !important;text-align: left;font-size:14px}
input.input-name[type=text]::-moz-placeholder{text-indent: 20px;color:#ACB7BE !important;text-align: left;font-size:14px}
input.input-name[type=text]::-ms-input-placeholder{text-indent: 20px;color:#ACB7BE !important;text-align: left;font-size:14px}

.personal-info-wrap .right-wrap a {
    display: block;
    width: 50px;
    height: 35px;
    line-height: 35px;
    padding: 5px 0px 5px 0px;
    text-align: center;
    border: 1px solid #EFEFF4;
    color: #97A5AE;
    font-size: 14px;
    background: #EFEFF4;
    font-family: 'NotoSans-Regular', sans-serif;
    cursor: pointer;
}

.personal-info-wrap .right-wrap a.active {
    color: #1A274D;
    background: #fff;
    border: 1px solid #1A274D;
}

input.input-birth {
    display: inline-block;
    width: 100%;
    height: 35px;
    padding: 5px 0px 5px 0px;
    text-align: left;
    text-indent: 20px;
    font-size: 14px;
    font-family: 'NotoSans-Medium', sans-serif;
    color: #97A5AE;
    border: 1px solid #EFEFF4;
}
input.input-birth[type=text]::-webkit-input-placeholder{text-indent: 20px; color:#ACB7BE !important;text-align: left;font-size:14px}
input.input-birth[type=text]::-moz-placeholder{text-indent: 20px;color:#ACB7BE !important;text-align: left;font-size:14px}
input.input-birth[type=text]::-ms-input-placeholder{text-indent: 20px;color:#ACB7BE !important;text-align: left;font-size:14px}

.personal-info-wrap .birth { padding-top: 25px;}
.personal-info-form.validate-form .error-message {position: relative;  top: 15px;}

.input-checkbox {visibility: hidden; position: absolute;}

/*swap tab page*/
.section-area.service-section.swap {background: #fff;}

span.swap-txt {
    font-size: 12px;
    color: #97A5AE;
    font-family: 'NotoSans-Regular', sans-serif;
}

.swap-box-wrap {
    min-height: 85px;
    background: #fff 0% 0%;
    box-shadow: 0px 0px 15px #EEF1F3;
    border-radius: 5px;
}

.swap-box-wrap .swap-box {
    position: relative;
    top: 17px;
    height: 50px;
    line-height: 40px;
    margin: 0 5%;
    border: 1px solid #EFEFF4;
    border-radius: 25px;
}


input.coin-value {
    width: 40%;
    margin-right: 5%;
    padding: 10px 10px 12px 0;
    text-align:right;
    font-size: 17px;
    color: #1A274D;
}

.swap-img-wrapper {margin: 15px 0 0 0;}
.swap-img-wrapper .swap-img {
    width: 34px;
    height: 28px;
    margin: 0 auto;
    background: url(../img/swap.png)no-repeat;
}

p.swap-coin-able {margin-bottom: 0px; font-size:12px; color:#97A5AE}
p.swap-coin-rate {margin-bottom: 0px; font-size:12px; color:#97A5AE}
p.swap-coin-fee {margin-bottom: 50px; font-size:12px; color:#97A5AE}


/*email link*/
.email-link-section {
    width: 100%;
    height: 100%;
    padding: 20px 0 60px 0;
}

.email-link-title {
    margin-top: 10px;
    font-size: 14px;
    font-family: 'NotoSans-Regular', sans-serif;
    color: #000000;
}

.email-addr {
    margin-top: 30px;
    font-size: 17px;
    font-family: 'NotoSans-Medium', sans-serif;
    color: #1A274D;
}

.container-email-link-bg {
    text-align: center;
    margin: 50px 0 ;
}

.email-link-request {
    font-size: 13px;
    text-align: center;
}

.email-link-request a { padding: 10px 5px;color: #0f0f0f; cursor: pointer}

/*setting01*/
.settings01-txt {margin: 45px 0; text-align: center; font-size:14px; color: #000000;}

/*setting02*/
.settings02-txt {margin: 45px 25px; text-align: center; font-size:12px; color: #8f8f8f;}
.settings02-box-wrap {margin: 0 28px; background: #fff; }
.settings02-box-wrap .settings02-box-inner { min-height: 50px; margin: 10px 0; padding: 20px;}

.settings02-box-wrap .settings02-box-inner .box-level-tit{ font-size: 12px; color: #97A5AE;}
.settings02-box-wrap .settings02-box-inner .box-txt-wrap .box-tit{ font-size: 14px; font-family: 'NotoSans-Regular', sans-serif;}
.settings02-box-wrap .settings02-box-inner .box-txt-wrap .box-txt{ font-size: 12px; font-family: 'NotoSans-Regular', sans-serif;}
.settings02-box-wrap .settings02-box-inner .box-txt-wrap .box-txt.on { color: #1A274D;}
.settings02-box-wrap .settings02-box-inner .box-txt-wrap .box-txt.off { color: #97A5AE;}

/*setting03*/
.settings03-txt {margin: 25px 25px 25px 25px; text-align: left; font-size:12px; color: #8f8f8f;}

/*sms auth*/
.auth-section { background: #fff;}
.auth-txt-wrap {margin: 40px 0 0 0;}
.auth-txt-wrap .level-txt { text-align:center; font-size: 15px; color: #1A274D; font-family: 'NotoSans-Medium', sans-serif;}
.auth-txt-wrap .level-txt01 { text-align:center; font-size: 12px; color: #4B5257; font-family: 'NotoSans-Regular', sans-serif;}
.auth-txt-wrap .level-txt02 { text-align:center; font-size: 12px; color: #C3CED5; font-family: 'NotoSans-Regular', sans-serif;}

.sms-form-wrap {margin:40px 25px; }
.sms-form-wrap .select-wrap {width: 325px; padding: 13px 10px; border: 1px solid #EFEFF4;}
.sms-form-wrap .sms-input {width: 303px; padding: 14px 10px; border: 1px solid #EFEFF4;}
.sms-form-wrap .sms-input:focus {border: 1px solid #325BDA;}

.auth-input_wrap {margin: 10px 0;}

.auth-input_wrap .auth-input {width: calc(100% - 116px); padding: 13px 12px;border: 1px solid #EFEFF4;}
.auth-input_wrap .auth-input.auth-code {margin:0 !important;}
button.btn.btn-auth-code {font-size:12px; color:#141625; padding: 14px 20px 15px 20px; border: 1px solid #EFEFF4; background: #EFEFF4; cursor: pointer; width:90px;}
.auth-input_wrap .help-txt {padding:5px 0 40px 0; color: #1A274D; font-size:12px;}

.container-auth-form-btn {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.container-auth-form-btn a {
    width: 100%;
    cursor: pointer;
}

.auth-form-btn {
    font-size: 14px;
    font-family: 'NotoSans-Regular', sans-serif;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    width: 100%;
    height: 50px;
    background-color: #1A274D;
    border-radius: 0px;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.auth-info-form-wrap {padding:30px 25px;}

.auth-info-form-wrap .info-txt{ color: #97A5AE; font-size:12px;}

.auth-input {width: calc(100% - 22px);color: #000; margin: 5px 0; padding:13px 10px; border: 1px solid #EFEFF4;}
.auth-input:focus { border: 1px solid #325BDA;}
.select-auth {width: 100%; margin: 5px 0; padding:13px 10px; border: 1px solid #EFEFF4;}
.addr-wrap {margin-top: 30px;}
.addr-wrap .select-wrap {width: 100%; padding: 13px 10px; margin-bottom: 10px; border: 1px solid #EFEFF4;}
.addr-wrap .select-wrap:invalid {color: #C3CED5}
.addr-wrap .select-wrap option:first-child {color: #C3CED5}
.addr-wrap .select-wrap option {color: #4B5257}
.container-auth-form-btn.pInfo {margin-top: 40px;}

input.auth-input::placeholder{color:#97A5AE !important;text-align: left;font-size:12px}
input.auth-input::-webkit-input-placeholder{color:#97A5AE !important;text-align: left;font-size:12px}
input.auth-input::-moz-input-placeholder{color:#97A5AE !important;text-align: left;font-size:12px}
input.auth-input::-ms-input-placeholder{color:#97A5AE !important;text-align: left;font-size:12px}

select.select-auth { color:#C3CED5; text-align: left;font-size:14px;}
select.select-auth option.sel-txt {color: #000;}

.auth-data-upload-wrap {margin-top: 30px;}
.auth-data-upload-wrap .auth-tit {font-size:12px; color: #1A274D;}
.auth-data-upload-wrap .auth-tit02 {font-size:14px; color: #000000;}

.auth-upload-txt-wrap {margin-top: 20px;}
.auth-upload-txt-wrap .auth-txt { line-height: 17px; font-size:12px !important; color: #97A5AE !important;}

.file-box {
    margin: 25px auto 50px auto;
    width: 100%;
}

.fileType .file-select {
    position: relative;
    width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    height: 30px;
    background-color: #ecefef;
    margin: 0;
    border: 1px solid #cdd3d4;
    line-height: 30px;
    z-index: 10;
}


.file_input_textbox {
    float:left;
    width: calc(100% - 72px);
    height:47px;
    background: #F7F8FA;
}
.file_input_wrap {
    position:relative;
    width:70px;
    height:47px;
    overflow:hidden;
    background: #C3BCBF;
}
.file_input_img_btn {
    padding:13px 0 0 25px;
}
.file_input_hidden {
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

input.file_input_textbox::placeholder{color:#97A5AE !important;text-align: left;font-size:12px; text-indent: 20px;}
input.file_input_textbox::-webkit-input-placeholder{color:#97A5AE !important;text-align: left;font-size:12px; text-indent: 20px;}
input.file_input_textbox::-moz-input-placeholder{color:#97A5AE !important;text-align: left;font-size:12px; text-indent: 20px;}
input.file_input_textbox::-ms-input-placeholder{color:#97A5AE !important;text-align: left;font-size:12px; text-indent: 20px;}

/*pay repassword*/
.pay-repassword-wrap {margin: 120px 0;}
.pay-repassword-wrap p{text-align:center; font-size: 18px;}
.masking-password {width: 162px;  margin: 30px auto;}
.masking-password .roundbutton {
    float: left;
    font-size: 1px;
    display:block;
    height: 15px;
    width: 15px;
    margin: 0 5px;
    border-radius: 50%;
    background: #DEE2E5;
    border: 1px solid #DEE2E5;
    color: transparent;
    text-shadow: 0 0 0 #DEE2E5;
    caret-color : transparent;
    cursor: none;
}

.masking-password .roundbutton.active {
    background: #1A274D;
    border: 1px solid #1A274D;
    color: transparent;
    text-shadow: 0 0 0 #1A274D;
    caret-color : transparent;
}

.lost-password { padding-top: 50px; text-align: center; font-size:12px; font-family: 'NotoSans-Regular', sans-serif;}
.lost-password a {padding: 10px 20px; color: #97A5AE !important; text-decoration: underline;}


/*swap new page*/
.coin-search:focus {
    width: 100%;
    height: 40px;
    text-indent: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: url('../img/search-icon.png') center right no-repeat;
    background-size: auto;
}

.coin-search {
    width: 100%;
    height: 40px;
    text-indent: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: url('../img/search-icon-none.png') center right no-repeat;
    background-size: auto;
}

.coinSelect {
    width: 25%;
    margin-left: 8%;
    padding: 10px 10px 12px 0;
    text-align:left;
    font-size: 15px;
    color: #000;
    background: url('../img/arrow_down.png') center right no-repeat;
    background-size: 15%;
}

.coinSelect.selected {
    width: 40%;
    margin-left: 8%;
    padding: 10px 10px 12px 0;
    text-align:left;
    font-size: 15px;
    color: #000;
    background: none;
}

.search-result {
    height: 340px;
    margin-top: 20px;
    overflow: auto;
}


.search-result .icon_list {
    height: 30px;
    padding: 8px 10px;
}

.search-result .icon_list:hover {
    background: rgba(34, 78, 222, 0.03);
}

.search-result .coin_name {
    position: relative;
    top: -8px;
    margin-left: 20px;
    display: inline-block;
    width: 50px;
    font-size: 16px;
    color: #000;
}

.search-result .coin_subname {
    position: relative;
    top: -8px;
    margin-left: 20px;
    font-size: 12px;
    color: #5D666C;
}

.search-result span.icon {
    display: inline-block;
    width: 30px;
    height: 30px;
}


/* iphone plus */
/*사용자 해상도가 414px 이상이고 767px 이하일 때 이 코드가 실행됨.*/
@media (min-width:414px) and (max-width:767px) {

    .mywallet-section .mywallet-total-money p.total-refresh {background: url(../img/refrech.svg)no-repeat; position:relative; margin-bottom:-20px; left:230px; top:-25px; width:25px; height:25px;}
}

/* Tablet & Desktop Device */
/*사용자 해상도가 768px 이상일 때 이 코드가 실행됨. 테블릿과 데스크톱의 공통 코드를 작성한다.*/
@media (min-width:768px) {

    .mywallet-section .mywallet-total-money p.total-refresh {background: url(../img/refrech.svg)no-repeat; position:relative; margin-bottom:-20px; left:410px; top:-25px; width:25px; height:25px;}
}

.contact-section {
    width: 100%;
    height: 100px;
}

.contact-list {
    margin-top: 10px;
    width: 100%;
}

.contact-title span {
    font-size: 12px;
}

.contact-type span {
    font-size: 10px;
}

.contact-content span {
    font-size: 10px;
}

.contact-answer span {
    font-size: 10px;
}

#loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}

#loading-image {
    width: 20%;
    height: 10%;
    position: absolute;
    top: 45%;
    left: 40%;
    z-index: 100;
}

#staking-referrer input {
    color: #4B5257;
    width: 100%;
    padding: 12px 10px;
    margin: 20px 0;
    border: 1px solid #C3CED5;
    border-radius: 8px;
    box-sizing: border-box;
}

#staking-referrer input::placeholder {
    color: #C3CED5;
}

.money-strong {
    color: red !important;
}

.qr-addr {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}