/* .safe_transaction{border:3px solid red;box-sizing:border-box;} */
/* .direct_transaction{border:3px solid blue;box-sizing:border-box;} */

/*
메인색 : #050725
yellow : #ffd300
green : #168759
*/

/* root */
:root{
  --btn_header : 60px;
  --coin_size : 20px;
  --coin_size_s15 : 15px;
  --sb_title : 80px;
}

/* common */
body{width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto}
input[type="checkbox"]{vertical-align:middle;margin:0 5px 0 0}
input:read-only{background-color:#dee2e6}
.wrap{width:100%;height:calc(100vh - var(--btn_header) - var(--btn_header));overflow-x:hidden;overflow-y:auto;padding:10px;box-sizing:border-box}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;letter-spacing:-1px;text-align:center}
.td_under{text-decoration:underline;}
.mg0{margin:0 !important}
.mt10{margin-top: 10px}
.lh20{line-height:20px}

.pa10 {padding:10px;}
.pa20 {padding:20px;}
.pa0 {padding:0px !important;}

.d_none { display:none !important; }


/* date */
.index_coin_list[data-currency]{display:none;}
.index_coin_list[data-currency].on{display:block;}

/* paging */
.paging{width:100%;height:auto;line-height:30px;margin:20px 0 0 0}
.paging_in{width:auto;height:100%;display:flex;justify-content:center;}
.paging_in>li{width:30px;height:30px;line-height:30px;text-align:center}
.paging_in>li>a{display:inline-block;width:100%;height:100%;}
.paging_in>li.on>a{color:#050725;font-weight:bold}

/* table */
.OFY{width:100%;height:auto;overflow-x:auto;overflow-y:hidden}
.OFY_table{width:100%;white-space: nowrap; border-collapse: collapse;}

/* common - coin */
.ic_coin{display:inline-block;width:var(--coin_size);height:var(--coin_size);line-height:var(--coin_size);vertical-align:middle;}
.ic_coin.va_tb{vertical-align:text-bottom;}
.ic_coin.s15{display:inline-block;width:var(--coin_size_s15);height:var(--coin_size_s15);line-height:var(--coin_size_s15);margin:0 5px 0 0}
.ADA{background:url('/_data/images/coin/ADA.png')no-repeat center / cover}
.BNB{background:url('/_data/images/coin/BNB.png')no-repeat center / cover}
.BTC{background:url('/_data/images/coin/BTC.png')no-repeat center / cover}
.DOGE{background:url('/_data/images/coin/DOGE.png')no-repeat center / cover}
.ETH{background:url('/_data/images/coin/ETH.png')no-repeat center / cover}
.USDC{background:url('/_data/images/coin/USDC.png')no-repeat center / cover}
.USDT{background:url('/_data/images/coin/USDT.png')no-repeat center / cover}
.XRP{background:url('/_data/images/coin/XRP.png')no-repeat center / cover}

/* font */
.h_title,.auth_title,.login_more_menu>a,.coin_name,.index_table tr th,.sb_division_text.readonly{font-weight:bold}

html{font-size:62.5%}
body{font-size:1.4rem}
input::placeholder,.auth_chk,.main_footer,.btn_sb_go,.txid,.sb_transaction_notice,.ellipsis,.sb_box_title,.sb_notice_text,.sd_method,.btn_sb_box,.charge_notice,.chat_time_btn,.talk_time{font-size:1.2rem}
.inquiry_title>a,.sb_box_text .ellipsis{font-size:1.4rem}
.intro_text_in>p,.imt_ic>i{font-size:1.6rem}
.it_sub{font-size:1.8rem}
.it_main,.btn_header,.auth_title{font-size:2rem}
/* {font-size:2.5rem}
{font-size:3rem}
{font-size:3.5rem} */

/* header */
header{width:100%;height:var(--btn_header);line-height:var(--btn_header);background:#050725;padding:0 10px;box-sizing:border-box;border-bottom:1px solid #dee2e6}
.header_in{width:100%;height:100%;display:flex;justify-content:flex-start;}

.btn_header{display:inline-block;width:30px;height:var(--btn_header);text-align:left;color:#fff}
.header_title_menu{width:calc(100% - 30px);display:flex;justify-content:space-between;color:#fff}

.header_title{display:flex;}
.h_title{width:165px;color:#fff}

.btn_mh_menu{width:30px;height:30px;line-height:30px;display:inline-block;vertical-align:middle;color:#fff}
.btn_mh_menu>i{width:30px;height:30px;line-height:30px;display:block;width:100%;height:100%;text-align:center}

.logo_img{display:inline-block;width:auto;height:20px;object-fit:contain;vertical-align:middle;}

/* header */
body.auth header{background:#fff}
body.auth header .btn_header{color:#050725}
body.auth header .h_title{color:#050725}


/* footer */
footer{width:100%;height:var(--btn_header);line-height:var(--btn_header);}
.main_footer{width:100%;height:100%;padding:5px 10px;box-sizing:border-box;background:#050725;border-top:1px solid #050725}
.main_footer_in{display:flex;justify-content:space-between;text-align:center;width:100%;height:100%;}
.btn_main_footer{display:flex;justify-content:center;flex-direction:column;width:65px;max-width:65px;height:100%}
.ic_footer{width:20px;height:20px;line-height:20px;margin:0 auto}
.ic_footer>img{display:inline-block;width:100%;height:100%}
.footer_name{width:auto;height:15px;line-height:15px;color:#fff;margin:5px 0 0 0}

/* nav */
nav{width:100%;height:100vh;background:rgba(0,0,0,0.5);position:fixed;left:0;top:0;z-index:9999}
.nav_in{width:90%;background:#fff;height:100%;}
.nav_user{width:100%;height:70px;line-height:70px;background-color:#050725;padding:0 10px;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;}
.nav_menu ul{width:100%;height:calc(100vh - 70px - 80px);overflow-x:hidden;overflow-y:auto}
.nav_menu ul li{width:100%;height:50px;line-height:50px}
.nav_menu ul li a{display:inline-block;width:100%;height:100%;border-bottom:1px solid #dee2e6;padding:0 10px;box-sizing:border-box;}
.nav_menu ul li a i{margin:0 5px 0 0}
.nav_coin{width:100%;height:auto;border-top:1px solid #dee2e6;box-sizing:border-box;padding:10px}
.nav_coin_text{width:100%;height:30px;line-height:30px}
.nav_coin_text i{margin:0 5px 0 0}
.ic_nav_coin{width:100%;height:30px;line-height:30px}
.ic_nav_img{display:inline-block;width:20px;height:20px;object-fit:contain;margin:0 10px 0 0;vertical-align:sub}
.nav_coin_list{width:100%;height:30px;line-height:30px;overflow:hidden;}
.nav_coin_list li{display:inline-block;width:auto;min-width:45px;max-width:100px;height:30px;line-height:30px;box-sizing:border-box}

/* btn */
.btn_w100{display:inline-block;width:100%;height:auto;line-height:50px;border-radius:10px;text-align:center;font-weight:bold}
.btn_wh60{display:inline-block;width:60px;height:60px;line-height:60px;text-align:center;}

.btn_bg_b{background-color:#000;color:#fff;border:1px solid #000;box-sizing:border-box}
.btn_bg_w{background-color:#fff;color:#000;border:1px solid #fff;box-sizing:border-box}
.btn_bd_w{background-color:none;color:#fff;border:1px solid #fff;box-sizing:border-box}
.btn_bg_blue{background-color:blue;color:#fff;border:1px solid blue;box-sizing:border-box}

.btn_sns_login{display:inline-block;width:50%;height:50px;line-height:50px;background:red;margin:0 auto;text-align:center;margin:0 0 10px 0}
.btn_nav_close{display:inline-block;width:70px;height:70px;text-align:right;color:#fff;padding:0 10px;box-sizing:border-box;}
.btn_nav_close>i{vertical-align:middle;}


/* trade */
.trade_caption{margin-top:15px;margin-bottom:5px;font-weight:600;font-size:0.9em;}

/* intro */
.intro{width:100vw;height:100vh;overflow:hidden;padding:10px;box-sizing:border-box;background-color:#050727}
.intro_in{width:100%;height:calc(100% - 200px);background:url('/_data/images/common/intro_bg.png') no-repeat center / cover;display:flex;justify-content:center;flex-direction:column}
.intro_in.h100{height:100%}
.intro_main{width:100%;height:354px;position:relative;}
.img_logo{width:90%;height:354px;display:block;overflow:hidden;object-fit:contain;margin:0 auto}
.intro_text{width:100%;height:auto;text-align:center;color:#fff;position:absolute;bottom:25%;left:50%;transform:translate(-50%,0)}
.intro_text.italic{font-style:italic}
.it_main{margin:0 0 5px 0}
.intro_start_btn{width:100%;height:200px;padding:10px;box-sizing:border-box;display:flex;justify-content:center;flex-direction:column}
.language_pack{width:100%;height:35px;line-height:35px;margin:10px auto 15px auto;display:flex;justify-content:center;}
.language_pack>a{display:inline-block;width:35px;height:35px;line-height:35px;margin:0 5px;}
.language_pack>a>img{display:inline-block;width:100%;height:100%;object-fit:cover;}
.btn_intro_start_login{margin:0 0 10px 0}

/* auth_wrap */
.auth_wrap{width:100%;height:auto;min-height:calc(100% - var(--btn_header));background:#fff;padding:10px;box-sizing:border-box;margin:0 auto}
.auth_text{margin:0 0 20px 0}
.auth_title{height:auto;line-height:30px;margin:0 0 10px 0}
.auth_sub_title{height:auto;line-height:20px;color:#646464}

.auth_box{width:100%;height:auto;margin:0 0 10px 0}
.auth_box>label{color:#646464;height:auto;line-height:30px;display:inline-block;}

.auth_input{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #dee2e6;box-sizing:border-box;border-radius:5px;padding:5px;overflow: hidden;}
.auth_input>input{width:100%;height:40px;line-height:40px;border:none;box-sizing:border-box;}
.auth_input.flex_w{flex-direction:row}
.auth_input.flex_w>input{width:calc(100% - 100px);}

.auth_input.single{flex-direction:row}
.auth_input.single>input{width:calc(100% - 100px)}

.ic_eyes{width:40px;height:40px;line-height:40px;text-align:center;color:#646464}
.ic_eye_state.off{display:none}
.ic_eye_state.on{display:inline-block;}

.auth_chk_find{display:flex;justify-content:space-between;align-items:center;margin:10px 0;width:100%;height:25px;line-height:25px}

.login_more{width:100%;height:auto;border-top:1px solid #dee2e6;box-sizing:border-box;margin:30px 0 0 0;position:relative;padding:30px 0 0 0;text-align:center;}
.login_more_text{position:absolute;left:50%;top:-15px;height:30px;line-height:30px;background-color:#fff;box-sizing:border-box;width:100px;margin:0 0 0 -50px;text-align:center}
.login_more_menu{margin:10px auto;text-align:center}

.auth_num{position:relative;}
#email_timer, #phone_timer{position:absolute;right:120px;top:50%;width:50px;height:30px;line-height:30px;transform:translate(0, -50%);text-align:center}
.btn_auth_blue{border-radius:5px;width:100px}
.btn_auth{margin:10px 0 0 0}
.auth_login_errmsg{margin:10px 0;color:red}

.geo{width:100px;border:none;text-align:center;outline:none}

/* search_password */
.search_password_send{margin:0 0 50px 0}
.search_password_input{display:inline-block;width:100%;height:50px;line-height:50px;border-radius:5px;background:#fff;text-align:center;border:1px solid #dee2e6;margin:0 0 20px 0;box-sizing:border-box}
.sp_number{width:100%;height:50px;line-height:50px;display:flex;justify-content:space-between;max-width:600px;margin:20px auto;}
.sp_number>input{display:inline-block;width:50px;height:50px;line-height:50px;border:1px solid #dee2e6;box-sizing:border-box;border-radius:5px;text-align:center}

/* index */
.index_coin{width:100%;height:auto;border:1px solid #dee2e6;box-sizing:border-box}
.index_tab{width:100%;height:40px;line-height:40px;display:flex;justify-content:space-between;}
.index_tab>a{display:inline-block;width:25%;height:100%;text-align:center;background:#dee2e6}
.index_tab>a.on{background:#fff}
.index_coin_list_in{width:100%;height:auto;padding:10px;box-sizing:border-box;display:flex;justify-content:center;border-bottom:1px solid #dee2e6}
.index_coin_list_in:last-child{border-bottom:none}
.index_coin_icon{width:40%;height:20px;line-height:20px;vertical-align:middle;overflow:hidden;display:flex;justify-content:flex-start}
/* .index_coin_icon>.ic_coin{} */
.index_coin_icon>.coin_name{display:inline-block;width:calc(100% - 30px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 5px;box-sizing:border-box}
.index_price_change{width:60%;height:20px;line-height:20px;text-align:right;}
.index_price_change.up{color:#168759}
.index_price_change.down{color:red}
.index_text_banner{width:100%;height:auto;line-height:30px;background:#000;margin:10px auto;text-align:center;padding:5px 0;box-sizing:border-box}
.index_text_banner_in a{display:inline-block;width:100%;height:100%;color:white;}

.index_coin_box{width:100%;height:auto;margin:10px auto;text-align:center}
.index_coin_box_in li a{display:inline-block;width:50px;height:50px}
.index_coin_box_in li a>.ic_coin{width:30px;height:30px;line-height:30px}
.index_coin_box_in li a>.coin_name{width:auto;height:20px;line-height:20px;overflow:hidden;}

.index_main_title{width:100%;height:40px;line-height:40px;display:flex;justify-content:space-between;border-bottom:3px solid #595959;box-sizing:border-box;margin:10px 0}
.imt_ic{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center}
.imt_text{width:calc(100% - 40px - 40px)}
.imt_more{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center}
.index_img_banner{width:auto;height:60px;line-height:60px;overflow:hidden;display:flex;justify-content:center;margin:10px 0}
.index_img_banner>a{display:inline-block;width:auto;height:100%;text-align:center}
.index_img_banner>a>img{display:inline-block;width:auto;height:100%;object-fit:contain;}
.index_footer_menu{width:100%;height:auto;padding:10px 0;box-sizing:border-box;display:flex;justify-content:center;border:solid #dee2e6;border-width:1px 0;margin:10px 0 0 0}
.index_footer_menu>a{display:inline-block;width:auto;height:20px;line-height:20px;padding:0 10px;box-sizing:border-box;}
.index_footer_menu>a.center{border:solid #dee2e6;border-width:0 1px;box-sizing:border-box;}
.index_footer{width:100%;height:auto;margin:10px 0 0 0;border:none}
.index_footer address{height:auto;line-height:20px;text-align:center;}

/* index_table */
.index_table_box{width:100%;height:auto;overflow-x:auto;overflow-y:hidden}
.index_table{width:100%;white-space: nowrap; border-collapse: collapse;}
.index_table tr{border-bottom:1px solid #dee2e6;box-sizing:border-box;height:30px;line-height:30px;}
.index_table tr.none_date{height:50px;line-height:50px;}
.index_table tr.none_date.line_5{height:150px;line-height:150px;}
.index_table tr th,.index_table tr td{padding:0 5px;box-sizing:border-box;text-align:center;}
.index_table_flex{display:flex;justify-content:space-between;}
.index_table_flex_in{width:calc(50% - 5px)}
.itg_title{display:flex;justify-content:space-between;width:100%;height:30px;line-height:30px;overflow:hidden;border-bottom:1px solid #dee2e6;box-sizing:border-box}
.itg_title>.title{width:calc(100% - 35px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;box-sizing:border-box}
.index_table_more{text-align:right;padding:0;width:30px;height:30px;line-height:30px;}
.index_table_more a{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;}

/* sale buy */
.sale_buy_tab{width:100%;height:auto;background:#f1f1f1;padding:10px;box-sizing:border-box;border-radius:5px;border:1px solid #dee2e6;display:flex;justify-content:space-between;margin:0 0 10px 0}
/* .sale_buy_tab>*{width:30%;height:auto;line-height:35px;border-radius:5px;text-align:center} */
.sale_buy_tab>* {  width: inherit;  height: auto;  line-height: 35px;  border-radius: 5px;  text-align: center;  margin: 0 5px;}
.btn_sb.sale{background:blue;color:#fff}
.btn_sb.buy{background:#168759;color:#fff}
.sb_kind,.sb_way{color:#000;outline:none}

.sb_table{margin:20px 0 0 0;}
.sb_table.mg0{margin:0}
.sb_table tr{border-bottom:1px solid #dee2e6;box-sizing:border-box;height:auto;line-height:35px;text-align:center}
.sb_table tr th,.sb_table tr td{padding:0 5px;box-sizing:border-box}
.sb_table tr td.non_date{height:auto;line-height:150px;text-align:center}
.ic_heart_off{display:none}
.btn_sb_go{display:inline-block;border-radius:5px;width:auto;height:20px;line-height:20px;padding:0 5px;box-sizing: border-box;}
.si_direct .btn_sb_go{background:#dee2e6;}
.si_safe .btn_sb_go{background:#ffd300;}

/* register */
.sb_notice{width:100%;height:auto;border:1px solid #dee2e6;box-sizing:border-box;margin:0 0 10px 0}
.sb_notice_title{width:100%;height:auto;line-height:30px;text-align:left;padding:0 10px;box-sizing:border-box;background:#dee2e6}
.sb_notice_text{width:100%;height:auto;line-height:20px;padding:5px;box-sizing:border-box}

.sb_division{display:flex;justify-content:space-between;width:100%;height:35px;line-height:35px;border-radius:5px;overflow:hidden;margin:0 0 10px 0;border:1px solid #dee2e6;box-sizing:border-box;}
.sb_division:last-child{margin:0}
.sb_division_title{width:var(--sb_title);height:100%;background:#f1f1f1;text-align:center;padding:0 5px;border-right:1px solid #dee2e6;box-sizing:border-box;}
.sb_division_text{width:calc(100% - var(--sb_title));padding:0 5px;box-sizing:border-box}
.sb_division_text.readonly{background:#f1f1f1;text-align:center}

.sb_transaction_tab{width:100%;height:auto;line-height:39px;display:flex;justify-content:flex-start;margin:0 0 10px 0}
.sb_transaction_tab>a{display:inline-block;width:110px;height:100%;text-align:center;border-bottom:1px solid #dee2e6;box-sizing:border-box;color:blue}
.sb_transaction_tab>a.on{border:solid #dee2e6;border-width:1px 1px 0 1px;box-sizing:border-box;border-radius:5px 5px 0 0;color:#000}
.sb_transaction_tab>.line{width:calc(100% - 220px);border-bottom:1px solid #dee2e6;box-sizing:border-box;height:auto}

.sb_transaction_notice{width:100%;height:auto;padding:5px;box-sizing:border-box;background:#f1f1f1;border:1px solid #dee2e6;line-height:20px;margin:0 0 10px 0}

.sb_box{display:flex;justify-content:space-between;width:100%;height:35px;line-height:35px;border-radius:5px;overflow:hidden;border:1px solid #dee2e6;box-sizing:border-box;margin:0 0 10px 0}
.sb_box:last-child{margin:0}
.sb_box.register_value{margin:0}
.sb_box_title{width:var(--sb_title);height:100%;background:#f1f1f1;text-align:center;padding:0 5px;border-right:1px solid #dee2e6;box-sizing:border-box}
.sb_box_title .sbt_lh15{display:inline-block;line-height:15px;vertical-align:middle;}
.sb_box_title .sbt_lh18{display:inline-block;line-height:18px;vertical-align:middle;}
.sb_box_title.full{width:100%;text-align:left;border-right:none}
.sb_box_text{width:calc(100% - var(--sb_title));height:35px;padding:0 5px;box-sizing:border-box;overflow:hidden;}
.pd_none{padding:0}
.sb_box_text .ellipsis{width:calc(100% - 40px)}
.sb_box_text.bank{display:flex;justify-content:space-between;}
.sb_box_text.bank .ellipsis{width:calc(100% - 40px);display:inline-block;text-align:left}
.sb_box_text>select,.sb_box_text>input{display:inline-block;width:100%;height:100%;border:none;outline:none;vertical-align:top;box-sizing:border-box}
.sb_box.line2{height:auto;flex-direction:column;border-radius:0px}
.sb_box.line2 .sb_box_in{border-top:1px solid #dee2e6;box-sizing:border-box;}
.sb_box.line2 .sb_box_in:first-child{border-top:none}
.sb_box_in{display:flex;justify-content:space-between}
.sb_box_text.sb_copy{display:flex;justify-content:space-between;}
.sb_box_text .ellipsis{display:inline-block;width:100%;height:35px;line-height:35px;text-align:left}
.btn_copy{display:inline-block;width:40px;height:35px;line-height:35px;text-align:center}
.register_value .balance{display:flex;justify-content:space-between;align-items:center}
.register_value .balance>span{width:100%;max-width:calc(100% - 40px)}
.btn_register{display:inline-block;width:100%;height:40px;line-height:40px;text-align:center;color:#fff;background:#444;border-radius:5px;margin:10px 0 0 0}
.transaction_charge{padding:10px 0 0 0;border-top:1px solid #dee2e6;box-sizing:border-box;margin:10px 0 0 0}

/* complete */
.id_txhash{height:auto;line-height:15px;display:inline-block;vertical-align:middle}

/* sale_detail */
.sd_method{display:inline-block;width:58px;height:25px;line-height:25px;border-radius:5px;padding:0 5px;box-sizing:border-box;vertical-align:top;margin:5px auto}
.sd_method.yellow{background:#ffd300;color:blue}
.sd_method.grey{background:#f1f1f1;color:blue}
.sd_method.dk_grey{background:#444;color:#fff}

/* btn_sb_box*/
.btn_sb_box{display:inline-block;width:auto;padding:0 5px;box-sizing:border-box;height:25px;line-height:25px;text-align:center;color:#fff;background:#444;border-radius:5px;margin:0 0 0 5px}
.btn_sb_box.non_mg{margin:0}
.btn_sb_box.black{background:#444}
.btn_sb_box.green{background:#168759}
.btn_sb_box.blue{background:blue}

/* mypage */
.mypage_user{width:100%;height:auto;background:#f1f1f1;border-radius:5px;padding:10px;box-sizing:border-box}
.mypage_user_in{display:flex;justify-content:space-between;width:100%;height:auto;line-height:30px}
.mu2{width:100%;max-width:calc(100% - 45px)}
.mu2 .name{width:auto;max-width:30%;padding:0 5px 0 0;box-sizing:border-box;border-right:1px solid #000;height:auto;line-height:15px;display:inline-block;}
.mu2 .nick{width:auto;max-width:70%;padding:0 0 0 5px}
.mu2 i{margin:0 5px 0 0}
.mypage_wallet{display:inline-block;width:auto;height:auto;line-height:60px}
.mypage_menu_in{width:100%;height:40px;line-height:40px;border:1px solid #dee2e6;box-sizing:border-box;border-radius:5px;display:inline-block;display:flex;justify-content:space-between;align-items:center;margin:10px 0 0 0}
.mypage_menu_in>i{width:40px;height:40px;line-height:40px;text-align:center;vertical-align:text-top;}
.ic_mypage_menu{display:inline-block;width:20px;height:20px;object-fit:contain;margin:0 10px;vertical-align:middle}
.mmi_title{width:calc(100% - 40px - 40px);height:100%;overflow:hidden;}
.mmi_title2{width:calc(100% - 40px - 100px);height:100%;overflow:hidden;}
.btn_mmi{width:80px;height:30px;line-height:30px;display:inline-block;background:#444;color:#fff;border-radius:5px;text-align:center;margin:0 5px 0 0}
.mypage_bank {margin:10px auto}
.mypage_bank .sb_box_title{width:50px;}
.mypage_bank .sb_box_text{width:calc(100% - 50px);}

/* wallet */
.flex-auto {flex:auto;}
.deposit_in{width:100%;height:auto;}
.deposit_title{width:100%;height:45px;line-height:45px;border-bottom:1px solid #dee2e6;box-sizing:border-box;display:flex;justify-content:space-between;}
.d_title{width:calc(100% - 200px);padding:0 10px;box-sizing:border-box}
.deposit_title>.more{display:inline-block;width:40px;height:40px;line-height:40px;text-align:center}
.deposit_text{width:100%;height:auto;padding:10px;box-sizing:border-box;border-bottom:1px solid #dee2e6;display:none}
.deposit_text_title{height:30px;line-height:30px}
.krw_input{display:flex;justify-content:space-between;width:100%;height:40px;line-height:40px;}
.krw_input>input,.krw_input>select{display:inline-block;border:1px solid #dee2e6;box-sizing:border-box;}
.krw_input>select{width:100px;border-radius:5px 0 0 5px;}
.krw_input>input{width:calc((100% - 100px) / 2);text-align:right}
.krw_input>input::placeholder{text-align:center}
.krw_input>input.bank_number{border-left:0;border-right:0}
.bank_name{border-radius:0 5px 5px 0}

.deposit_btn_box{display:flex;justify-content:center}
.deposit_btn_box>a{display:inline-block;width:100px;height:30px;line-height:30px;text-align:center;border-radius:5px;margin:10px 5px 0 0;}
.deposit_btn_box>a:last-child{margin-right:0}
.deposit_btn_box>a.blue{background-color:blue;color:#fff}

.krw_input>input.coin_input{width:calc(100% - 80px);border-radius:5px 0 0 5px;border:1px solid #dee2e6;box-sizing:border-box;}
.krw_input>.copy{width:80px;border-radius:0 5px 5px 0;border:1px solid #dee2e6;box-sizing:border-box;border-left:0;text-align:center;}

.deposit_warning{margin:5px 0}

/* notice_list */
.notice_list{width:100%;height:auto;line-height:40px;border-top:2px solid #000;margin:10px 0 0 0}
.notice_list li{width:100%;height:100%;border-bottom:1px solid #dee2e6;box-sizing:border-box}
.notice_list li a{display:inline-block;width:100%;height:100%;padding:0 5px;box-sizing:border-box}

.notice_detail_title{width:100%;height:40px;line-height:40px;padding:0 5px;box-sizing:border-box;border-top:2px solid #000;border-bottom:1px solid #dedede;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.notice_detail_text{width:100%;height:auto;padding:5px;box-sizing:border-box}
.notice_detail_date{border-top:1px solid #dedede;border-bottom:1px solid #dedede;box-sizing:border-box;width:100%;height:40px;line-height:40px;padding:0 5px}

.deposit_in.qna .deposit_title{height:auto;line-height:30px;text-align:left}
.deposit_in.qna .d_title.qna{display:flex;justify-content:flex-start;padding:0}

.d_title.qna .qna_title{width:calc(100% - 30px);height:auto;line-height:30px;text-align:left;padding:5px 0;box-sizing:border-box}
.d_title>i.fa-q{display:inline-block;width:30px;height:auto;line-height:30px;text-align:center;padding:5px 0 0 0}

.deposit_in.qna .deposit_text{height:auto;line-height:25px}
.deposit_in.qna .more{width:30px;height:30px;line-height:30px;padding:5px 0 0 0}

/* inquiry_table */
.inquiry_title{max-width:100px;overflow:hidden;}
.inquiry_title>a{display:inline-block;width:100%;vertical-align:top}
.btn_inquiy{display:inline-block;width:auto;height:30px;line-height:30px;border-radius:5px;padding:0 10px;box-sizing:border-box;background:#444;text-align:center;color:#fff}

/* inquiry_write */
.inquiry_write{width:100%;height:auto;border:1px solid #dee2e6;box-sizing:border-box;}
.inquiry_write li{padding:5px;box-sizing:border-box;height:auto;line-height:30px;border-bottom:1px solid #dee2e6;box-sizing:border-box;}
.inquiry_write.partnership li{height:50px;line-height:50px}
.inquiry_write li:last-child{border-bottom:none}
.inquiry_write li input,.inquiry_write li select{display:inline-block;width:100%;height:40px;line-height:40px;box-sizing:border-box;border-radius:5px;border:1px solid #dee2e6;padding:0 5px}
.inquiry_write li textarea{display:inline-block;width:100%;min-height:300px;box-sizing:border-box;border:1px solid #dee2e6;border-radius:5px;padding:5px;box-sizing:border-box;line-height:20px;outline:none;vertical-align:middle;}
.inquiry_write li.file{display:flex;justify-content:space-between;}
.inquiry_write li.file .title{width:100px;height:100%;text-align:center;background:#f1f1f1;border-radius:5px 0 0 5px;border:1px solid #dee2e6;box-sizing:border-box;}
.inquiry_write li.file .value{width:calc(100% - 100px);padding:0 5px;box-sizing:border-box;border:1px solid #dee2e6;border-radius:0 5px 5px 0;border-left:0}
.btn_inquiry_add{display:inline-block;width:100%;height:40px;line-height:40px;text-align:center;background:#444;color:#fff;border-radius:5px;margin:10px 0 0 0}

.inquiry_write.partnership{padding:10px 10px 5px 10px;box-sizing:border-box;border-radius:5px}
.inquiry_write.partnership li{height:auto;display:flex;justify-content:flex-end;flex-direction:column;border-bottom:none}
.inquiry_write.partnership li>.p_title{height:20px;line-height:20px;margin:0 0 5px 0}
.inquiry_write.partnership li.file{flex-direction:row;height:auto;line-height:40px}

/* id_flex */
.inquiry_detail{border:1px solid #dee2e6;box-sizing:border-box}
.id_flex{display:flex;justify-content:space-between;height:40px;line-height:40px;border-bottom:1px solid #dee2e6;box-sizing:border-box;}
.id_flex:last-child{border-bottom:none}
.id_flex>.title{width:100px;height:100%;padding:0 5px;box-sizing:border-box;background:#f1f1f1;border-right:1px solid #dee2e6}
.id_flex>.text{width:calc(100% - 100px);height:100%;padding:0 5px;box-sizing:border-box;}
.id_flex>.full{width:100%;text-align:center}
.id_text{padding:5px;box-sizing:border-box;border-bottom:1px solid #dee2e6}

/* inquiy_detail */
.btn_inquiy_detail{display:flex;justify-content:center}
.btn_inquiy_detail a{display:inline-block;width:auto;height:30px;line-height:30px;padding:0 5px;box-sizing:border-box;border-radius:5px;margin:10px 5px 0 5px;background:blue;color:#fff}

/* layer */
.layer_box.terms{max-width:500px}

.layer_tab{display:flex;justify-content:center;width:100%;height:40px;line-height:38px;border:1px solid #1454cf;box-sizing:border-box;}
.layer_tab a{display:inline-block;width:100%;text-align:center;}
.layer_tab a.on{background:#bfcff1}
.layer_tab a.first{border-right:1px solid #1454cf;box-sizing:border-box;}

.layer_input{border:1px solid #dee2e6;box-sizing:border-box;width:100%;height:auto;line-height:40px}
.layer_input>p{padding:0 5px;box-sizing:border-box;}
.layer_input_in{display:flex;justify-content:space-between;border-bottom:1px solid #dee2e6;box-sizing: border-box;}
.layer_input_in:last-child{border-bottom:none}
.layer_input_in>.title{display:inline-block;width:80px;text-align:center;border-right:1px solid #dee2e6;box-sizing:border-box}
.layer_input_in>.text{display:inline-block;width:calc(100% - 80px);padding:0 5px;box-sizing:border-box;}
.layer_input_in>.text.textarea{display:inline-block;width:calc(100% - 80px);height:auto;min-height:200px;padding:5px}
.layer_input_in>.text.textarea.w100{width:100%}
.layer_input_in>.text.textarea.w100 textarea{width:100%}
.layer_input_in>.text.textarea textarea{display:inline-block;width:auto;height:100%;border:1px solid #dee2e6;box-sizing:border-box;}
.layer_input_in select,.layer_input_in input{display:inline-block;width:100%;height:30px;line-height:30px;border:1px solid #dee2e6;box-sizing:border-box;margin:5px 0}
.layer_input_flex{display:flex;justify-content:space-between;}
.layer_input_flex .bank_number{border:solid #dee2e6;border-width:1px 0;}
.layer_input_flex .bank{border-radius:5px 0 0 5px}
.charge_notice{border:1px solid #dee2e6;box-sizing:border-box;margin:10px 0 0 0}
.charge_notice li{height:auto;line-height:30px;border-bottom:1px solid #dee2e6;box-sizing:border-box;padding:0 10px}
.charge_notice li:last-child{border-bottom:none}
.charge_notice>.title{background:#f1f1f1;overflow:hidden;}
.charge_notice>.text{line-height:25px}
.pc_flex{display:flex;justify-content:flex-start;align-items:center}
.layer_input_in>.text.nick_flex{display:flex;justify-content:space-between;align-items:center}
.nick_flex>input{width:calc(100% - 80px);}
.nick_flex>a{display:inline-block;width:70px;border-radius:5px;background:#444;height:30px;line-height:30px;text-align:center;color:#fff}
.lb_contents .auth_input{height:40px}
.lb_contents .auth_input .ic_eyes{height:28px;line-height:28px}
.lb_contents .auth_input>input{line-height:30px}
.layer_input_in>.full{padding:0 10px;box-sizing:border-box;}
.secession_notice{height:auto;line-height:25px}
.secession_notice:last-child{margin:0 0 10px 0}

/* help */
.about_us{width:100%;height:100%;max-height:calc(100vh - 60px - 60px);overflow-x:hidden;overflow-y:scroll;}
.about_us img{display:block;width:100%}

/* chat */
.chat{width:100%;height:calc(100vh - 60px - 60px);overflow-x:hidden;overflow-y:auto;background:#f1f1f1;padding:10px;box-sizing:border-box;}

.chat_list{display:inline-block;width:100%;height:auto;background:#fff;padding:15px 10px;box-sizing:border-box;border-radius:5px;box-shadow:0 2px 4px rgba(126,142,177,.1);margin:0 0 10px 0;position: relative;}
.chat_list:after{content: '';position: absolute;border-style: solid;border-width: 5px 10px 5px 0;border-color: transparent #FFFFFF;display: block;width: 0;z-index: 1;left: -10px;top: 12px;}
.chat_list:last-child{margin:0}
.chat_list_box { display: flex;}
.chat_list_box>a{width:calc(100% - 60px);height:auto;display:flex;justify-content:flex-start;align-items:center;}

.chat_list .dot{width:10px;height:30px;line-height:30px;text-align:center;margin:0 10px 0 0}
.chat_list .dot>span{display:inline-block;width:7px;height:7px;line-height:7px;border-radius:50%;background:#dee2e6;vertical-align:middle}
.chat_list .dot>span.on{background:red/*#168759*/}

.chat_list .chat_user{width:auto;height:30px;line-height:30px}
.chat_list .chat_user>span{display:inline-block;width:30px;height:100%;background:#e6e6fe;text-align:center;border-radius:50%;color:#050725;font-weight:bold}

.chat_user_info{padding:0 10px;box-sizing:border-box;}
.chat_user_nick{width:100%;height:20px;line-height:20px;text-align:left;overflow:hidden;font-weight:bold}
.chat_user_text{width:100%;height:25px;line-height:25px;text-align:left;overflow:hidden;}

.chat_user_info{width:calc(100% - 20px - 30px - 60px)}

.chat_time_btn{width:60px;height:100%;display:flex;justify-content:center;flex-direction:column;text-align:right;}
.chat_time{height:20px;line-height:20px}
.chat_btn>span{display:inline-block;width:auto;height:25px;line-height:25px;text-align:center;padding:0 5px;box-sizing:border-box;}
.chat_btn>span>img{display:inline-block;width:10px;height:10px;vertical-align:middle}


.chat_box{width:100%;height:calc(100vh - 60px - 60px);overflow:hidden;background:#f1f1f1}
.talk_box{width:100%;height:calc(100% - 50px);overflow:hidden;padding:0 0 0 10px;box-sizing:border-box;}
.talk_in{width:100%;height:100%;overflow-y:auto}

.chat_input{display:flex;justify-content:space-between;}
.chat_input>input{display:inline-block;width:calc(100% - 50px);height:50px;line-height:50px;border:1px solid #dee2e6;background:#fff;box-sizing:border-box;outline:none;padding:0 10px}
.chat_input>textarea{resize: none;display:inline-block;width:calc(100% - 50px);height:50px;border:1px solid #dee2e6;background:#fff;box-sizing:border-box;outline:none;padding:10px}
.chat_input>textarea::placeholder{line-height:29px}
.chat_input>a{display:inline-block;width:60px;height:50px;line-height:48px;background:#fff;border:solid #dee2e6;border-width:1px 1px 1px 1px;box-sizing:border-box;text-align:center;position:absolute;right:0;z-index:1}
.chat_input>a>img{display:inline-block;width:20px;height:20px;line-height:20px;vertical-align:middle;}


.talk{width:100%;height:auto;display:flex;justify-content:flex-start;padding:10px 0;box-sizing:border-box;}
.talk>span{display:inline-block;width:50px;height:50px;line-height:50px;border-radius:50%;text-align:center;background:blue;vertical-align:top}
.talk .talk_box{padding:10px;box-sizing:border-box;border-radius:5px;width:auto;max-width:calc(100% - 60px)}
.talk_nick{height:20px;line-height:20px;font-weight:bold;width:auto;max-width:100%}
.talk_time{height:14px;line-height:14px;color:#dee2e6}
.talk_text{padding:5px 0;box-sizing:border-box;height:auto;line-height:20px;word-wrap:break-word;display:block}

.talk.t_left .talk_box{background:#050725;color:#fff;text-align:left}
.talk.t_left .talk_text{text-align:left}
.talk.t_left>span{margin:0 10px 0 0}

.talk.t_right{flex-direction: row-reverse}
.talk.t_right .talk_box{background:#fff;color:#050725;text-align:right}
.talk.t_right .talk_text{text-align:right}
.talk.t_right>span{margin:0 0 0 10px}


@media (max-width:320px){
  html{font-size:62.5%}
  body{font-size:1.2rem}

  .index_img_banner>a>img{max-width:100%}

  .h_title{width:140px}
}