/**
 * AIMyAvatar 용 CSS
 */

/*@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");*/
@import url('font.css');
/*html{font-size:18px;}*/
* {position: relative; font-family: 'Noto Sans KR', 'sans-serif'; box-sizing: border-box;}
body {
    margin: 0;
    padding: 0;
    background-color: #F9FAFB;
    color: #000;
    font-size: 1rem;
    font-family: 'Noto Sans KR', 'sans-serif';
    font-weight: normal;
    height:100%;
    display:flex;
    flex-direction: column;
    align-items: center;

    /*lighter*/
}
a{text-decoration: none;}
/*a,*/
/*a:visited,*/
/*a:hover,*/
/*a:active {*/
/*    color: inherit;*/
/*    font-size: inherit;*/
/*    font-family: inherit;*/
/*    text-decoration: none;*/
/*    font-weight: inherit;*/
/*    vertical-align: middle;*/
/*}*/

a:visited {}

a:hover {}

a:active {}

button{border:none;}
button:hover{}

img, svg {
    vertical-align: middle;
}

.btn {
    width: 100%;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
}
.btn:disabled {background:#B5BCC2 !important; opacity: 0.6;}
.disabled {background:#B5BCC2 !important; opacity: 0.6;}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.btn.big {
    border-radius: .5rem;/* 2rem; */
    padding: .8rem 2rem;
    font-weight: 700;
    font-size: 1.6rem;
}

.btn.middle {
    border-radius: 2.5rem;/* 1rem; */
    padding: .6rem 1.6rem;
    font-weight: 400;
    font-size: 1.1rem;
}

.btn.small {
    border-radius: .5rem;
    padding: .2rem .9rem;
}

.btn.create,
.btn.success {
    background: #198754;
    color: #FFF !important
}
.btn.info {
    background: #0dcaf0;
    color: #000 !important
}
.btn.primary {
    background: #5414FF;
    color: #FFF !important
}
.btn.secondary {
    background: #AAA4BA;
    color: #fff !important
}
.btn.danger {
    background: #dc3545;
    color: #FFF !important
}
.btn.warning {
    background: #ffc107;
    color: #000 !important
}
.btn.white {
    background: #f8f9fa;
    color: #000 !important
}
.btn.black {
    background: #212529;
    color: #FFF !important
}
.btn.link{background: none; color:#3D0DBD;}


.text-success {
    color: #198754 !important
}
.text-info {
    color: #0dcaf0 !important
}
.text-primary {
    color: #0d6efd !important
}
.text-secondary {
    color: #6c757d !important
}
.text-danger {
    color: #dc3545 !important
}
.text-warning {
    color: #ffc107 !important
}
.text-white {
    color: #f8f9fa !important
}
.text-black {
    background: #212529;
    color: #FFF !important
}

.black-font {
    color: #000 !important
}

.normal-font {
    font-weight: normal !important
}

.lighter-font {
    font-weight: lighter !important
}

.bolder-font {
    font-weight: bolder !important
}

.btn.hamburger {
    font-size: inherit;
    width:3rem;
    height:3rem;
    display: inline-block;
    overflow: hidden;
    text-indent: -1000px;
    background: url("../images/ico_menu.svg") no-repeat center center;
    background-size: 28px 28px;
}
.btn.search{
    width:3rem;
    height:3rem;
    display: inline-block;
    overflow: hidden;
    text-indent: -1000px;
    background: url("../images/ico_search.svg") no-repeat center center;
    background-size: 28px 28px;
}
.btn.hamburger.on {
    display: inline-block;
    text-indent: -9999px;
    line-height: 0;
}

.btn.hamburger.on:after {
    content: 'X';
    text-indent: 0;
    display: block;
    line-height: initial;
}

.box-gradient {
    background-image: linear-gradient(to bottom right, #69aaf9, #c187f8, #ed79c7);
    border-radius: 5px;
}

.no_select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* .loading {
    background: url(../img/loading-icon.webp) no-repeat 50% 50%/contain transparent;
    width: 50px;
    height: 50px;
    position: absolute;
    left: calc(50% - 25px) !important;
    top: calc(50% - 25px) !important;
    animation: target_image 3.6s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
}

@keyframes target_image {
    0% {
        transform: rotate(0deg);
    }

    30% {
        transform: rotate(60deg)
    }

    100% {
        transform: rotate(-4320deg);
    }
} */

.hide {display: none !important;}

.disabled,
input[disabled], select[disabled], textarea[disabled], button[disabled],
form[disabled] input, form[disabled] textarea, form[disabled] select, form[disabled] button {
    background: #AAA4BA;
    color: #ffffff;
    cursor: not-allowed !important;
    opacity: 0.7;
}


input[type=text], input[type=password], textarea {
    outline-style: none;
    /* 포커스시 발생하는 효과 제거를 원한다면 */
    -webkit-appearance: none;
    /* 브라우저별 기본 스타일링 제거 */
    -moz-appearance: none;
    appearance: none;
}
select {
    /* width: 200px; 원하는 너비설정 */
    padding: 15px 40px 15px 20px; /* 여백으로 높이 설정 */
    width:100%;
    font-size:1rem;
    background: url('../images/select_arrow_down.svg') no-repeat 94% 50% #F3F8FD; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border:unset;
    border-radius: 10px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
  /* for IE 11 */
  display: none;
}
select option{min-height:0; padding:0; line-height: 1;}

select { min-width: 70px;}
textarea,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="password"]
{
    width:100%;
  font-size:1rem;
    padding:15px 20px;
  color: #0C163D;
    background: #F9FAFB;
  border-radius:10px; border:none; box-shadow:none; -webkit-appearance:none; }

input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=text]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=time]:focus,
textarea:focus {
    outline: none;
    color:#0C163D;
    background: #F3F8FD;
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=email]:disabled,
input[type=date]:disabled,
input[type=text]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=time]:disabled,
textarea:disabled {
    opacity: 0.6;
}

input::-ms-input-placeholder {
    color: #C9C9C9;
}

input::-webkit-input-placeholder {
    color: #C9C9C9;
}

input::-moz-placeholder {
    color: #C9C9C9;
}
input:read-only, textarea:read-only {
    opacity: 0.7;
    border: 1px solid #2F4CB2;
    background: #F0F3FD;
}
input:read-only:focus {
    color: #0C163D; background: #F9FAFB;
}
input:valid{color: #0C163D; background: #F3F8FD;}
input:invalid{color: #0C163D; background: #F9FAFB;}

ul.none-style {padding:0; margin: 0;}
ul.none-style li {list-style-type: none;}

dl {margin: 0 0 .5rem}
dl dt, dl dd{display: inline-block;}

.txt-cut {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.txt-uppercase {text-transform:uppercase !important;}
.txt-underline {text-decoration:underline;}

.box {padding: 1rem 0.4rem;}
.box.round {border: 1px solid gray;border-radius: 8px;}

.text-center {text-align: center;}

/* ----------------- flex -----------------------*/

/*  ( A ) ( B ) ( C ) */
.flex-x {display: flex;} 
.flex-x>* {flex:1 1 0; flex-direction: row; margin: 2px;/* flex-wrap: wrap;justify-content:space-between; */}
/*
( A )
( B )
( C )
*/
.flex-y {display: flex;}
.flex-y>* {flex: 1 1 0;flex-direction: column; margin: 2px;/* flex-wrap: wrap;justify-content:space-between;*/}

/* ----------------- grid -----------------------*/


/* ----------------- layout -----------------------*/

.select_lang{display: flex; width:100%; flex-direction: column; position: relative; background: #F9FAFB; border-radius:10px;}
.select_lang .ico_arrow{position:absolute; top:14px; right: 20px; width:24px; height:24px; background: url("../images/select_down.svg");}
.select_lang.show .ico_arrow{position:absolute; top:14px; right: 20px; width:24px; height:24px; background: url("../images/select_arrow_up.svg");}
.select_lang a{width: 100%;
    font-size: 1rem;
    padding: 18px 20px;
    color: #0C163D;
    background: #F9FAFB;
    border-radius: 10px;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    display: block;
}
.select_lang.show{border-radius: 10px 10px 0 0}
.select_lang .lang_list{display:flex; height:0;transition: all .4s; flex-direction: column;width:100%; position:absolute; left:0; top:51px; background: #F3F8FD; z-index: 9; border-radius: 0 0 10px 10px; overflow:hidden;}
.select_lang.show .lang_list{height:295px; transition: all .4s;}
.select_lang .lang_list a{}


.select_lang .lang_kr{background: url("../images/flag_kor.svg") no-repeat 20px center;}
.select_lang .lang_us{background: url("../images/flag_usa.svg") no-repeat 20px center;}
.select_lang .lang_cn{background: url("../images/flag_ch.svg") no-repeat 20px center;}
.select_lang .lang_vi{background: url("../images/flag_vie.svg") no-repeat 20px center;}
.select_lang .lang_jp{background: url("../images/flag_jp.svg") no-repeat 20px center;}

.lang_kr{background: url("../images/flag_kor.svg") no-repeat 20px center;}
.lang_us{background: url("../images/flag_usa.svg") no-repeat 20px center;}
.lang_cn{background: url("../images/flag_ch.svg") no-repeat 20px center;}
.lang_vi{background: url("../images/flag_vie.svg") no-repeat 20px center;}
.lang_jp{background: url("../images/flag_jp.svg") no-repeat 20px center;}


.select_lang .lang_kr,
.select_lang .lang_us,
.select_lang .lang_cn,
.select_lang .lang_vi,
.select_lang .lang_jp{padding-left:60px; background-position: 20px center;}





.section.head {position: fixed; z-index: 50;top: 0; width: 100%; height: 3rem;border-bottom:1px solid #eee; background: #ffffff; color:#303030; font-size: 1.2rem; display:flex; justify-content: space-between; align-items: center;}
.section.head .box-title .store_icon {max-height: 21px;vertical-align: -1px;}
.section.head .box-title .logo{width:90px; height:3rem; background: url("../images/logo.svg") no-repeat center center; background-size: 100%; overflow: hidden; text-indent: -1000px;}
/*.section.head .box-search{float: right;!* padding-right: 1rem; *!width: 3rem;line-height: 1rem;padding-top: 1.2rem;text-align: center;}*/
.section.head .box-search{position: absolute; top:0; right:0;}
.section.head .box-search .star-cnt{ display: block;font-size: .7rem;line-height: 1rem;height: 1rem;color: #fff;}
.page.seller .section.head .box-search{padding-top: 1rem}

.menu_list{height:calc(100vh - 50px); padding:20px;}
.menu_list dl{margin-bottom:20px; padding:20px; border-radius: 10px;  background:#ffffff; display: flex; flex-direction:column;}
.menu_list dt{ font-size:1rem;}
.menu_list dd{font-size:0.75rem; margin:0;}

nav{position: fixed; bottom:0; z-index:50; width:100%; max-width: 410px; height:3.55rem;  background: #ffffff;  display: flex; justify-content: space-between; border-top:1px solid #E5E8EB;  }
nav ol{padding: 0 20px; width:100%; display: flex; justify-content: space-between;}
nav ol li{}
nav .nav_home,
nav .nav_charge,
nav .nav_remit,
nav .nav_coin,
nav .nav_history
{min-width:2rem; height:1rem; display:inline-flex; align-content: center; padding-top:2rem; justify-content: center; font-size:0.75rem; font-weight: 600; color: #8D92B2;}

nav .nav_home.active,
nav .nav_charge.active,
nav .nav_remit.active,
nav .nav_coin.active,
nav .nav_history.active{color:#082488;}

nav .nav_home{ background: url("../images/nav_home.svg") no-repeat center 0.5rem;}
nav .nav_charge{background: url("../images/nav_wallet.svg") no-repeat center 0.5rem;}
nav .nav_remit{background: url("../images/nav_remit.svg") no-repeat center 0.5rem;}
nav .nav_coin{background: url("../images/nav_coin.svg") no-repeat center 0.5rem;}
nav .nav_history{background: url("../images/nav_history.svg") no-repeat center 0.5rem;}

nav .nav_home.active{ background: url("../images/nav_home_active.svg") no-repeat center 0.5rem;}
nav .nav_charge.active{background: url("../images/nav_wallet_active.svg") no-repeat center 0.5rem;}
nav .nav_remit.active{background: url("../images/nav_remit_active.svg") no-repeat center 0.5rem;}
nav .nav_coin.active{background: url("../images/nav_coin_active.svg") no-repeat center 0.5rem;}
nav .nav_history.active{background: url("../images/nav_history_active.svg") no-repeat center 0.5rem;}


@media(max-width:840px) {
}

/* ------------------- page ------------------ */

.page {padding-top: 3rem; width:100%; height:100%; background: #ffffff;}

/* page home */



/* page home */

/* page search */
.page.search{height:calc(100vh - 3rem);}
.search input[type=text]{margin-right:6px; padding:0.6rem 3rem 0.6rem 1rem; width:calc(100% - 48px); background-size: 2rem; border:1px solid #eaeaea;}
.search input[type=text]:focus{border:1px solid #4147D5;}
.search input[type=text]:focus + .btn_del{display:block}
.search .search_history li{padding:0.4rem 1rem;}
.search .search_input{ position:relative; padding:1rem; width:100%; background: #ffffff;  display: flex;}
.search .search_input .btn_del{display:none; position:absolute; margin-top:-10px; top:50%; right:70px; }
.search .search_input:focus .btn_del{display:block}
.search .btn_del{width:20px; height:20px; background: url('../images/ico_close.svg') center center; background-size: 80%; overflow:hidden; text-indent: -1000px;}
.search .btn_done{width:42px; height:42px; background: url('../images/ico_search_w.svg') #4147D5 no-repeat center center; background-size: 60%; overflow:hidden; text-indent: -1000px; border-radius: 4px;}
.search h4{margin:0; padding:1rem 1rem 0.4rem 1rem; font-size:0.875rem; font-weight: normal; color:#6c757d;}

.search .search_result{margin-top: 0;
    width: 100%;
    font-size: .96rem;
    color: #303030;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: -0.5px;}

.search .search_result .image{    width: 4rem;
    height: 4rem;
    float: left;
    margin-right: 0.8rem;
    z-index: 50;
    border-radius: 10px;
    background: url(../images/none_image.png) 50%;
    overflow: hidden;
}

.search .search_result .writer{display: block;
    margin-top:5px;
    margin-bottom: 7px;
    font-size: .8rem;
    color: #6c757d;
}
.search .search_result .title{ font-weight: 400; color:#463C60;}

.search .result_list li{padding:0.4rem 1rem;}
.search .result_list li:last-child{padding-bottom:1rem;}

.empty{width:100%; height:200px !important; background: transparent !important;}

ul, ol, li, p { list-style:none; padding:0; margin:0;}
h3{font-size:1rem;padding:0; margin:0;}
.login
{
    width:100%;
    height:100vh;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}

.error_txt{ padding:0 0 0 20px; color:#FF4E78; font-size:0.875rem; display:inline-block; background: url(../images/ico_error.svg) no-repeat;}
.info_txt{ padding:0 0 0 20px; color:#FF4E78; font-size:0.875rem; display:inline-block; background: url(../images/ico_info.svg) no-repeat;}
.help_txt{ padding:0 0 0 20px; color:#FF4E78; font-size:0.875rem; display:inline-block; background: url(../images/ico_help.svg) no-repeat;}
/* .signup  */

input[type="radio"] {display: none;}
input[type="radio"] + label {min-width:20px; background:url(../images/ico_radio.svg) no-repeat left center; cursor: pointer; display:flex;}
input[type="radio"]:checked + label {background:url(../images/ico_radioed.svg) no-repeat left center; display: flex;}
input[type="radio"] + label span {padding: 0 0 0 25px; width:auto; display:flex; opacity: 0.8; align-items: center;}
input[type="radio"] + label span:hover{opacity: 1;}

input[type="checkbox"] {display: none;}
input[type="checkbox"] + label {min-width:24px; min-height:24px; background:url('../images/input_check.svg') no-repeat left center; cursor: pointer; display:flex;}
input[type="checkbox"]:checked + label {background:url('../images/input_checked.svg') no-repeat left center; display: flex; }
input[type="checkbox"] + label span {padding: 2px 0 0 33px; width:auto; display:flex;}
input[type="checkbox"] + label span:hover{opacity: 1;}

 /* 기본 버튼 사이즈 */

.btn{display:flex; justify-content: center; align-items: center; background: #082488; color:#fff; padding:19px 0; border-radius: 10px; font-size:1rem;}
.btn_sec{width:100%; display:flex; justify-content: center; align-items: center; background: #F9FAFB; color:#5B6571; padding:15px; border-radius: 10px; font-size:1.125rem;}
.btn_ter{width:100%; display:flex; justify-content: center; align-items: center; background: #6F799E; color:#fff; padding:15px 0; border-radius: 10px; font-size:0.875rem;}
.btn_area_fixed{display:flex; justify-content: space-between; position: fixed; padding:0 1.875rem 1.5rem 1.875rem; bottom:0; margin:0 auto; width:100%; max-width: 410px;}
.btn_area_fixed a{width:100%}
.btn_area_fixed ol,
.btn_area_fixed li
{display:flex; justify-content:space-between; width:calc(50% - 7px);}

.btn_area{margin-top:20px; padding:0 30px; width:100%; max-width:410px; display: flex; justify-content: space-between;}
.btn_area li{display:flex; justify-content:space-between; width:calc(50% - 7px);}
.btn_area li.btn_col1{width:calc(30% - 7px)}
.btn_area li.btn_col2 a,
.btn_area li.btn_col1 a{width:100%;}
.btn_area li.btn_col2{width:calc(70% - 7px)}

.setting_wrap{position: relative;}
.setting .user_info{display: flex; padding:20px 10px; align-items: center;}
.setting .user_info .user_image img{width:100%; height:auto}
.setting .user_info .user_image {margin-right:20px; width:60px; height:60px; overflow: hidden; background: #F0F0F0; border-radius: 50%;}
.setting .user_info .user_email{width:calc( 100% - 80px); word-break: break-all;}
.setting section{padding:1rem 0; border-top:1px solid #eaeaea;}
.setting h3{margin:0; padding:1rem; font-size:0.9rem; color:#5F6483; font-weight: normal;}
.setting li {width:100%; padding:1rem; display:flex; justify-content: space-between; box-sizing: border-box;}
.setting li a{width:100%; padding:0; display:block;}
.setting .menu a{display:unset;}
.setting .point_setting{padding:0;}
.setting .point{display:flex; color:#4147D5; font-size:1.2rem;}
.setting .point_setting li:first-child{padding:20px 1rem;}
.setting .point_setting .tab{border-top:1px solid #eaeaea}
.setting .point_setting .tab a{width:50%; text-align: center;}
.setting .new_ver{font-size:0.8rem; color:#4147D5;}

.withdraw{height:calc(100vh - 3rem);}
.withdraw .user_info{display: flex; padding:20px 1rem; align-items: center; justify-content: center;}
.withdraw .user_info .user_image img{width:100%; height:auto}
.withdraw .user_info .user_image {width:100px; height:100px; overflow: hidden; background: #F0F0F0; border-radius: 50%;}
.withdraw .user_info .user_email{width:calc( 100% - 80px); word-break: break-all;}
.withdraw section{padding:10px 0; border-top:1px solid #eaeaea;}
.withdraw h3{margin:0; padding:1rem; font-size:0.9rem; color:#5F6483; font-weight: normal;}
.withdraw li {width:100%; padding:1rem 20px; display:flex; justify-content: space-between; box-sizing: border-box;}
.withdraw li a{padding:0; display:block; width:100%;}
.withdraw .footer {position: fixed; bottom:0; width:100%;}
.withdraw .footer button{ width:100%; height:50px; background: #5414FF; color:#ffffff; cursor: pointer;}


.switch_area {
    position: absolute;
    top:8px;
    right:10px;
    width: 50px;
    text-align: center;
}
#switch {
    position: absolute;
    /* hidden */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.switch_label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 48px;
    height: 19px !important;
    background: #D7E0FF !important;
    border: 2px solid #7D80D1 !important;
    border-radius: 20px;
    transition: 0.2s;
    
}
.switch_label:hover {
    background: #7D80D1;
}
.onf_btn {
    position: absolute;
    top: 2px;
    left: 2px;
    display: inline-block;
    width: 15px !important;
    height: 15px !important;
    padding:0 !important;
    border-radius: 20px;
    background: #7D80D1;
    transition: 0.2s;
    border:none;
}

/* checking style */
#switch:checked+.switch_label {
    background: #4147D5 !important;
    border: 2px solid #4147D5 !important;
}

#switch:checked+.switch_label:hover {
    background: #4147D5;
}

/* move */
#switch:checked+.switch_label .onf_btn {
    left: 30px;
    background: #fff;
    box-shadow: 1px 2px 3px #00000020;
}

.form_group{ height:calc(100vh - 3rem); box-sizing: border-box;}
.form_group dl{padding:0.8rem 20px; }
.form_group dl{border-bottom:1px solid #eee;}
.form_group input[type=text]{width:100%; border:1px solid #eee; background: #ffffff;}
.form_group dt{margin-bottom:0.2rem; width:100%; font-size:0.9rem;}
.form_group dd{margin:0; width:calc(100% - 20px); font-size:0.9rem;}
.form_group textarea{padding:10px; width:100%; height:200px; border-radius: 4px; border:1px solid #eee; background: #ffffff;}
.qna .btn_area{ position:absolute; bottom:0;}
.qna button{width:50%;}
.ico_write_conts{width:20px; height:20px; display:inline-block; background: url(../images/ico_write_conts.svg) no-repeat 100%;}
.ico_delete{width:20px; height:20px; display:inline-block; background: url(../images/ico_cancel.svg) no-repeat 100%;}

header{margin:0 auto; width:100%; max-width:410px; height:52px; display: flex; position: fixed; align-items: center;z-index: 9}
header .btn_back{position:absolute; top:0; left:0; width:52px; height:52px; background: url('../images/btn_back.svg') no-repeat center; overflow: hidden; text-indent: -100px;}
header h1{margin:0 auto; color: #333D4B; font-size:1rem; display: flex; align-items: center;}
header.dark {background: #082488;}
header.dark .btn_back{background: url("../images/btn_back_w.svg") no-repeat center center;}
header.dark h1{color:#fff;}
header.main_header{height:60px; padding:20px; justify-content: space-between; background: #f9fafb;}
header.main_header h1{margin:0;width:118px; height:40px; background: url('../images/logo_main.svg') no-repeat; overflow: hidden; text-indent: -1000px;}
header.main_header .ico_noti,
header.main_header .ico_noti.active,
header.main_header .ico_menu{width:24px; height:24px; overflow: hidden; text-indent: -1000px;}
header.main_header .ico_noti{background: url("../images/ico_noti.svg") no-repeat center;}
header.main_header .ico_noti.active{background: url("../images/ico_noti_active.svg") no-repeat center;}
header.main_header .ico_menu{margin-left:10px; background: url("../images/ico_menu.svg") no-repeat center;}

.contents{margin-top:52px; padding:30px; width:100%; max-width:410px; margin:0 auto;}
.valid_txt{color:#6F799E;}

.signup{padding:1.575rem 1.875rem; margin-top:52px;width:100%; max-width:410px; height:calc(100vh - 52px)}
.login{padding:1.875rem; background: #fff;}
.login video{width:148px; margin-bottom:70px;}
.login_wrap{width:100%}
.login_wrap li{margin-top:10px;}
.login .btn_wrap{display: flex; justify-content: center; align-items: center;  margin-top:20px;}
.login .btn_text{padding:4px 0; font-size:0.875rem; color:#4e5968; font-weight: 600;}
.login .bar{font-size:0.875rem; color:#b5bcc2; margin:0 16px; display:inline-block;}

.signup label{display:block; color:#8B95A1; font-size:0.875rem; font-weight: 500;margin-bottom:6px;}
.signup li{margin-bottom:10px;}
.signup li p{margin:0; margin-bottom:5px;}
.signup .has_btn{position: relative;}

.signup .has_btn .btn_detail,
.signup .has_btn .btn_dd_check{padding:5px 7px; font-size:0.75rem; border:1px solid #b0b8c1; border-radius: 5px; background: #fff; color:#8B95A1; z-index: 3; cursor: pointer;}

.signup .has_btn .btn_dd_check{position: absolute; top:10px; right:20px; }
.signup .valid_txt{margin-top:5px; width:100%; text-align: right; font-size:0.875rem;}
.signup .noti_text{background: #C91748; border-radius: 10px; padding:10px 0;}
.signup .noti_text h3{margin:0; color:#fff; font-size:1rem; text-align: center}
.signup .noti_text p{margin:5px 0 0 0; color:#fff; font-size:0.875rem; text-align: center}
.signup .agree_wrap{margin:20px 0;}
.signup .agree_wrap h3{margin:0; width:100%; font-weight: 500; color:#fff; background: #6F799E; padding:10px 15px; border-radius: 10px 10px 0 0;}
.signup .agree_list{background: #f9fafb; padding:5px 15px 0 15px; border-radius: 0 0 10px 10px;}
.signup label span{color:#000; font-size:0.9rem; display: unset !important;}
.signup .has_btn .btn_detail{position: absolute; top:7px; right:0;}
.signup .agree_list li{margin:10px 0; padding-bottom:10px; border-bottom:1px solid #C5CDD8;}
.signup .agree_list li:last-child{border-bottom: none;}
/*.signup .agree_list input[type="checkbox"] + label{background-position: 0 top; margin-bottom:0;}*/
.signup .agree_list input[type="checkbox"] + label span{padding-top:4px; padding-left:34px;}



.required{padding:0 !important; margin:0 !important; color:#C91748 !important; display: unset !important;}
.highlight{display: inline;
    box-shadow: inset 0 -30px 0 #FFE069;
}
.signup .result_find{height:calc(100% - 78px); display: flex; align-items: center; }
.signup .result_find .result_wrap{width:100%; padding:30px 0; text-align:center; color:#000; border-top:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9;}
.signup .result_find .highlight{font-size:1.35rem; background: #FFE069; font-weight: 600; color:#000;}

.main{padding-top:60px; background: #f9fafb;}
.main .user_info{padding:10px 0; display: flex; justify-content: space-between;}
.main .user_info .user_account{font-size:1.313rem; font-weight: 500; }
.main .user_info .user_account span{font-size:1.125rem; color:#8B95A1;}
.main .user_info .time_reset{padding:5px 35px 5px 15px; font-size:0.875rem; background:url('../images/ico_reflash.svg') #e9e9e9 no-repeat calc(100% - 10px) center; color:#000; border-radius: 20px;}
.main .total{padding:15px 20px 10px 20px; text-align: center; background:#082488; box-shadow: 0px 0px 20px 0px #0000000A;border-radius: 10px;}
.main .total h3{margin:0; font-size:0.875rem; font-weight: 900; color:#fff;}
.main .total .balance {display: flex; align-items: center; justify-content: center;}
.main .total .balance .pay{margin-left:5px; display:inline-flex; width:28px; height:28px; background: url("../images/ico_mileage.svg") no-repeat; overflow: hidden; text-indent: -1000px;color:#fff; font-size:17px; font-wight:600; opacity:1;}
.main .total .balance span{opacity:1;font-size:2.25rem; color:#fff; text-shadow: 2px 2px 0 #000;}
.main .coin_dropdown{margin-top:20px; padding:20px 15px; border-radius: 10px; background: #8B95A1; box-shadow: 0px 0px 20px 0px #0000000A;}
.main .coin_dropdown{ display: flex; justify-content: space-between;}
.main .coin_dropdown .select_coin{width:auto;background: transparent;}
.main .coin_dropdown .option{padding-left:0;}
.main .coin_dropdown .option_list{position:absolute; top:40px; padding:10px 30px 20px 20px; width:170px; height:0; opacity: 0; z-index:2; border-radius: 10px; transition: all .4s;}
.main .coin_dropdown .select_coin.show .option_list{background: #082488; height:325px; opacity: 1; transition: all .4s}
.main .coin_balance{color:#fff; font-size:1.4rem; display: flex; align-items: center;}
.main .coin_dropdown .coin_krw,
.main .coin_dropdown .coin_fmy,
.main .coin_dropdown .coin_bit,
.main .coin_dropdown .coin_ether,
.main .coin_dropdown .coin_ripple,
.main .coin_dropdown .coin_tron,
.main .coin_dropdown .coin_tether{padding-left: 0; width:36px; height:36px; overflow:hidden; text-indent: -1000px; display: inline-block; background-position: center center;}
.coin_krw, .coin_KRW, .KRW{background: url("../images/icon_krw.svg") no-repeat;}
.coin_fmy, .coin_FORMONEY, .coin_FMY, .FORMONEY, .FMY{background: url("../images/logo_fmy.svg") no-repeat; }
.coin_bit, .coin_BITCOIN, .coin_BIT, .BITCOIN, .BIT{background: url("../images/coin_bitcoin.svg") no-repeat;}
.coin_ether, .coin_ETHER, .coin_ETH, .ETHER, .ETH{background: url("../images/coin_ethereum.svg") no-repeat; }
.coin_ripple, .coin_RIPPLE, .coin_XRP, .RIPPLE, .XRP{background: url("../images/coin_ripple.svg") no-repeat;}
.coin_tron, .coin_TRON, .coin_TRX, .TRX{background: url("../images/coin_tron.svg") no-repeat;}
.coin_tether, .coin_TETHER, .coin_usdt, .coin_USDT, .TETHER, .USDT{background: url("../images/coin_thether.svg") no-repeat;}
.coin_krw, .coin_KRW, .KRW,
.coin_fmy, .coin_FORMONEY, .coin_FMY, .FORMONEY, .FMY,
.coin_bit, .coin_BITCOIN, .coin_BIT, .BITCOIN, .BIT,
.coin_ether, .coin_ETHER, .coin_ETH, .ETHER, .ETH,
.coin_ripple, .coin_RIPPLE, .coin_XRP, .RIPPLE, .XRP,
.coin_tron, .coin_TRON, .coin_TRX, .TRON, .TRX,
.coin_tether, .coin_TETHER, .coin_usdt, .coin_USDT, .TETHER, .USDT{padding-left: 0; width:36px; height:36px; overflow:hidden; text-indent: -1000px; display: inline-block;}

.main .coin_dropdown .option{margin:20px 0; position: relative;}
.main .coin_dropdown .option:hover{background: rgba(0,0,0,.05)}
.main .coin_dropdown .option i{position: absolute; left:10px; top:0; }
.main .coin_dropdown .option p{padding-left:50px;margin-bottom:5px; color:#fff; font-size:0.75rem;}
.main .coin_dropdown .option p:last-child{color:#C5CDD8;}
.main .coin_dropdown .arrow{position: absolute; top:7px; right:-30px; width:24px; height:24px; background: url("../images/select_arrow_down.svg") no-repeat center;}
    /** select **/
.select {display: inline-block;}
.select .selected{
    display: flex;
    justify-content: space-between;
}
.select .selected .arrow {
    margin-left:5px; width:24px; background: url("../images/select_arrow_down.svg") no-repeat center;
}
.select ul li,
.select .selected .selected_value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*.select ul li:hover {*/
/*    background: #f1f4ff;*/
/*}*/
.select ul{position: absolute; top:0; left:0; padding:10px;height:0; background: #fff; z-index:2; overflow-y:auto;}
.select.active ul{display: initial; height: 300px;}


.trade_wrap{margin:20px 0;}
.trade_wrap h3{margin:0; padding:6px 15px; display: flex; align-items: center; border-radius:10px 10px 0 0; justify-content: space-between; font-size:0.875rem; font-weight: 500; background: #6F799E; color:#fff;}
.trade_wrap h3 .btn_more{width:24px; height:24px; background: url('../images/ico_more.svg') no-repeat; overflow: hidden; text-indent: -100px}
.trade_wrap .trade_list{ padding:5px 15px; border-radius: 0 0 10px 10px; background: #fff; }
.trade_wrap .trade_list li{padding:10px 0; width:100%; display: flex; align-items: start;  border-bottom:1px solid #C5CDD8;}
.trade_wrap .trade_list li:last-child{border-bottom:none;}
.trade_wrap .trade_list .date{width:45px; font-size:0.75rem; color:#8b95a1;}
.trade_wrap .trade_list .desc{width:calc(100% - 45px - 120px); color:#000; font-size:0.875rem;}

.trade_wrap .trade_list .desc p.status{font-size:0.65rem;}
.trade_wrap .trade_list .charge_fail .desc p.status span{color:#C91748;}

.trade_wrap .trade_list .price{ width:120px; text-align: right; font-size:0.875rem;}
.trade_wrap .trade_list .price span{font-size:0.75rem;}
.trade_wrap .trade_list .price .balance{color:#8b95a1; font-size:0.75rem;}
.trade_wrap .trade_list .icon1{}
.trade_wrap .trade_list .icon2{}
.trade_wrap .trade_list .icon3{}
.quick_menu{display:flex; justify-content: space-between; padding-bottom: 60px;}
.quick_menu a{padding:12px; width:30%; display:flex; flex-direction: column; align-items: center; justify-content: center; font-size:0.765rem; color:#8b95a1; background: #fff; border-radius: 10px;}
.quick_menu .icon1,.quick_menu .icon2,.quick_menu .icon3
{display:inline-block; width:48px; height:48px;}

 .quick_menu .icon1{background:url("../images/ico_add_coin.svg") no-repeat center top;}
.quick_menu .icon2{background:url("../images/ico_sms.svg") no-repeat center top;}
.quick_menu .icon3{background:url("../images/ico_cs.svg") no-repeat center top;}

.charge_header{background: #fff;}
.charge_header h1{color:#8B95A1; font-size:1.125rem; font-weight: 700; text-align: center;}
.charge_header h1 .sub_title{margin-left:10px; padding:2px 8px; background: #ED7115; border-radius: 5px; font-size:0.87rem; color:#fff; }
.charge_body {display:flex; flex-direction: column; margin-top:52px;padding-top:30px; padding-bottom:80px; background: #fff;}
.charge_wrap{ margin-bottom:10px; padding:0 30px; width:100%; max-width:410px; }
.charge_wrap .charge_info{text-align: center; margin:20px 0;}
.charge_wrap .charge_info p{margin-top:10px;}
.charge_wrap .charge_info b{font-weight: 600; font-size: 1rem;}
    /*.charge_wrap .input_wrap{}*/
.charge_wrap label{font-size:0.875rem; color:#8B95A1; margin-bottom:5px;}
.charge_wrap h2{margin:0 0 0 0; font-size:1.2rem; font-weight: 500; text-align: center;}
.charge_wrap .input_wrap input[type=text]{padding-right:50px; text-align: right; color:#000; font-size:1.4rem;}
.charge_wrap .input_wrap .unit{position: absolute; margin-top:-10px; top:50%; right:20px; }
.charge_wrap p{text-align: center;}
.charge_wrap .price{font-size:2rem; text-align: center; font-weight:600;}
.card_wrap{padding:0 30px; width:100%; max-width:410px;}

.card_wrap h3{padding:10px 0;font-size:0.875rem; color:#fff; background: #6F799E; border-radius: 10px 10px 0 0; font-weight: 500; text-align: center;}
.card_wrap .card_list{}
.card_wrap .has_logo{position:relative; padding:15px; font-size:1rem;  text-align: left;}
.card_wrap .has_logo .logo_m{position: absolute; top:10px; right:10px; display: inline-block; width:26px; height:26px; background: url("../images/logo_m.svg") no-repeat center;}
.card_list{padding:5px 15px; background: #F9FAFB; border-radius: 0 0 10px 10px;}
.card_list dl{margin:0; padding: 20px 0 ; display: flex; border-bottom:1px solid #C5CDD8;}
.card_list li:last-child,
.card_list dl:last-child{border-bottom:unset;}
.card_list dt{width:40%; color:#5B6571; font-size: 0.875rem; text-align: center;}
.card_list dd{ width:60%; text-align: center;  text-align: center;}
.card_list li{position:relative; padding:10px 5px; margin:0; font-size:0.875rem; border-bottom:1px solid #C5CDD8;}
.card_list li.has_marker{padding:10px 5px 10px 20px; }
.card_wrap .guide_text{padding:25px 0; font-size:1.125rem; text-align: center; color:#000;}
.card_wrap .guide_text .highlight{padding:0 5px; color:#082488; box-shadow: none; display: inline-block;}
.card_list p{position:relative; padding:10px 5px 10px 20px; font-size:0.75rem; color:#5B6571;}
.card_list .marker{position: absolute; left:5px;}
.card_list .price{text-align: right; color:#082488;}
.card_list .account_user{color:#000; font-weight: 500; font-size:1rem; padding:0;}
.card_list .account_num{padding:0;}
.card_list.check_back input[type=checkbox] + label{
    min-width: 24px;
    min-height: 24px;
    background: url(../images/input_check.svg) no-repeat right center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}
.card_list.check_back input[type=checkbox]:checked + label{
    background: url("../images/input_checked.svg") no-repeat right center;
    background-size: 24px;
}
.card_list.check_back {}
.card_list .has_coin{position: relative; padding-left:60px;}
.card_list .has_coin i{position: absolute; left:10px;}

 .card_wrap.remit_account dt{text-align: left;}
.card_wrap.remit_account dd{color:#082488; font-size:1.1rem; text-align: right;}
.card_wrap.remit_account .unit{color:#333D4B; font-size:0.75rem;}
.card_wrap.simple_account{margin-top:20px;}
.card_wrap.simple_account dt{position: relative;padding-left:40px; text-align: left;}
.card_wrap.simple_account dt i{position: absolute; top:0; left:0}
.card_wrap.simple_account dt .number{font-size:0.875rem; color:#8B95A1;}
.card_wrap.simple_account dt .name{ font-size:1rem; color: #000;}
.card_wrap.simple_account dd{display:flex; justify-content: flex-end; align-items: center;}
.card_wrap.simple_account dd button{margin-left:5px;}
.card_wrap .tab_header{display:flex;}
.card_wrap .tab_header h3{width:50%; border:0;}
.card_wrap .tab_header h3.active{background: #082488;}
.card_wrap .tab_header h3:first-child{border-radius: 10px 0 0 0;}
.card_wrap .tab_header h3:last-child{border-radius: 0 10px 0 0;}
.card_wrap .tab_header h3 .btn_add{ position: absolute; top:10px; right:10px;}

.txt_red{color:#C91748;}

.info_txt{}
.text-right{text-align: right !important;}

.no_bg{background: #fff}
.remit_header{ height:182px; background: #082488; color:#8B95A1; display: flex; flex-direction: column;}
.remit_header.no_bg{background: transparent;}
.remit_header h1{height:52px; font-size:1.125rem; font-weight: 700; color:#8B95A1;}
.remit_header h1 .sub_title{margin-left:10px; padding:2px 8px; background: #64AE69; border-radius: 5px; font-size:0.87rem; color:#fff; }
.remit_body {}
.remit_header .balance { width:100%; max-width: 410px; height:130px; display: flex; align-items: center; justify-content: center; text-align: center; background:#082488; z-index:2;}
.remit_header .balance .pay{margin-left:10px; color:#fff; font-size:17px; font-wight:600; width:28px; height:28px; background: url("../images/ico_mileage.svg") no-repeat; overflow: hidden; text-indent: -1000px;}
.remit_header .balance span{opacity:1;font-size:3rem; color:#fff; text-shadow: 2px 2px 0 #000;}

.remit_body{position: relative;width:100%; max-width:410px; margin-top:182px; max-width: 410px; height:calc(100vh - 240px);}
.remit_body .btn_top_area{padding-right:20px}
.remit_body .btn_area_fixed{bottom:80px;}
.remit_body .card_list.trade_wrap{padding:0; box-shadow: 0px 0px 30px 0px #0000000A; background: #fff; margin-top:0;}

.remit_body .lang_kr,
.remit_body .lang_us,
.remit_body .lang_cn,
.remit_body .lang_vi,
.remit_body .lang_jp{display:inline-block; width:30px; height:30px; background-position: center !important; background-size: 100% !important;}
.remit_body .number{font-size:0.875rem; color:#8B95A1}
.remit_body .card_list p{padding:0;}
.remit_body input[type="radio"] + label {
    width: calc(100%/2);
}
.bank_list button{padding:10px; font-size:1.125rem; color: #333D4B; font-weight: 500; background: none;}

.remit_info dl{margin:40px 0 30px; padding:20px 0; border-top:1px solid #C5CDD8; border-bottom:1px solid #C5CDD8; display: flex; justify-content: space-between}
.remit_info dt{padding-left:30px; color:#5B6571; font-size:0.875rem;}
.remit_info dd{padding-right:10px; color: #082488; font-weight:600;}
.remit_body .success_msg{margin:0 45px; text-align: center;}
.success_msg .account_user{font-weight:600;margin-bottom:10px; }
.success_msg .account_user .highlight{padding:0 3px;font-size: 1.125rem;}
.success_msg .info_msg{font-size:0.875rem; font-weight: 400;}

.coin_header{display: flex; flex-direction: column;}
.coin_header h1{height:52px; font-size:1.125rem; font-weight: 700; color:#8B95A1 !important;;}
.coin_header h1 .sub_title{margin-left:10px; padding:2px 8px; background: #14A0DE; border-radius: 5px; font-size:0.87rem; color:#fff; }
.notice_body, .comm_body,
.coin_body{position: relative;margin-top:52px; padding:20px 30px; width:100%; max-width: 410px; height:calc(100vh - 120px); overflow-y: auto;}
.coin_body ul.coin_box{margin-bottom:20px; background: #fff; border-radius: 10px; padding:15px 15px 10px 15px; box-shadow: 0px 0px 30px 0px #0000000A;}
.coin_body ul.coin_box li{display: flex; justify-content: space-between; align-items: center;}
.coin_body ul.coin_box li:last-child{margin-top:20px;}
.coin_body ul.coin_box button, .coin_body ul.coin_box a{width:33%; display: block; text-align: center; background: #F2F4F6; border-radius: 5px; padding:7px 14px; margin:0 2px; font-size:0.75rem; color:#4e5968; font-weight: 600;}
.coin_body ul.coin_box .coin_name{display: flex; align-items: center; font-weight: 600;}
.coin_body ul.coin_box .coin_name i{margin-right:10px;}
.coin_body .btn_area_fixed{width:100%; padding:20px 30px; margin-left:-30px; bottom:60px;}
.coin_body .btn_area_fixed a{margin:0 auto;}
.coin_body .coin_send{margin:-20px -30px 0 -30px; padding:30px; height:180px; background: #082488;}
.coin_body .coin_send .select_coin{width:70%; margin:0 auto;}
.coin_body .coin_send .coin_balance{margin-top:30px; font-size:2.25rem; color:#fff; text-shadow: 2px 2px 0px 0px #000000; text-align: center;}
.coin_body .coin_send .coin_balance span{font-size:1rem; opacity: .8}
.coin_body .card_wrap,
.coin_body .insert_form{padding:20px 0 0 0;}
.coin_body .btn_area{padding:0; margin:20px 0 0 0;}

.coin_sum{font-size:1.19rem; color: #000; font-weight: 600}
.btn_add_coin{display:block; margin-bottom:20px; width:100%; height:56px; border: 1px dotted #2850B933; border-radius: 10px; box-shadow: 0px 0px 30px 0px #0000000A;
    background: url("../images/btn_add_coin_icon.svg") no-repeat center center #ECF2FECC;}

.coin_name.tether{color:#50AF95}
.coin_name.ether{color:#5F7EDD}
.coin_name.ripple{color:#5F7EDD}
.coin_name.bit{color:#5F7EDD}
.coin_name.tron{color:#000}

.coin_list dl{background: #f9fafb; border-radius: 10px; padding:15px; display: flex; justify-content: space-between; align-items: center;}
.coin_list dt{display: flex; align-items: center;}
.coin_list dt i{margin-right:5px; }
.coin_list dd{margin:0; display: flex; justify-content: flex-end; align-items: center;}
.coin_list dd span{font-size:0.75rem; margin-right:10px;}
.coin_list .btn_coin_add{padding:10px 40px 10px 15px; border-radius: 5px; font-size:0.75rem; font-weight: 600; color:#fff; background: url('../images/ico_add.svg') no-repeat #082488 calc(100% - 10px) center;}
.coin_list .btn_coin_del{padding:10px 40px 10px 15px; border-radius: 5px; font-size:0.75rem; font-weight: 600; color:#fff; background: url('../images/ico_del.svg') no-repeat #B0B8C1 calc(100% - 10px) center;}
.coin_list .btn_coin_del:disabled{opacity: .2}
.coin_body .qr_code{ margin:20px 0; text-align: center; }
.coin_body .qr_code .coin_num{width:80%; margin:20px auto 0 auto; color:#5B6571; font-weight: 500; font-size:1.065rem; word-wrap: break-word;}
.coin_body .btn_copy{
    padding-right:30px;
    background: url("../images/ico_copy.svg") no-repeat calc(50% + 40px) center #082488; }
.coin_body .btn_share{
    padding-right:35px; color:#fff;
    background: url("../images/ico_share.svg") no-repeat calc(50% + 40px) center #082488; }

.history{margin-top:52px; width:100%; max-width: 410px;}
.history .coin_balance{margin:0; padding:30px; height:180px; background: #082488;}
.history .coin_balance .select_coin{width:70%; margin:0 auto;}
.history .coin_balance .balance{margin-top:30px; font-size:2.25rem; color:#fff; text-shadow: 2px 2px 0px 0px #000000; text-align: center;}
.history .coin_balance .balance span.unit{font-size:1rem; opacity: .8}
.history_body table,
.history table{width:100%; border:none;}
.history_body th, .history_body td,
.history th,
.history td{padding:10px 10px; font-size:0.75rem;text-align: center;}
.history_body th,
.history th{height:47px; background: #F9FAFB; font-weight: 500; font-size:0.75rem;}
.history_body th span,
.history th span{color:#8B95A1; font-size:0.75rem;}
.history_body td,
.history td{border-bottom:1px solid #C5CDD8;}
.history_body .filter,
.history .filter{padding:10px;}
.history_body .btn_filter,
.history .btn_filter{margin-right:10px;padding:5px 10px; background: #ededed; border-radius: 15px; }
.history_body .price,
.history .price{text-align: right;}
.history_body td span,
.history td span{color:#8B95A1;}
.history_body td i,
.history td i{width:24px; height:24px; background-size:100%;}

.history_header{ height:182px; background: #082488; color:#8B95A1; display: flex; flex-direction: column;}
.history_header.no_bg{background: transparent;}
.history_header h1{height:52px; font-size:1.125rem; font-weight: 700; color:#8B95A1;}
.history_header h1 .sub_title{margin-left:10px; padding:2px 8px; background: #64AE69; border-radius: 5px; font-size:0.87rem; color:#fff; }
.history_body {width:100%; max-width:410px; margin-top:182px;}
.history_header .balance { width:100%; max-width: 410px; height:130px; display: flex; align-items: center; justify-content: center; text-align: center; background:#082488; z-index:2;}
.history_header .balance .pay{margin-left:10px; color:#fff; font-size:17px; font-wight:600; opacity: .8;}
.history_header .balance span{opacity:1;font-size:3rem; color:#fff; text-shadow: 2px 2px 0 #000;}
.history_body .tab_item{width:calc(100%/3);}
.history_body .tab_content{padding-top:0;}
.history_body td{text-align: left;}
.history_body td .price span,
.history_body td .status{font-size:0.75rem;}
.history_body td .unit{color:#0C163D;}
.history_body td:first-child{text-align: center;}

.notice_body, .comm_body
{position: relative;margin-top:52px; padding:20px 0; width:100%; max-width: 410px; height:calc(100vh - 120px); overflow-y: auto;}
.notice_body ul{border-top:2px solid #E9E9E9;}
.notice_body ul > li{width:100%; border-bottom: 1px solid #C5CDD8;}
.notice_body ul > li a{padding:15px 20px; display:flex; justify-content: space-between; font-size:0.875rem; font-weight: 500; color:#0C163D;}
.notice_body h3{font-size:1rem;padding:20px; font-weight: 400; border-top:2px solid #E9E9E9;}
.notice_body .notice_info{background: #F9FAFB; padding:10px 20px; display: flex; justify-content: space-between; font-size:0.75rem;}
.notice_body .notice_info .writer span.label{margin-right:5px; padding:3px 5px; border-radius: 5px; background: #C5CDD8; color:#fff; font-size:0.75rem;}
.notice_body .conts{ padding: 15px 20px; line-height: 1.4;}
.comm_body .card_wrap{margin-bottom:20px; padding:0 20px;}
.comm_body .card_list dl{padding:10px 0;}
.comm_body .card_list dt > p{padding:5px 10px 5px 10px; text-align: left; }
.comm_body .card_list dd > p{padding:5px 10px 5px 10px; text-align: right; font-size:1rem; font-weight: 600; color:#000;}
.comm_body .card_list dd > p .unit{font-size:0.75rem;}
.comm_body .round_box{margin: 0 20px 20px 20px;  background: #f9fafb; border-radius: 10px; padding:20px; text-align: center; font-size:1.125rem; font-weight: 600; color:#5B6571;}
.comm_body .cs_list{display: flex; flex-direction: column; margin-bottom:50px;}

.cs_list dl{margin:10px 20px; padding:15px 20px 15px 90px; display: flex; flex-direction: column; background: #F9FAFB; border-radius: 10px; }
.cs_list dt{font-size:0.875rem; color: #6F799E;margin-bottom:3px; font-weight: bold;}
.cs_list dd{margin:0; font-weight: 500;}
.cs_list .icon_kakao{background: url("../images/ico_kakao.svg") no-repeat;}
.cs_list .icon_tele{background: url("../images/ico_tele.svg") no-repeat;}
.cs_list .icon_cs{background: url("../images/ico_cs2.svg") no-repeat; }
.cs_list .icon_kakao,
.cs_list .icon_tele,
.cs_list .icon_cs{width:40px; height:40px; position: absolute; top:15px; left:20px;}
.comm_body .cs_time {margin:20px 0; text-align: center}
.comm_body .cs_time p{padding:0; font-size:1rem; font-weight: 600; color:#0C163D;}
.comm_body .cs_text{margin-bottom:10px; text-align: center; font-size:0.9rem; color: #0C163D;}

.formoney_logo{margin:100px auto 0 auto; width:148px; height:188px; background: url("../images/logo.svg")}



.filter_wrap dl{margin-bottom:15px; display: flex; flex-direction: column; }
.filter_wrap dt{margin-bottom:5px; font-size:0.875rem; color: #8B95A1;}
.filter_wrap dd{margin:0;}
.btn_group{display: flex; gap:0; width:100%; border-radius: 8px; overflow: hidden; border:1px solid #c5cdd8;}
/*.btn_group li{flex-grow: 1; flex-shrink: 1; flex-basis:auto; } */

.btn_group input[type=radio] + label span{display:unset !important;flex-grow: 1; flex-shrink: 1; flex-basis:auto; width:200px; color:#8B95A1; font-size:0.75rem; padding:12px 0; opacity:1; text-align: center;background: #E9E9E9; border-right:1px solid #c5cdd8;}
.btn_group input[type=radio]:checked + label span{background: #fff; color:#0C163D;}
.btn_group label:last-of-type span{border-right:none !important;}

/*.btn_group:last-child input[type=radio] + label span{border-right:none;}*/
.datepicker_range{ margin-top:5px; display: flex; align-items: center; background: #E9E9E9; color:#6f799e; border-radius: 8px; }
.datepicker_range input[type=text]{padding:8px; background: none;}
.datepicker_range .datepicker{color:#6f799e; font-size:0.75rem; text-align: center;}
.datepicker_range input[type=date]::-webkit-calendar-picker-indicator{display: none}
.datepicker{margin:0 5px; height:39px; padding-left:35px !important; background: url("../images/ico_calendar.svg") no-repeat 92% 6px !important;}

.select_coin{display: flex; width:100%; flex-direction: column; position: relative; background: #F9FAFB; border-radius:10px;}
.select_coin .ico_arrow{position:absolute; top:14px; right: 20px; width:24px; height:24px; background: url("../images/select_down.svg");}
.select_coin.show .ico_arrow{position:absolute; top:14px; right: 20px; width:24px; height:24px; background: url("../images/select_arrow_up.svg");}
.select_coin a{width: 100%;
    font-size: 1rem;
    padding: 15px 20px;
    color: #0C163D;
    background: #F9FAFB;
    border-radius: 10px;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    display: block;
}
.select_coin.show{border-radius: 10px 10px 0 0}
.select_coin .select_list{display:flex; height:0;transition: all .4s; flex-direction: column;width:100%; position:absolute; left:0; top:51px; background: #F3F8FD; z-index: 9; border-radius: 0 0 10px 10px; overflow:hidden;}
.select_coin.show .select_list{height:265px; transition: all .4s;}
.select_coin .select_list a{}

.select_coin .coin_ether{background: url("../images/coin_ethereum.svg") no-repeat 20px center;}
.select_coin .coin_bit{background: url("../images/coin_bitcoin.svg") no-repeat 20px center;}
.select_coin .coin_ripple{background: url("../images/coin_ripple.svg") no-repeat 20px center;}
.select_coin .coin_tron{background: url("../images/coin_tron.svg") no-repeat 20px center;}
.select_coin .coin_tether{background: url("../images/coin_thether.svg") no-repeat 20px center;}
.select_coin .coin_fmy{background: url("../images/logo_fmy.svg") no-repeat 20px center;}
.select_coin .coin_krw{background: url("../images/icon_krw.svg") no-repeat 20px center;}

.select_coin .coin,
.select_coin .coin_fmy,
.select_coin .coin_krw,
.select_coin .coin_ether,
.select_coin .coin_bit,
.select_coin .coin_ripple,
.select_coin .coin_tron,
.select_coin .coin_tether{padding-left:60px; height:auto; background-position: 20px center; text-indent: unset;}


.btn_check,
.btn_memo,
.btn_del{width:26px; height:26px; display: inline-block; overflow: hidden; text-indent: -1000px; background-size:100%;}
.btn_check{background: url("../images/btn_check.svg") no-repeat;}
.btn_memo{background: url("../images/btn_memo.svg") no-repeat;}
.btn_del{background: url("../images/btn_del.svg") no-repeat;}
.btn_exchange{float:right; padding:5px 30px 5px 10px; font-size:0.875rem; background: url("../images/ico_exchange.svg") no-repeat calc(100% - 5px) #EDEDED; border-radius: 20px;}
.btn_top_area{display: flex; justify-content: flex-end;}
.ico_ex_arrow{display:inline-block; width: 20px; height:10px; background: url("../images/ico_ex_arrow.svg") no-repeat; background-size: 100%;}
.btn_add{position: absolute; top:15px; right:10px; display:inline-block; width: 20px; height:20px; background: url("../images/btn_add.svg") no-repeat; background-size: 100%;}
/* 탭 전체 스타일 */
.tabs {
    background: #082488;
    width: 100%;
    height:100%;
}

/* 탭 스타일 */
.tab_item {
    width: calc(100%/4);
    height: 50px;
    border-bottom: none;
    background: #C5CDD8 !important;
    box-shadow: 0px -8px 8px 0px #1C3D962E;
    line-height: 50px;
    font-size: 0.875rem;
    text-align: center;
    color: #fff;
    display: block !important;
    float: left;
    text-align: center;
    transition: all 0.2s ease;
    border-left:1px solid #D5DEEB;
}
.tab_item_left{border-radius: 10px 0 0 0;}
.tab_item_right{border-radius: 0 10px 0 0;}

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] {
    display: none;
}

/* 탭 컨텐츠 스타일 */
.tab_content {
    display: none;
    padding: 30px 0 80px 0;
    clear: both;
    overflow: hidden;
    background: #fff;
    min-height:100%;
}


/* 선택 된 탭 콘텐츠를 표시 */
#tabAll:checked ~ #tab_all_content,
#tabDeposit:checked ~ #tab_deposit_content,
#tabWithdraw:checked ~ #tab_withdraw_content,
#tab_remit:checked ~ #tab_remit_content,
#tab_global:checked ~ #tab_global_content,
#tab_account:checked ~ #tab_account_content,
#tab_resent:checked ~ #tab_resent_content{
    display: block;
}

/* 선택된 탭 스타일 */
.tabs input:checked + .tab_item {
    background: #F9FAFB !important;
    color: #5B6571;
}

.insert_form{padding:0 30px;}
.insert_form label{display:block; color:#8B95A1; font-size:0.875rem; font-weight: 500;margin-bottom:6px;}
.insert_form li{margin-bottom:10px;}
.insert_form li p{margin:0; margin-bottom:5px;}
.insert_form .has_btn{position: relative;}
.insert_form .has_btn .unit{position:absolute; top:15px; right:20px;}
.insert_form .has_btn .btn_detail,
.insert_form .has_btn .btn_check{padding:5px 7px; font-size:0.75rem; border:1px solid #b0b8c1; border-radius: 5px; background: #fff; color:#b0b8c1; }
.insert_form .has_btn .btn_check{position: absolute; top:12px; right:20px; }
.insert_form .has_btn .btn_error{padding:5px 7px; font-size:0.75rem; border-radius: 5px; background: #C91748; color:#fff; }
.insert_form .has_btn .btn_error{position: absolute; top:12px; right:20px; }
.insert_form .valid_txt{margin-top:5px; width:100%; text-align: right; font-size:0.875rem;}
.insert_form .valid_txt_error{margin-top:5px; width:100%; text-align: right; font-size:0.875rem; color:#C91748;}

.insert_form .noti_text{background: #C91748; border-radius: 10px; padding:10px 0;}
.insert_form .noti_text h3{margin:0; color:#fff; font-size:1rem; text-align: center}
.insert_form .noti_text p{margin:5px 0 0 0; color:#fff; font-size:0.875rem; text-align: center}
.insert_form label span{color:#000; font-size:0.9rem; display: unset !important;}
.insert_form .has_btn .btn_detail{position: absolute; top:7px; right:0;}
.insert_form .agree_list li{margin:10px 0; padding-bottom:10px; border-bottom:1px solid #C5CDD8;}
.insert_form .agree_list li:last-child{border-bottom: none;}
.insert_form .btn_bank{width: 100%; text-align: left;
    font-size: 1rem;
    padding: 15px 20px;
    color: #0C163D;
    background: url('../images/select_arrow_down.svg') 94% center #F9FAFB no-repeat;
    border-radius: 10px;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;}
/*.signup .agree_list input[type="checkbox"] + label{background-position: 0 top; margin-bottom:0;}*/
#ui-datepicker-div {
    display: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);
    /*margin-top: 0.25rem;*/
    border-radius: 0.5rem;
    padding: 0.5rem;
    border:unset;
}
.ui-datepicker-calendar tbody td a.ui-state-active{
    background: #C61623 !important;
}
.ui-datepicker-calendar thead th {
    padding: 0.25rem 0;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #78909C;
}
.ui-datepicker-calendar tbody td {
    width: 2.5rem;
    text-align: center;
    padding: 0;
}
.ui-datepicker-calendar tbody td a {
    display: flex;
    border-radius: 0.25rem;
    line-height: 1.6rem;
    transition: 0.3s all;
    color: #546E7A;
    font-size: 0.875rem;
    text-decoration: none;
    align-items: center;
    justify-content: center;

}
.ui-datepicker-calendar tbody td a:hover {
    background-color: #E0F2F1;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
    background-color: #009688;
    color: white;
}
.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.1rem 0.1rem;
    border-radius: 0.25rem;
    transition: 0.3s all;
}
.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
}
.ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url("../images/page_next.svg") no-repeat;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 50%;
    transform: rotate(180deg);
}
.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url('../images/page_next.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 50%;
}
.ui-datepicker-header a>span {
    display: none;
}
.ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}
.ui-widget-header{
    border:unset !important;
    background: unset !important;
}

.ui-widget-header .ui-icon, .ui-icon, .ui-widget-content .ui-icon
{background-image:unset !important;}

.ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: 0.75rem;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
{
    border:unset !important;
    background: unset !important;
}
.ui-widget-header .ui-icon{background-image: url('../images/page_prev.svg');}


#actionPopup {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: 0.7s;
    /* 서서히 나타나는 효과 */
    visibility: hidden;
    opacity: 0;
    z-index: 99;
}
#actionPopup.active {
    /* 서서히 나타나는 효과 */
    visibility: visible;
    opacity: 1;
}

.action-options {
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    /* 세로 컨텐츠가 늘어나는 경우 스크롤이 생기도록 설정 */
    overflow: auto;

    max-height: 300px;
    /* 아래에서 위로 나타나는 효과, max-height과 동일하게 작성 */
    position: relative;
    bottom: -300px;

    transition: 0.7s;
}

#actionPopup.active .action-options {
    /* 아래에서 위로 나타나는 효과, max-height과 동일하게 작성 */
    bottom: 0;
}
.pop_body{height:300px;}
.popup_bg.show{display:block; opacity: 1; width:100%;height:100%; transition: all .4s}
.popup_bg{background: rgba(0,0,0,.8); width: 100%; height:0; position: fixed; bottom:0; left:0; z-index:999;  transition: all .4s; overflow: hidden;}
.popup_bg{}
.popup{position:absolute; bottom:0; width:100%; height:auto; padding:20px; background: #fff; border-radius: 10px 10px 0 0; }
.popup_header{position: relative; min-height:30px;}
.popup_header h2{padding-bottom:5px; font-size:1.25rem; color:#333D4B; font-weight: 500;}
.popup_header .btn_close{position:absolute; top:0; right:10px; width:20px; height:20px; background: url("../images/ico_close.svg") no-repeat; overflow: hidden; text-indent:-100px; z-index:2;}
.popup_body .lang_list{top:unset; bottom:51px; border-radius: 10px 10px 0 0;}
.input_money {position: relative;}
.input_money input[type=text]{padding-right:70px; font-size:1.625rem; font-weight: 600; color:#0C163D; text-align: right;}
.input_money .unit{position: absolute; top:23px; right:20px;}

.popup_body .btn_area{width:100%; margin:20px 0; text-align: center; justify-content: center;}
.ico_exchange{width:42px; height:42px; background:url("../images/btn_exchange.svg")}

.logo_hana{width:120px; height:30px; background: url("../images/logo_hana.svg") no-repeat; overflow: hidden; text-indent: -1000px;}
.logo_bithumb{width:120px; height:30px; background: url("../images/logo_bithumb.svg") no-repeat; overflow: hidden; text-indent: -1000px;}
.footer_logo{margin-top:20px;margin-bottom:20px; display: flex; justify-content: flex-end;}

.modal{position: fixed; opacity: 1; justify-content:center; display: flex; align-items:center; background: rgba(0,0,0,.8); width: 0; height:100vh; top:0; left:100%; z-index:999;  transition: all .4s; overflow: hidden; transition: all .4s}
.modal.show{width:100%; height:100vh; display: flex; opacity: 1; transition: all .4s; top:0;left:0;}
.modal .modal_bg{width:300px;background: #fff; border-radius: 10px;}
.modal_header{margin-bottom:20px; padding: 10px 20px;border-radius: 10px 10px 0 0; font-size:1rem; font-weight: 600; position: relative; display: flex; background: #6F799E; color:#fff}
.modal_header .logo_m{position: absolute; top:8px; right:10px; display: inline-block; width:26px; height:26px; background: url("../images/logo_m.svg") no-repeat center;}
.modal_header .highlight{padding:0 5px; font-size:1.25rem;}
.modal_header .btn_close{position:absolute; top:5px; right:0; width:20px; height:20px; background: url("../images/ico_close.svg") no-repeat; overflow: hidden; text-indent:-100px; z-index:2;}
.modal_body {paddding:20px;}
.modal_body
.modal_body ul{border-bottom:1px solid #D5DEEB;}
.modal_body ul:last-child{border-bottom:none;}
.modal_body ul li{background: url("../images/menu_arrow.svg") no-repeat right center;}
.modal_body .remit_msg{padding:20px; text-align: center; font-weight: 600; }
.modal_body .remit_msg .highlight{padding:0 5px; font-size:1.125rem;}
.modal_body .remit_msg p{margin-top:5px; color:#082488;}
.modal_body .remit_info_txt,
.modal_body .remit_details{padding:0 20px; text-align: center;}
.modal_body .remit_info_txt{padding:20px; font-size:0.875rem; margin:0 0 20px 0; background: #F9FAFB;}
.modal_body .remit_details{ font-size:0.875rem;}
.modal_body .remit_details ul{margin-top: 10px; border-top:1px solid #C5CDD8;}
.modal_body .remit_details dl{margin:0; padding:10px 0; border-bottom: 1px solid #c5cdd8; display: flex;}
.modal_body .remit_details dt{margin:0; width:40%; color:#5B6571;}
.modal_body .remit_details dd{margin:0; width:60%; font-size:0.95rem;}
.modal_body .remit_details .money dd{text-align: right; color:#082488; font-weight: 600; font-size: 1rem;}
.modal_body .remit_details .fee dd{text-align: right; color: #C91748; font-weight: 600; font-size: 1rem;}
.modal_footer{ padding:20px; display: flex; justify-content: space-between;}
.modal_footer .btn{margin-left:10px; padding:15px 0;}
.modal_footer .btn_col1{width:calc(30% - 7px)}
.modal_footer .btn_col2{width:calc(70% - 7px)}
.modal_footer .btn_col{width:100%; margin-left:0;}
.modal_notice{padding:10px 20px; max-height:500px; overflow-y: auto; font-size:0.875rem;}
.modal_notice .policy{padding:0;}
.modal_body .modal_notice ul li{background: unset;}
.main_menu{position:absolute; opacity: 1; justify-content:center; display: flex; align-items:center; background: rgba(0,0,0,.8); width: 0; height:100vh; top:0; left:100%; z-index:999;  transition: all .4s; overflow: hidden; transition: all .4s}
.main_menu.show{width:100%; height:100vh; display: flex; opacity: 1; transition: all .4s; top:0;left:0;}
.main_menu .menu_wrap{width:300px; padding:20px; background: #fff; border-radius: 20px;}
.menu_header{margin-bottom:20px; font-size:1rem; font-weight: 600; position: relative; display: flex;}
.menu_header .highlight{padding:0 5px; font-size:1.25rem;}
.menu_header .btn_close{position:absolute; top:5px; right:0; width:20px; height:20px; background: url("../images/ico_close.svg") no-repeat; overflow: hidden; text-indent:-100px; z-index:2;}
.menu_body ul{border-bottom:1px solid #D5DEEB;}
.menu_body ul:last-child{border-bottom:none;}
.menu_body ul li{background: url("../images/menu_arrow.svg") no-repeat right center;}

.menu_notice,
.menu_limit,
.menu_sms,
.menu_pw,
.menu_logout,
.menu_policy,
.menu_privacy,
.menu_version,
.menu_cs
{padding:10px 30px 10px 25px; display: flex; color:#0C163D; font-weight: 600; font-size:0.875rem;}

.menu_notice{ background: url('../images/menu_notice.svg') no-repeat 0 center;}
.menu_limit{ background: url('../images/menu_limit.svg') no-repeat 0 center;}
.menu_sms{ background: url('../images/menu_sms.svg') no-repeat 0 center;}
.menu_pw{ background: url('../images/menu_pw.svg') no-repeat 0 center;}
.menu_logout{ background: url('../images/menu_logout.svg') no-repeat 0 center;}
.menu_policy{ background: url('../images/menu_policy.svg') no-repeat 0 center;}
.menu_privacy{ background: url('../images/menu_policy.svg') no-repeat 0 center;}
.menu_version{ background: url('../images/menu_version.svg') no-repeat 0 center;}
.menu_cs{ background: url('../images/menu_cs.svg') no-repeat 0 center;}

.policy{
    padding:0 20px;
    line-height: 1.4;
    font-size:0.875rem;
}
.policy h2{font-size:1.125rem;}
.policy h3{ margin-top:40px; margin-bottom:20px;}
.policy > ul{margin-bottom:50px; }
.policy li{list-style: decimal; margin-bottom:10px; margin-left:20px;}
.policy li:marker{list-style-position: outside;}
.policy p{margin-bottom:10px;}
.policy li > p{list-style:none;}
.policy li > ul > li > ul > li {list-style: hangul;}
.policy table{margin-bottom:10px; width:100%;border-top:1px solid #eee;}
.policy th, .policy td{ padding:10px; border-bottom:1px solid #eee;}
.policy ol > li{ list-style: disc;}
.privacy h3{margin-top:40px; margin-bottom:20px;}
.privacy p{font-size:0.875rem; margin-bottom:5px;}
.privacy ol{font-size:0.875rem; margin-bottom:15px;}
.privacy ol > li{margin-bottom:10px;}
.privacy ol > p{margin-left:15px;}
.privacy ul > li{list-style:disc; margin-bottom:10px; margin-left:20px; font-size:0.875rem;}
.privacy li:marker{list-style-position: outside;}