@charset 'utf-8';
/* 페이지 레이아웃 공통적용 */
.contents_cont {width: 100%; min-height: 100vh; padding-top: 50px; background-color: #fff;}
.contents_cont.dep_with {min-height: auto;}
.contents_cont.mypage {max-width:800px; min-width: 280px; margin: 0 auto; padding-top:50px; padding-bottom: 70px;}
.user_cont  {max-width:800px; min-width: 280px; padding:30px 20px 0; margin: 0 auto; }
.user_cont.balances {padding:70px 0 0;}
.basic_box {margin: 0 auto;}
.bottom_line{border-bottom:1px solid var(--line_v2);}

/* button */
.btn_box {padding: 20px;}
.price_btn span{display: block; width: 36px; height: 36px; padding: 0 6px; background-position: center; background-repeat: no-repeat; border-top:1px solid var(--light-gray); border-bottom:1px solid var(--light-gray); cursor: pointer;}
.minus_btn {background-image: url('../img/contents/exchange/icon_remove.svg');}
.plus_btn {background-image: url('../img/contents/exchange/icon_add.svg'); border-radius: 0 5px 5px 0; border:1px solid var(--light-gray);}
.two_btn {padding-top: 10px;}
.two_btn button, .two_btn span {border-radius: 5px; height: 36px; background-color: var(--inactive_v2);}
.two_btn span {font-size: 14px; font-weight: 600; line-height: 36px; text-align: center;}
.two_btn .long {width: 66.66666666666667%;}
.two_btn .short {width: 31.11111111111111%;}
.two_btn .active {color:#fff; background-color: var(--tone-down-plus);}
.two_btn .minus {color:#fff; background-color: var(--minus);}
.btn_common > a {display: block; width: 100%; height: 100%;}
.column_bottom {flex: none; margin-top: auto; margin-bottom: 30px;}
.column_bottom button {margin-top: 30px;}
.btn_common.medium_scale {width: 182px; height: 50px; line-height: 50px; }
.inactive {background-color: var(--inactive_v2);color: var(--dark-gray); }
.btn_common {width: 100%; height: 58px; border-radius:10px; background-color: var(--inactive_v2); color:var(--dark-gray); font-size: 16px; font-weight: 800;transition:background-color 300ms ease, color 100ms ease;}
.btn_common.active {background-color: var(--active); color:#fff; text-align: center;}
.btn_common.login {margin-top: 0; margin-bottom: 20px;}
.btn_common.inactive_btn {color: #000;}
.btn_common.verify_email, .btn_common.verify_code {width: 22.91666666666667%; height: 50px; line-height: 50px; font-size:14px; font-weight: 600; cursor: pointer;}
.btn_common.time_font {color: #ff3100;}
.half_btn_box li {width: calc(50% - 5px); height: 50px;}
.half_btn_box li a{display: block; height: 100%; border-radius: 10px; background-color: var(--inactive_v2);font-size: 16px; font-weight: 600; text-align: center; line-height: 50px;}
.half_btn_box li.active a {background-color: var(--active); color: #fff;}
.half_btn_box.inquiry li.btn_common {margin:0;}
.btn_common.apply_verify {height: 72px; padding: 20px; background-color: var(--bg);
  border: 1px solid var(--line_v2); border-radius: 10px; color: #000;}

/* shevron 버튼 */
.shevron_btn {transform: rotate(0deg); transition:transform 200ms ease;}
.shevron_btn.active {transform: rotate(-180deg);}
.select_txt+img {margin-bottom: -5px; transform: rotate(0deg); transition:transform 200ms ease;}
.select_txt+img.active {transform: rotate(-180deg); transition:transform 200ms ease;}

/* pop_up */
.dark_bg, .second_bg { display: none; position: fixed; width: 100%; height: 100%; left:0; top:0; background-color: rgba(0,0,0,0.5); z-index: -1; }
.pop_up {position: absolute;left:50%; top:50%;transform:translate(-50%, -50%);width: 300px; font-family: 'noto_sans'; z-index: -1; opacity:0; transition:z-index 200ms ease, opacity 200ms ease;}
.pop_up.bottom, .pop_up.apply {position: fixed; bottom:-50px;top: unset;transform: translateX(-50%); width: 100%; max-width:480px; height: 260px;}
.pop_up.apply {height: unset;}
.view_active { opacity:1; transition:z-index 200ms ease, opacity 200ms ease;}
.dark_bg.view_active {display: block; z-index: 550;}
.pop_up.view_active {z-index: 600;}
.pop_up.bottom.view_active, .pop_up.apply.view_active {bottom:0; transition: bottom 200ms ease;}
.txt_cont {width: 100%; padding: 40px 20px; border-radius: 10px 10px 0 0; background-color: #fff;}
.pop_up.bottom .txt_cont {padding: 40px 20px 30px;}
.pop_up.bottom .txt_cont.include {padding: 20px 20px 30px;}
.pop_close { display: block; width: 100%; height: 50px; border-radius: 0 0 10px 10px; background-color: var(--active); text-align: center; font-size: 16px; font-weight: 800; color:#fff; line-height: 50px; cursor: pointer;}
.pop_btn{display: block; width: 100%; height: 50px; border-radius: 10px; background-color: var(--active); text-align: center; font-size: 16px; font-weight: 800; color:#fff; line-height: 50px; cursor: pointer;}
.pop_close.d_none {display: none;}
.pop_close.cancel {background-color: var(--inactive_v2); color:#000;}
.pop_close.check {border-radius: 10px;}
.pop_close_x {position: absolute; bottom: 220px; right:10px; cursor: pointer;}
.half li {width: calc(100% / 2 - 5px); border-radius: 10px;}

/* 06.23 매수/매도 버튼 클릭시 매수/매도요청 팝업 */
.pop_up.apply .pop_close.cancel {width: 32.83582089552239%; border-radius: 10px;}
.pop_up.apply .apply_order {width: 64.17910447761194%; background-color: var(--tone-down-plus);}
.pop_up.apply.sell .apply_order {width: 64.17910447761194%; background-color: var(--tone-down-minus);}
.pop_up.apply .pop_close_x{top:10px; height: 24px;}
.pop_up.apply .balance{ padding: 5px 0; font-size: 14px;}
.pop_up.apply .coin_type + p{ padding-top: 20px;}
.pop_up.apply .txt_apply p:last-child {padding-top: 10px;}
.pop_up.apply .coin_type {height: 50px; font-size: 16px; font-weight: 600; border-radius: 10px; background-color: var(--bg); text-align: center; line-height: 50px;}
.pop_up.apply .two_btn {padding-top: 40px;}


/* 하단 고정 버튼 */
.fixed_box {position: fixed; bottom:0; left:0; width: 100%; background-color: #fff;}
.fixed_contents {max-width:800px; margin: 0 auto; padding: 20px;}
span.btn_common {display: block; line-height: 58px; text-align: center; cursor: pointer;}
.info_footer.dep_with {padding-bottom: 161px;}

/* 23.01.06 asset > asset_main 자산 메인 페이지 */
/* header ~ 상단부분 */
.unit_btn {color:var(--dark-gray); font-size: 12px; font-weight: 700; font-family: 'montserrat'; cursor: pointer; }
.unit_btn img {transform:rotate(0deg); transition:transform 200ms ease;}
.unit_btn.active img {transform:rotate(-180deg); transition:transform 200ms ease;}
.bell_btn, .fav_btn {cursor: pointer;}
.trade_info {position: sticky; top: 50px; left: 0; padding: 10px 20px; background-color: #fff; z-index: 100;}
.trade_chart {width: 120px; height: 45px;}
.trade_chart img {width: 100%; height: 45px;}
.tab_menu {position: sticky; top: 121px; left: 0; margin: 0 auto; border-bottom: 1px solid var(--line_v2); background-color: #fff; z-index: 100;}
.tab_menu li {width: calc(100% / 5); padding: 5px 0; color:var(--dark-gray); font-weight: 600; text-align: center; cursor: pointer;}
.tab_menu li.active {color:#000; font-weight: 800;}
.tab_menu.trade li.active {color:#000; font-weight: 800; border-bottom: 2px solid #000;}
.tab_menu.trade li a{display:block;}
.tab_bar {position: sticky; top: 155.59px; display: block; width: calc((100% - 40px) / 5); height: 2px; margin-top: -2px; margin-left: 20px; background-color: #000; transition: margin-left 100ms ease; z-index: 100;}

/* <!-- 2022.12.13 NBR --> */
/* 22.12.13 user > verify 페이지 */
/* 고객확인01 */
.txt_card {position: relative; padding: 20px; background-color: var(--bg); border: 1px solid var(--line_v2); border-radius: 10px;}
.txt_card > .cust_btn { padding:10px 18px; background-color: var(--inactive_v2); border-radius: 10px;}
/* 23.01.05 추가 */
.txt_card.btn > div { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 3px; }
/* 고객확인02 : 국내 */
.cust_radio_box.width_220 { width:220px; }
.cust_radio_box > label { width:50%; }
.cust_radio_box > label > input { border:1px solid var(--active); -webkit-appearance: auto; -webkit-border-radius: 0; }
.cust_radio_box > label > span { font-size: 16px; font-weight: 600;}
.cust_radio_box > label > input[type=radio] { accent-color:#000; }
.cust_address > div:first-child > input { width: calc(100% - 175px); }
.cust_address > div:first-child > button { width: 22.91666666666667%; height: 50px; line-height: 25px; font-size: 14px; font-weight: 600; border-radius: 10px; cursor: pointer; background-color: var(--inactive_v2); }
/* Select Custom */
.cust_select_box { position: relative;}
.cust_select_box > .cust_select { width: 100%; background-color: #ffffff; box-sizing: border-box; font-size: 16px; cursor: pointer; outline: 0px; color:var(--light-gray); }
.cust_scroll_list { display: none; padding: 20px; position: absolute; top: 60px; width: 100%; max-height: 200px; border: solid 1px var(--inactive_v2); background-color: #ffffff; z-index: 10; border-radius: 10px; box-shadow: 0px 3px 15px rgba(0,0,0,0.06);}
.cust_scroll_list > ul { font-size: 16px; font-weight: 600; width: 100%; max-height: 160px;  box-sizing: border-box; overflow-y: scroll; }
.cust_scroll_list > ul > li { padding:8px 0; }
/* scroll custom */
.cust_scroll_box::-webkit-scrollbar { width: 6px; }
.cust_scroll_box::-webkit-scrollbar-track { background-color: #fff; border-radius: 30px; }
.cust_scroll_box::-webkit-scrollbar-thumb { background-color: var(--light-gray); border-radius: 30px; }
/* select 화살표이미지 */
.down { transform: rotate(-180deg); }
/* 고객확인03 */
.cust_qr { text-align: center; }
/* .cust_qr { margin: 96px 0; text-align: center; } */
.cust_qr > img { width: 140px; height: 140px; }
.auth_comp { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #1162F8; font-size: 14px; font-weight: 600; }
.txt_card.active { color: var(--dark-gray);}
.txt_card.inactive {background-color: var(--inactive_v2);color: var(--dark-gray); }
.txt_card.secure {height: 72px; cursor: pointer;}

.cust_qr.kyc_mobile{min-height:calc(100vh - 82px);}
.cust_qr.kyc_mobile #qr_custom{width:100%; height:100%; left:50%; top:50%; transform:translate(-50%,-50%); clip:unset; border:none;}

/* 23.01.09 마이페이지(모바일)*/
.exten_box { font-size: 14px; font-weight: 600; margin-right: 5px; border-radius: 5px; }

/* 22.12.14 user > mypage 페이지  */
/* 마이페이지 공통 */
.my_list_container { display: flex; justify-content: space-between; align-items: center; margin-top: 15px;}
.my_list_container > li { height: 55px; line-height: 55px; font-size: 16px; font-weight: 800;}
.my_list_container > li > a { display: block;}
.my_list_container > li.active { color:var(--orange); border-bottom: 3px solid var(--orange) ;}
.my_card_white { width: 100%; padding: 24px; background-color: #ffffff; border-radius: 10px;}
.my_card_white.height_104 { height: 104px;}
.my_info_btn { padding:8px 18px; color:#000; background-color: var(--inactive_v2); border-radius: 5px;}
/* 마이페이지01 */
.my_info_container { padding: 50px 0; background-color: #f4f4f4;}
.my_info_box { width: 1024px; margin: 0 auto;}
.user_info_data { width: 100%; height: 229px;}
/* 마이페이지01 > 상단 */
.info_detail_title > p:first-child { font-size: 16px; font-weight: 800; margin-bottom: 12px; line-height: 1.4; }
.user_detail_txt { padding-top: 20px; border-top: 1px solid var(--line_v2);}
.user_detail_txt > li > p { font-size: 14px;}
.my_card_gray > li > p:first-child, .user_detail_txt > li > p:first-child { width: 100px; }
.con_detail_txt > p:nth-child(1) { padding-bottom: 10px; font-size: 14px; font-weight: 600;}
.con_detail_txt > p:nth-child(2) { padding: 8px 0; margin-bottom: 10px; background-color: var(--bg); border:1px solid var(--line_v2); border-radius: 21px; font-size: 16px;}
.con_detail_txt > p:nth-child(3) { font-size: 14px; color: var(--dark-gray); display: flex; justify-content: center; align-items: center;}
.con_detail_txt > p:nth-child(3) > span { display: flex; justify-content: center; align-items: center; margin: 0px 5px 0px 3px;}
.cust_requ { width: 113px; padding: 5px 10px; line-height: 0; background-color: #FDF2CC; font-size: 12px; font-weight: 600; color:#F2BD00; border-radius: 15px;}
.cust_requ_comp { width: 88px; padding: 5px 10px; line-height: 0; background-color: #E6F0FE; font-size: 12px; font-weight: 600; color:#1162F8; border-radius: 15px; }
/* 마이페이지01 > 하단 */
.my_address_container { padding: 50px 0; background-color: #fff;}
.my_card_gray {  width: 100%; padding: 24px; background-color: #fbfbfb; border: 1px solid var(--line_v2); border-radius: 10px;}
.my_card_gray.height_72 { height: 72px;}
.my_card_gray.height_152 { height:152px; }
.my_fee_table { margin-bottom:12px; width: 100%; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-collapse: collapse; }
.my_fee_table th { border-bottom: 1px solid #dbdbdb;  height: 50px; font-size: 16px; font-weight: 600; }
.my_fee_table th:nth-child(2) { border-left: 1px solid var(--line_v2); border-right: 1px solid var(--line_v2);}
.my_fee_table td { border-top: 1px solid #f1f1f1; height: 50px; text-align: center; }
.my_fee_table td:nth-child(2) { border-left: 1px solid var(--line_v2); border-right: 1px solid var(--line_v2);}
.advertisement_agree { width:145px; }
.advertisement_agree > label > input { border:1px solid var(--active); -webkit-appearance: auto; -webkit-border-radius: 0; }
.advertisement_agree > label > span { font-size: 14px; font-weight: 600;}
.advertisement_agree > label > input[type=radio] { accent-color:#000; }
/* 마이페이지02 */
.my_card_gray .title_line_height { line-height: 1.4; }
/* 마이페이지03 */
.border_top_line{border-top:1px solid var(--line_v2);}
.my_btn_box > div:first-child { width: 100%; height: 53px; display: flex; justify-content: space-between; }
.my_btn_box button { padding:8px 15px; background-color: var(--inactive_v2); border-radius: 5px; }
/* 마이페이지04 */
.my_info_title { padding:24px; }
.my_info_title > p { font-size: 16px; font-weight: 400;}
.my_log_table { width: 100%; border-top: 1px solid #dbdbdb; border-bottom: 1px solid var(--light-gray); border-collapse: collapse; }
.my_log_table tr:hover { background-color: var(--inactive_v2);}
.my_log_table th {background-color: var(--bg); border-bottom: 1px solid  var(--light-gray);  height: 50px; font-size: 16px; font-weight: 600; }
.my_log_table td { border-top: 1px solid #f1f1f1; height: 50px; text-align: center; }
/* pagenation */
.pagination { display: flex; width: fit-content; margin: 0 auto;}
.pagination li { width: 30px; height: 30px; background-color: var(--inactive_v2); min-width: 30px; min-height: 28px; font-size: 14px; border-radius: 5px; margin-right: 4px; display: flex; justify-content: center; align-items: center; font-family: "montserrat";}
.pagination li a { font-weight: 600; display: flex; justify-content: center; align-items: center; }
.pagination li:first-child, .pagination li:last-child { font-family: 'noto_sans'; width: 44px; height: 30px;}
.pagination li:first-child a, .pagination li:last-child a { font-weight: 600; }
.pagination .next a { background: url(../img/layout/next_on.svg) no-repeat center;  transform: rotate(90deg); width: 24px; height: 24px; }
.pagination .prev a { background: url(../img/layout/icon_chevron_on.svg) no-repeat center; width: 24px; height: 24px;}
.pagination .prev.disable a { background: url(../img/layout/icon_chevron_off.svg) no-repeat center;}
.pagination .next.disable a { background: url(../img/layout/next_off.svg) no-repeat center;}
.pagination .disable a { color: var(--dark-gray); cursor: context-menu; }
.pagination li.item.active { background-color: #000; color: #fff;}
/* 22.12.16 user > cert_center 페이지  */
/* 인증센터01 */
.cert_qr_box {padding: 30px; text-align: center;}
.cert_qr_box > img {width: 140px; height: 140px;}

/* user > leave 페이지 */
/* 회원탈퇴01 */
.leave_txt_box > li { display: flex; justify-content: start; align-items: flex-start;}
.leave_txt_box > li > p { font-size: 14px; font-weight: 400;}
.leave_txt_box > li > p > span { text-decoration: underline; color: #000AFF; }
.withdraw_box { padding: 24px; background-color: var(--bg);}
.withdraw_box button { padding:8px 15px; background-color: var(--inactive_v2); border-radius: 5px; font-size: 14px; font-weight: 600; }

/* 22.12.21 asset > transfer_history : NBR */
.history_container { width: 100%; max-width: 1212px;}
.line_height_14 { line-height: 1.4;}
.line_height_12 { line-height: 1.2;}
.history_sel_box { width: 100%; position: relative; }
.dep_sel_box { position: relative; }
.history_day.width_135, .asset_scroll_list.width_135 { width: 135px;}
.history_market.width_119, .history_sel.width_119, .asset_scroll_list.width_119 { width: 119px;}
.history_day, .history_date, .history_sel, .history_search, .history_market {width: 100%; height: 40px; padding: 0 20px; border-radius: 10px; border: 1px solid var(--light-gray); color:#000; font-size: 14px; font-weight: 400; caret-color: var(--orange); transition: border-color 300ms ease;
  background-color: #ffffff; outline: 0px; }
.history_search { position: relative; }
.asset_scroll_list { display: none; padding: 20px; position: absolute; top: 50px; left: 0; width: 100%; max-height: 200px; border: solid 1px var(--inactive_v2); background-color: #ffffff; z-index: 10; border-radius: 10px; box-shadow: 0px 3px 15px rgb(0 0 0 / 6%); }
.keyword_list_box { display: none; padding: 20px 10px 20px 10px; position: absolute; top: 50px; left: 0; width: 100%; max-height: 200px; border: solid 1px var(--inactive_v2); background-color: #ffffff; z-index: 10; border-radius: 10px; box-shadow: 0px 3px 15px rgb(0 0 0 / 6%); }
.keyword_list_box > ul, .asset_scroll_list > ul { font-size: 16px; font-weight: 600; width: 100%; max-height: 160px;  box-sizing: border-box; overflow-y: scroll; }
.asset_scroll_list > ul > li { padding:8px 0px; font-size: 14px; font-weight: 400; cursor: pointer;}
.keyword_list_box > ul > li { padding:8px 10px; font-size: 14px; font-weight: 400;}

.search_wrap{position:relative; display:flex; align-items: center; width:200px; min-width: 200px; max-width: 200px; height:40px; }
.search_input{display:block; width:100%; height:100%; font-size:14px; font-weight: 400; outline:none; border:none; font-family: "montserrat"; padding-right: 20px;}
.asset_search_btn{ position: absolute; right: 0; top: 0; width:40px; height:40px; line-height: 0; background-color: rgb(0 0 0 / 0%); cursor:pointer;}

.keyword_list{display:none; overflow-y: scroll; background-color: #ffffff; z-index: 10; }
.keyword_list_box.on, .keyword_list_box.on > .keyword_list, .keyword_list_box.active, .keyword_list_box.active > .keyword_list{display:block;}
.keyword_list li{padding:20px; display:flex; align-items:center; font-size: 14px; font-weight: 400; }
.keyword_list li:last-child{margin-bottom:0;}
.keyword_list li:hover{background-color:#efefef;}
.keyword_list li a{display:block; width:100%; height:100%; padding:10px;  color:#000;}
/* scroll custom */
.asset_list_container::-webkit-scrollbar, .asset_scroll_box::-webkit-scrollbar, .keyword_list::-webkit-scrollbar { width: 4px; }
.asset_list_container::-webkit-scrollbar-track, .asset_scroll_box::-webkit-scrollbar-track, .keyword_list::-webkit-scrollbar-track { background-color: #fff; border-radius: 30px; }
.asset_list_container::-webkit-scrollbar-thumb, .asset_scroll_box::-webkit-scrollbar-thumb, .keyword_list::-webkit-scrollbar-thumb { background-color: var(--light-gray); border-radius: 30px; }

.excel_down { display: flex; justify-content: space-between; align-items: center; width: 110px; height: 40px; cursor: pointer;}
.excel_down p:hover { color : var(--orange);}
.excel_down p::before { content: url(../img/layout/icon_download.svg); vertical-align: middle; width: 24px; height: 24px; margin-right: 4px;}
.excel_down p:hover::before { content: url(../img/layout/icon_download_on.svg); vertical-align: middle; width: 24px; height: 24px; margin-right: 4px; }
.excel_down p { font-size: 14px; font-weight: 600;}

.history_table { width: 100%; border-top: 1px solid #dbdbdb; border-bottom: 1px solid var(--light-gray); border-collapse: collapse; }
.history_table tr:hover { background-color: var(--inactive_v2);}
.history_table th { padding:0 20px; background-color: var(--bg); border-bottom: 1px solid  var(--light-gray);  height: 46px; font-size: 16px; font-weight: 600; }
.history_table td { border-top: 1px solid #f1f1f1; height: 70px; text-align: center; padding: 0 20px; }

/* 입출금 */
/* 왼쪽 */
.dep_left_asset { font-size: 30px; font-weight: 700; line-height: 1.2;}
.coin_check { font-size: 14px; font-weight: 600;}
.coin_check input {position: absolute; z-index: -1;}
.coin_check span.check_box {min-width: 24px; min-height: 24px; margin-right: 4px;background: url(../img/layout/icon_checkbox_empty.svg);background-size: cover;background-repeat: no-repeat;background-position: center; }
.coin_check input[type = 'checkbox']:checked+span.check_box {background: url(../img/layout/icon_checkbox_filled.svg);background-size: cover;background-repeat: no-repeat;background-position: center;}
.coin_search { display: flex; align-items: center; width: 100%; }
.coin_search > input::placeholder {color:var(--light-gray); font-size: 14px; font-weight: 400;}
.asset_name_list { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 40px; background-color: var(--bg); border-top:1px solid var(--line_v2); border-bottom:1px solid var(--line_v2);}
.asset_list_container { height: 100%; overflow-y: scroll;}
.asset_list_container > li { padding: 15px 20px; border-bottom: 1px solid var(--line_v2);}
.asset_list_container > li.asset_null_list { padding: 100px 0; text-align: center;}
.sim_img { width: 42px; height: 42px; border:1px solid var(--line_v2); border-radius:50%;}
/* .asset_box {width: 100%; height: calc(100vh - 130px); overflow: hidden; flex: 1 1 0%;}
.left_screen {width: 100%;max-width: 500px;height: 100%;} */
.asset_box {width: 100%; height: 100%;}
/* .left_screen {width: 100%;max-width: 500px; height: calc(100vh - 130px); overflow: hidden;} */
.screen {width: 100%;max-width: 500px; height: calc(100vh - 130px); overflow: hidden;}

/* 입출금 */
/* 오른쪽 */
.dep_right_title { display: flex; justify-content: start; align-items: center;}
.dep_right_title img { width: 36px; height: 38px; }
.dep_right_title > .sub_title { padding: 4px 8px; background-color: var(--inactive_v2); font-size:14px; font-weight:600; font-family:'montserrat'; border-radius: 5px;}
.dep_tab_btn { display:flex; align-items: center;}
.dep_tab_btn > p { font-size: 18px; font-weight: 800; color: var(--light-gray);}
.dep_tab_btn > p:last-child { margin-left: 15px;}
.dep_tab_btn > p.active { color:var(--orange);}
.dep_cont_480 { width: 480px; margin: 0 auto; }

/* 2023.01.11 모바일 입출금 */
.dep_with_coinbox { display:flex; justify-content: space-between; align-items: center; cursor: pointer;}
.dep_with_coinbox:hover { background-color: var(--bg);}
.dep_with_monbox { display: flex; align-items: center;}
.dep_address_none { padding: 60px 0 0; text-align: center;}

/* 2022.12.30 추가 */
.dep_cont_630 { width: 630; margin: 0 auto; padding: 30px 20px;}
.copy_input { position: relative; }
.copy_input > p { display: flex; align-items: center; width: 100%; min-height: 50px; padding: 0 50px 0 20px; border-radius: 10px; border: 1px solid var(--light-gray); color:#000; font-size: 16px; font-weight: 600; }
/* .copy_input > p { width: 100%; height: 50px; line-height: 48px; padding: 0 20px; border-radius: 10px; border: 1px solid var(--light-gray); color:#000; font-size: 16px; font-weight: 600; } */
.copy_input > button { position: absolute; right: 20px; top: 14px; padding: 0; background-color: rgb(0 0 0 / 0%);}
.copy_input > button > img { display: block; width: 24px; height: 24px; }
.dep_qr_box { width: 100%; padding: 80px; background-color: var(--bg); text-align: center; border-radius: 10px;}
.dep_qr_box img { width:180px; height: 180px; object-fit: contain;}
.caution_txt { padding: 20px; background-color: rgba(255, 0, 0, 0.1);}
.caution_txt img{ vertical-align: middle; margin-right: 4px;}
.caution_txt p { height: 90px; }

/* 지갑종류 select */
.with_sel_input { position : relative; }
.with_sel_input > div { width: 100%; height: 50px; padding: 0 20px; border-radius: 10px; border: 1px solid var(--light-gray); color: #000; font-size: 16px; font-weight: 600; transition: border-color 300ms ease; }
.with_sel_input > img { position: absolute; right: 20px;}

/* 거래소 선택 */
.exc_scroll_list { display: none; position: absolute; top: 50px; left: 0; width: 100%; max-height: 644px; border: solid 1px var(--inactive_v2); background-color: #ffffff; z-index: 10; border-radius: 10px; box-shadow: 0px 3px 15px rgb(0 0 0 / 6%); }
.exc_scroll_list > div { width: 100%; height: 64px; border-bottom: 1px solid var(--line_v2); padding: 20px; display: flex; justify-content: space-between;}
.exc_scroll_list > ul { padding: 20px; font-size: 16px; font-weight: 600; width: 100%; max-height: 236px;  box-sizing: border-box; overflow-y: scroll; }
.exc_scroll_list > ul > li { padding: 8px 0px; cursor: pointer; font-size: 14px; font-weight: 400;}
.exc_scroll_list > ul > li:hover { background-color: var(--inactive_v2);}
.exc_scroll_list > ul > li:last-child { border: none;}
.exc_scroll_list .flex_start_end { display: flex; justify-content: flex-start; align-items: flex-end;}

/* 즐겨찾기 출금 주소 */
.with_scroll_list { display: none; position: absolute; top: 50px; left: 0; width: 100%; max-height: 644px; border: solid 1px var(--inactive_v2); background-color: #ffffff; z-index: 10; border-radius: 10px; box-shadow: 0px 3px 15px rgb(0 0 0 / 6%); }
.with_scroll_list > div { width: 100%; height: 64px; border-bottom: 1px solid var(--line_v2); padding: 20px; display: flex; justify-content: space-between;}
.with_scroll_list > ul { font-size: 16px; font-weight: 600; width: 100%; max-height: 580px;  box-sizing: border-box; overflow-y: scroll; }
.with_scroll_list > ul > li { padding: 20px; border-bottom: 1px solid var(--line_v2); cursor: pointer;}
.with_scroll_list > ul > li:hover { background-color: var(--inactive_v2);}
.with_scroll_list > ul > li:last-child { border: none;}
.with_scroll_list .flex_start_end { display: flex; justify-content: flex-start; align-items: flex-end;}

/* 광고 동의 설정 */
.guide_radio_box > label > input { border:1px solid var(--active); -webkit-appearance: auto; -webkit-border-radius: 0; }
.guide_radio_box > label > span { font-size: 16px; font-weight: 600;}
.guide_radio_box > label > input[type=radio] { accent-color:#000; }

/* //NBR */

/* 2022.12.27 달력 JJH */
.calender_box{width:228px; height:40px; padding:11px 15px; border:1px solid #BEC8CF; border-radius:8px; display:flex; justify-content:space-between; align-items:center; gap:10px; position:relative;}
.calender_box input{flex:none; width:80px; border:none; font-size:14px; font-weight:400; font-family:'montserrat'; outline:none; text-align:center; cursor:pointer;}
.calender_box input.selected{font-weight:700;}
.calender{width:228px; min-height:228px; padding:10px; box-shadow:0px 3px 15px rgba(0,0,0,0.06); border-radius:10px; background-color: #fff; position: absolute; left: 0; top:calc(100% + 10px); z-index: 9; }
.calender_head{margin-bottom:10px; display:flex; align-items:center;}
.calender_prev_btn {margin-right: auto; height: 20px; cursor: pointer; border:none; background:none;}
.calender_next_btn {margin-left: auto; height: 20px; cursor: pointer; border:none; background:none;}
.calender_direct_year_btn{display: flex; align-items: center; gap: 2px; font-size: 14px; color: rgb(128, 135, 145); cursor: pointer; border:none; background:none;}
.calender_direct_month_btn{display: flex; align-items: center; gap: 2px; font-size: 14px; color: rgb(128, 135, 145); cursor: pointer; border:none; background:none;}
.calender_days{margin-bottom: 6px; padding:0px 12px; font-size: 12px; color: rgb(128, 135, 145); display: flex; justify-content: space-between; align-items: center;}
.calender_date{font-size: 14px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.calender_date li{width: calc(100% / 7); height: 29.7px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-family:'montserrat'; }
.calender_date li:hover{background-color:rgb(240, 240, 240);}
.calender_date .selected{background-color:#000; color:#fff;}
.calender_date .selected:hover{background-color:#000; color:#fff;}
.calender_date .today{font-weight:700;}
.calender_date .disabled{color:#ccc; cursor:default;}
.calender_date .otherMonth{color:#ccc;}
.calender_none{display:none !important;}
.calender_direct_year { position: relative; }
.calender_direct_year button { display: flex; align-items: center; gap: 2px; font-size: 14px; color: rgb(128, 135, 145); cursor: pointer; font-family:'montserrat';}
.direct_year_list { width: calc(100% + 10px); padding: 8px; height: 100px; overflow: auto; border-radius: 4px; box-shadow:0px 3px 15px rgba(0,0,0,0.06); border:1px solid #ccc; position: absolute; background-color: #fff; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; gap: 4px; overscroll-behavior: none; z-index: 10; }
.direct_year_list::-webkit-scrollbar { display: none; }
.direct_year_list li { font-size: 12px; padding: 0 4px; cursor: pointer; text-align: center;  font-family:'montserrat';}
.direct_year_list li:hover { background-color: rgb(240, 240, 240); }
.calender_direct_month { position: relative; }
.calender_direct_month button { display: flex; align-items: center; gap: 2px; font-size: 14px; color: rgb(128, 135, 145); cursor: pointer; font-family:'montserrat';}
.direct_month_list { width: max-content; padding: 8px; height: 100px; overflow: auto; border-radius: 4px; box-shadow:0px 3px 15px rgba(0,0,0,0.06); border:1px solid #ccc; position: absolute; background-color: #fff; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; gap: 4px; overscroll-behavior: none; z-index: 10; }
.direct_month_list::-webkit-scrollbar { display: none; }
.direct_month_list li { font-size: 12px; padding: 0 4px; cursor: pointer; text-align: center; font-family:'montserrat';}
.direct_month_list li:hover { background-color: rgb(240, 240, 240); }
/* //JJH */

/* 22.12.12 user > login 로그인 페이지 */
.login_box {padding: 30px 0 20px;}
.login_url { width: 254px; height: 40px; margin: 0 auto; border-radius:20px; background-color: var(--bg);}
.password_box {position: relative;}
.password_box img {position: absolute; right:10px;top: 50%;transform: translateY(-50%); cursor: pointer;}
.login_input {width: 100%; height: 50px; padding: 0 20px; border-radius: 10px; border: 1px solid var(--light-gray); color:#000; font-size: 16px; font-weight: 600; caret-color: var(--orange); transition: border-color 300ms ease;}
.login_input::placeholder{color:var(--light-gray); font-size: 16px; font-family: "noto_sans";}
.login_input.noto { font-family: "noto_sans";}
.input_box .login_input {width: 100%; height: 50px; padding: 0 20px; border-radius: 10px; border: 1px solid var(--light-gray); color:#000; font-size: 16px; font-weight: 600; transition: border-color 300ms ease;}
.input_box .login_input::placeholder {color:var(--light-gray); font-size: 14px;}
.login_input:focus {border-color: var(--orange);}
.login_menu span {font-size: 16px; font-weight: 600; text-decoration: underline; cursor: pointer;}
.highlight {font-size: 16px; font-weight: 600; color:#000; text-decoration: underline;}
.alert_phrase {padding-top: 5px; padding-bottom: 10px; color:#ff0000; font-size: 12px;}
.alert_phrase.form {padding-bottom: 0;}

/* 22.12.12 user > join01 회원가입 페이지 */
.step_mark {display: flex; justify-content:flex-end; align-items: center; height: 32px; margin-left: auto; }
.step_mark span {display: block; width: 8px; height: 8px; margin-left: 6px; background-color: var(--light-gray); border-radius:50%;}
.step_mark span.active {width: 14px; background-color: var(--active); border-radius:8px;}
.extra_statement {padding: 20px; background-color: var(--bg);}
.info_mark {width: 3px; height: 3px; margin-right: 3px; border-radius:3px; background-color: var(--dark-gray); flex:none;}
.agree_all input, .check_agree input {position: absolute;z-index: -1;}
.agree_all span.check_box {min-width: 24px; min-height: 24px; margin-right: 10px;background: url(../img/layout/icon_checkbox_empty.svg);background-size: cover;background-repeat: no-repeat;background-position: center; }
.agree_all input[type = 'checkbox']:checked+span.check_box {background: url(../img/layout/icon_checkbox_filled.svg);background-size: cover;background-repeat: no-repeat;background-position: center;}
.check_agree span.check { min-width: 24px;min-height: 24px; margin-right: 10px;background: url(../img/layout/icon_check_off.svg);background-size: cover;background-repeat: no-repeat;background-position: center; }
.check_agree > span:last-child {width: 100%;}
.check_agree input[type = 'checkbox']:checked+span.check {background: url(../img/layout/icon_check_on.svg);background-size: cover;background-repeat: no-repeat;background-position: center;}
.input_box {position: relative; height: 50px;}
span.input_box {width: 72%;}
.input_icon {position: absolute; top: -30px; left: 50px;}
.valid_time {margin-left: 10px; color:var(--active); }
.long_sentense {width: calc(100% - 6px);}

/* 22.12.13 user > join02 회원가입 페이지 */
.login_input.verify {width: 72%; }
span.input_box .login_input.verify {width: 100%;}
.login_input.verify::placeholder, .login_input.google::placeholder {color:var(--light-gray);}
.login_input.inactive {background-color: var(--inactive_v2);}

/*  */
.pw_check_list { margin-bottom: 10px; color: var(--light-gray);}
.pw_check_list.active { margin-bottom: 10px; color: var(--blue);}
.check_mark {width: 24px; height: 24px; background: url('../../assets/img/layout/icon_check_off.svg') no-repeat;}
.pw_check_list.active .check_mark {background: url('../../assets/img/layout/icon_check_filled_blue.svg') no-repeat;}
.login_input::placeholder {color: var(--light-gray); font-size: 16px;}

/* 22.12.13 user > join04 회원가입 페이지 */
.comp_txt {padding: 50px 0 100px;}

/* 22.12.14 user > find_account02 */
.result_cont {padding: 20px; border-radius:10px; background-color:var(--bg);}

/* 22.12.15 user > reset_pw02 비밀번호 재설정 */
.underlined_btn {display: block; font-size: 16px; font-weight: 600; color:var(--dark-gray); cursor: pointer; text-align: center; text-decoration: underline;}

/* 22.12.21 asset > balances */
.side_menu{width: 188px; height:100vh; padding-top: 70px; border-right: 1px solid var(--line_v2);}
.side_menu li {margin-bottom: 30px;}
.side_menu li a{font-size: 22px; font-weight: 800; color: var(--light-gray);}
.side_menu li.active a{color: var(--orange);}
.contents_box {width:calc(100% - 188px); padding-top: 70px; padding-left: 50px;}
.page_tit {font-size: 32px; font-weight: 800;}
.summary_box li {width:calc(100% / 3 - 20px); height: 142px; padding: 24px; border:1px solid var(--line_v2); border-radius:10px;}

/* 22.12.29 asset > dep_with 입출금 - right_screen 출금 */
.right_screen {padding:0 40px; width: 100%; max-width: 712px; min-height:100vh;}
.warning_box {position: relative; padding: 20px; background-color: var(--bg); }
.max_btn {position: absolute; top:1px; right:1px; width:80px; height: 48px; background-color: var(--inactive_v2); border-radius:0 10px 10px 0; cursor: pointer;}
.with_amount { height: 50px; border-radius: 10px; }
.with_amount input.login_input { padding-right: 100px; background-color: rgba(255,255,255, 0); text-align: right;}
.with_amount input::placeholder { color: var(--light-gray);}
.with_summary {margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line_v2);}

/* 출금 100만원 이하시 */
.select_btn.addr {position: absolute; top:1px; right:1px; width:92px; height: 48px; border-left:1px solid var(--light-gray); border-radius:0 10px 10px 0; cursor: pointer;}
.select_btn > .with_chevron.active {  transform: rotate(-180deg);  }
.with_amount.addr {width: 100%;}
.with_amount.addr input.login_input { text-align: left;}
.asset_name_list span.inactive {background: rgba(255,255,255,0); color:#000;}

/* 23.01.02 swap > swap01 */
.swap_box {margin: 0 20px;border-radius: 10px; background-color: #fff; box-shadow: 0 0 10px 2px rgb(0 0 0 / 6%);}
.swap_box li {padding:20px;}
.swap_box li:nth-child(2) {padding:0;}
.swap_tit {font-size: 14px; font-weight: 800; color:var(--orange);}
.swap_amount {display: block; width: calc(100% - 100px); max-width:300px;}
.swap_input {width: 100%; padding: 10px; font-size: 24px; font-weight: 700; caret-color: var(--orange);border:1px solid var(--inactive_v2);border-radius: 10px;background: var(--inactive_v2); transition: border 200ms ease, background-color 200ms ease;}
.swap_input::placeholder {font-size: 18px; font-weight: 600;}
.swap_input:focus {border:1px solid var(--orange); background-color: rgba(255, 131, 0, 0.05);}
.swap_token_box {display: block; width: 80px; text-align: center; cursor: pointer;}
.swap_token_img {display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; margin: 0 auto; border: 1px solid var(--line_v2); border-radius: 50%;}
.swap_token_img img {width: 100%;}
.swap_token_name {font-size: 14px; font-weight: 600;}
.switch_swap {display: block; width: 36px; height: 36px; margin: 0 auto; border-radius: 50%; background-image: url('../img/layout/icon_from_to.svg'); background-position: center; background-repeat: no-repeat;}
.swap_btn_box {padding: 20px 20px 100px;}

/* token select */
.select_token {position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); width:calc(100% - 40px); max-width: 375px; height: 600px; background-color: #fff; box-shadow: 0 0 10px 2px rgb(0 0 0 / 6%); border-radius: 10px; opacity: 0; z-index: -1; transition: opacity 200ms ease, z-index 200ms ease;}
.select_token.view_active {z-index:600; opacity: 1; transition: opacity 200ms ease, z-index 200ms ease;}
.select_token h2 {padding: 20px 10px 0 20px; }
.select_token .pop_close_x {top:20px;}
.search_bar {display: block; width: 100%; max-width: 800px; margin: 0 auto; position: relative;}
.search_bar input {width: 100%; height: 34px; padding-left: 20px; border-radius:8px; border: 1px solid var(--line_v2); transition: border-color 300ms ease; caret-color: var(--orange); font-family:"noto_sans"}
.search_bar input::placeholder {margin-top: 5px; font-size: 14px; color:var(--dark-gray); font-weight: 400; font-family:"noto_sans";}
.search_bar input:focus {border-color: var(--orange);}
.search_btn {position: absolute; right:20px; top:50%; transform:translateY(-50%);}
.token_list {height: 440px; margin-top: 20px; overflow-y: auto;}
.token_list li {padding: 10px 0; cursor: pointer;}
.token_list li img {width: 36px; height: 36px; border:1px solid var(--line_v2); border-radius:50%;}
.token_name {margin-left: 10px; font-size: 16px; font-weight: 600; font-family: 'montserrat';}

/* 2022.07.12 JJH 작업 */
.expect_box{margin: 0 20px;}
.expect_box_inner{margin:30px 40px 14px;}
.expect_box_X{margin:0 20px;}
.expect_box_title{padding-bottom:10px; font-size:16px; font-weight:600;}
.expect_list.gray_bg {padding:20px; border-radius:10px; background-color: var(--bg);}
.expect_list_line{border-bottom:1px solid var(--line_v2);}
.confirm_text_box{padding:30px 20px; text-align:center;}
.confrim_amount{line-height:18px;}
.transfer_complete{ display: inline-flex; min-width:66px; height:30px; margin:0 auto; padding:0 10px; background-color:#CCF4ED; border-radius:15px; font-size:12px; color:#00C9A5;}
.transfer_complete img {margin-right: 2px;}
.transfer_complete.processing {color: #F2BD00; background-color: #FDF2CC;}
.transfer_complete.processing.verify {width:120px;}
.confirm_coin_flow{display:flex; justify-content:space-between; align-items:center; padding:15px; border-radius:10px; background-color:#fff; box-shadow:0 3px 15px rgba(0,0,0,0.06)}
.confirm_coin_flow p {width: 42%;}
.confirm_coin_flow img {width: 36px; height: 36px;}

/* 22.06.03 user > mypage */
.sec_box {padding: 20px; background-color: #fff;}
.sec_box.drop {padding:3px 20px;}
.mypage_menu {padding-top: 20px;}
.mypage_menu li{width: calc(100% / 3);}
.list_menu {padding-top: 10px; width: 100%;}
.list_menu li {width: 100%;}
.list_menu li a {width: 100%; padding: 10px 0;}
.list_menu.line {border-bottom: 1px solid var(--line_v2);}
.event_list {height: 36px; padding:0 14px; border-radius: 8px; line-height: 36px; background: var(--dark-gray); color:#fff;}
.event_list li {height: 100%; line-height: 36px;}
.event_list span {margin-right: 10px; padding:4px 10px; border-radius: 10px; font-size: 10px; font-weight: 800; background:var(--active);}

/* 2022.06.08 : JJH user > security 정보/보안센터 페이지*/
.list_label{flex:none; width:90px; font-weight:600; margin-right:5px;}
.list_content{width:100%; font-weight:400;}

.on-off-toggle {width:52px; height:28px; position: relative; display: inline-block;}
.on-off-toggle__slider {width: 52px; height: 28px; display: block; border-radius: 34px; background-color: #EFF3F5; transition: background-color 500ms}
.on-off-toggle__slider:before {content: ''; display:block; background-color:#fff; position:absolute; left:2px; bottom:2px; width:24px; height: 24px; transition: .4s; z-index: 5; border-radius: 100%; box-shadow:0px 3px 6px rgba(0,0,0,0.16);}
.on-off-toggle__input {position: absolute; opacity: 0;}
.on-off-toggle__input:checked + .on-off-toggle__slider {background-color: #FF3100}
.on-off-toggle__input:checked + .on-off-toggle__slider:before {transform: translateX(24px);}

/* 2023.01.04 user > verify_center - 인증센터 */
.verified_txt {color:var(--dark-gray); padding:6px 20px; background-color: var(--inactive_v2); border-radius:30px;}
.verified_txt.no {color:#fff; border:1px solid var(--active); background-color: var(--active);}
.verified_txt.denied {color:var(--active);}

/* 22.07.04 dep_with > dep_with_main 입출금 메인 페이지 */
/* select box */
.select_box {position: relative; width:100%; margin: 5px 0 10px; cursor: pointer;}
.select_box .select_btn{width: 100%; height: 36px; padding: 0 10px; font-size: 12px; font-weight: 600; background-color: var(--inactive_v2);border-radius:5px;}
.select_scroll {position: absolute; top:0px; left:0; width: 100%; height: 315px; overflow-y: auto; padding-right: 5px; background-color: #fff;border-radius:5px;  box-shadow: 0 0 12px 0 rgb(0 0 0 / 8%); opacity:0; z-index: -1; transition:top 200ms ease, opacity 200ms ease, z-index 200ms ease;}
.select_scroll li {cursor: pointer;}
.select_scroll.view_active {top:48px; z-index: 20; opacity:1; transition:top 200ms ease; }
.select_box.ratio .select_scroll {height:unset;}
.select_box.ratio .select_scroll.view_active {z-index: 10;}
.select_value {padding:10px; font-size: 12px; font-weight: 600; }
/* scroll bar custom */
.select_scroll::-webkit-scrollbar {width:10px; background-color: var(--line_v2); }
.select_scroll::-webkit-scrollbar-thumb {background-color: var(--line_v2); border-radius: 10px;background-clip: padding-box; border: 3px solid transparent;}
.select_scroll::-webkit-scrollbar-track {width:10px; background-color: #fff;}

.gray_txt {font-size: 12px; font-weight: 600; color:var(--dark-gray);}
.order_guide {display: block; padding-bottom:20px; font-size: 12px; text-decoration: underline; cursor: pointer;}
.search_box {padding:10px 20px; background-color: #fff;}
.summary_txt {background-color: var(--bg);}
.history_btn {display: block; width: 74px; height: 36px; background-color: var(--inactive_v2); border-radius: 10px; font-size: 12px; font-weight: 600; text-align: center; line-height: 36px;}
.coin_list_box {background-color: #fff;}
.coin_list_box label {width: 100%; padding: 10px 20px; border-top: 1px solid var(--line_v2); }
.coin_list {padding: 0 10px; border-top:1px solid var(--line_v2);}
.coin_list.balance .coin_txt{margin-right: 10px;}
.coin_list li {border-bottom: 1px solid var(--line_v2);}
.coin_list li a {padding: 14px 0 14px 10px;}
.coin_list li a .icon_coin{margin-bottom: -8px; margin-right: 5px;}
.coin_list .coin_txt {width: calc(100% - 26px); }

/* 22.06.30 dep_with > withdrawal_01 출금하기 페이지 */
.tab_menu.dep_with {position: relative; top:initial; height: 50px;z-index: 10;}
.tab_menu.dep_with li {width: 50%;}
.tab_menu.dep_with li.tab_bar {position: absolute; top:100%; left: 0; width:calc(50% - 20px); margin-left: 20px; padding:0;}
.dep_with_box { position: relative; width: 100%; }
.dep_with_box textarea {width: 100%; height: 50px; padding: 13px 20px; padding-right: 54px; font-size: 16px;font-weight: 600;border:1px solid var(--line_v2); border-radius:10px;caret-color: var(--orange); transition: border-color 300ms ease; resize: none; outline: none; font-family: 'noto_sans';}
.dep_with_box textarea::-webkit-scrollbar {display: none;}
.dep_with_box textarea:focus {border: 1px solid var(--orange); transition: border-color 300ms ease;}
.dep_with_box input {width:100%; height: 50px; padding: 0 20px; padding-right:54px; font-size: 16px; font-weight: 600; border: 1px solid var(--line_v2); border-radius: 10px; background-color: #fff; caret-color: var(--orange); transition: border-color 300ms ease;}
.dep_with_box input::placeholder, .dep_with_box textarea::placeholder {color:var(--light-gray);}
.dep_with_box input:focus {border: 1px solid var(--orange); transition: border-color 300ms ease;}
.qr_btn {top: 13px;}
.qr_btn, .coin_unit {position: absolute; right:20px; padding-left: 10px;background-color: #fff;}
.coin_unit {padding-left: 0;}
.gray_btn {display: block; height: 40px; padding: 0 10px; border-radius: 5px; background-color: var(--inactive_v2); font-size: 14px; font-weight: 600; text-align: center; line-height: 40px; cursor: pointer;}
.no_flex {flex:none; align-self: flex-start; font-size: 12px; color: var(--dark-gray);}
.bullet_icon {display: block; width:5px; height: 5px; margin-right: 5px; border-radius: 50%; background-color: var(--dark-gray);}
.bullet_multiple .bullet_icon {margin-top: 10px;}
.alert_phrase.dep_with { padding-top: 0; padding-bottom: 0;}

.pop_up.dep_with, .pop_up.cancel_comp {position: fixed;}
.pop_up.dep_with .pop_close{color:#000; background-color: var(--inactive_v2);}
.pop_up.dep_with .bullet_icon {width:3px; height: 3px; background-color: #000;}

/* 22.07.01 dep_with > withdrawal_02 출금요청 내역 확인 페이지 */
.detailed_request {padding: 20px; margin: 0 20px; border-radius:10px; background-color: var(--bg);}
.detailed_request .divide_horizon_bottom {border-color: var(--line_v2);}
.info_footer.white_bg {padding:30px 0 0; background-color: #fff;}
.btn_box.dep_with {flex:none; margin-top: auto; padding: 20px 0 30px;}
.addr {width: calc(100% - 100px); word-break: break-all; text-align: right;}

/* dep_with > withdrawal_03 출금 인증 페이지 */

/* dep_with > qr_address */
header.qr {position:relative; left:0; transform: none;max-width: 800px; margin: 0 auto; color:#fff; background-color: rgba(0,0,0,0.5); border: none; }
.contents_cont.qr { height: calc(100vh - 50px); margin-top: 0; background-color: rgba(0,0,0,0.5);}
.qr_box {width: 250px; height: 250px; margin-top: -50px; border-radius: 20px; border:1px solid #fff;}
.qr_box video {width: 100%; height: 100%; border-radius: 20px;}

/* dep_with > balaces 코인별 입출금 내역 페이지 */
.pending_balance {padding:20px; margin:20px 0; font-size: 14px; background-color: #fff; border-radius: 10px;}
.alert_box {position: absolute; top: 25px; left:5px; width: 180px; padding:20px 14px; border-radius: 10px; background-color: #fff; font-size: 12px; box-shadow: 0px 1px 10px rgb(0 0 0 / 8%);z-index: -1; opacity:0; transition:z-index 200ms ease, opacity 200ms ease;}
.alert_box.view_active {z-index: 1; opacity:1; }

.select_box.dep_with {width: unset; margin:5px 0;}
.select_box.dep_with .select_btn {width: 110px; height: 36px; font-size: 14px; background-color: var(--inactive_v2); border-radius: 10px;}
.coin_list_box.dep_with {padding-bottom: 60px;}
.select_scroll.dep_with {height: unset;padding: 10px 0;padding-right:0; font-size: 14px; font-weight: 600; border-radius: 10px; text-align: left;}
.select_scroll.dep_with li {padding: 10px 15px;}
.null_txt {height: calc(100vh - 491px);}

/* dep_with > withdraw_process/withdraw_comp.html */
.detailed_request.detail {font-size: 14px;}
.copied {flex: none; width: calc(100% - 40px);max-width: 335px; height: 50px; margin: auto auto 30px; background-color: var(--dark-gray); border-radius: 10px; opacity:0; z-index: -1;transition:z-index 200ms ease, opacity 200ms ease; }
.copied.comp {margin-bottom: 10px;}
.copied.view_active {opacity:1; z-index: 1;transition:z-index 200ms ease, opacity 200ms ease;}
.copied p {padding-left: 20px; color:#fff; line-height: 50px;}
.copied p img {margin-right: 5px;}
.contract_addr {text-decoration: underline; color: #000AFF;}
.addr_save_btn {height: 58px; margin: 0 auto 30px;}

/* dep_with > deposit 입금하기 페이지 */
.deposit_contents {background-color: #fff; padding-top: 30px;text-align: center; border-radius: 10px;}
.txt_scroll {overflow-y: auto; height: 300px;}
.deposit_addr {display: block; width: 200px; margin: 0 auto; font-size: 14px; color: var(--dark-gray); word-break: break-all; text-align: center;}
.circle_btn {width: 48px; height: 48px; background-color: var(--bg); border-radius: 50%; border:1px solid var(--line_v2); cursor: pointer;}
.warning {display: block; width: 100%; height: 50px; background-color: var(--inactive_v2); font-size: 14px; font-weight: 600; color:var(--active); line-height: 50px; border-radius: 0 0 10px 10px;}
.info_footer.deposit {margin-top: 0px; background-color: #fff;}
.copied.deposit {position: fixed; left:50%; bottom:30%; transform:translateX(-50%); max-width: 335px;}

/* myasset > asset_main 자산탭 메인 페이지 */

/* 공통 */
.tab_menu.myasset{top:50px; height: 50px; z-index: 10;}
.tab_menu.myasset li{width: calc(100% / 3); height: 50px; padding:0; line-height:50px;}
.tab_menu.myasset li.active{border-bottom: 2px solid #000;}

/* 보유 자산 탭 */
.more_btn {cursor: pointer;}
.asset_summary {padding: 10px 20px; border-radius: 10px; background-color: #fff;box-shadow: 0px 1px 10px rgb(0 0 0 / 8%);}
.coin_list_box.myasset {border-top: 1px solid var(--line_v2);}
.coin_list_box.myasset label{padding: 0 20px; border-top:none;}
.coin_list_box.myasset .hidden_small{width: inherit; padding: 10px 10px 10px 20px;font-size: 14px;
  font-weight: 600;cursor: pointer; border-top:none;}
.select_box.myasset {width: 120px; margin: 0; margin-right: 20px;}
.select_box.myasset .select_btn {width: 120px; height: 36px; font-size: 14px; background-color: var(--inactive_v2); border-radius: 10px;}
.select_box.myasset .select_txt {width: 65%;}
.portfolio_box { margin-top: 20px; border-radius:10px; box-shadow: 0px 1px 10px rgb(0 0 0 / 8%);}
.tit_bar {height: 50px; padding:12px 20px; border-radius:10px; background-color: #fff; cursor: pointer;}
.tit_bar img, .asset_item .coin_txt+img{transform: rotate(0deg); transition:transform 200ms ease;}
.tit_bar.active {border-radius:10px 10px 0 0;}
.tit_bar.active img, .asset_item.active .coin_txt+img {transform: rotate(-180deg);}
.portfolio_cont {display: none; padding: 20px; background-color: #fff; border-top:1px solid var(--line_v2); border-radius:0 0 10px 10px;}
.coin_list.having_asset {padding:0 0 70px;}
.coin_list.having_asset li{border-bottom: none;}
.coin_list.myasset {padding: 0 10px 70px;}
.asset_item {padding: 14px 10px 14px 20px; cursor: pointer;}
.asset_info {display: none; padding: 15px 20px; background-color: var(--bg);}
.asset_btns li{width: calc(50% - 5px); height: 40px; margin-top: 14px; text-align: center; border-bottom:none;}
.asset_btns li a {display: block; width: 100%; height: 100%; padding: 10px 0; background-color: var(--inactive_v2); border-radius: 10px; font-size: 14px; font-weight: 600;}
.coin_list_line {display: block; width: calc(100% - 20px); margin: 0 auto; border-bottom: 1px solid var(--line_v2);}
.coin_txt > p:first-child {line-height: 1.4;}
.filter_bar {height: 57px;}

/* 포트폴리오 그래프 */
.portfolio_bar { width: 0; height: 10px; margin-top: 20px; background-color: #fff; transition: width 800ms ease;}
.portfolio_index {flex-wrap: wrap; padding:20px 20px 10px;}
.index_bar {position: relative; height: 10px;}
.index_bar.inactive {opacity:0.3;}
.index_item {width: calc(50% - 10px); margin-top: 15px;}
.index_mark {width:10px; height:10px; margin-right: 10px; border-radius:50%; background-color: var(--dark-gray);}
.index_item > p {width: calc(100% - 10px); font-size: 14px; font-weight: 600; font-family: 'montserrat';}
.index_item.inactive {opacity:0.3;}
.ratio_balloon {position: absolute; top:-26px; left:50%; transform: translateX(-50%); padding:2px 5px; background-color: #fff; border-radius: 5px; box-shadow:0px 3px 6px rgba(0,0,0,0.16); opacity:0; z-index:-1; transition: opacity 100ms ease, z-index 100ms ease;}
.ratio_balloon span {display: block; line-height: 20px;}
.ratio_balloon::after {content:""; position: absolute; left: 50%; top: 24px; transform: translateX(-50%); border-left: 5px solid rgba(255,255,255,0); border-right: 5px solid rgba(255,255,255,0); border-top: 5px solid #fff; border-radius: 5px;}
.ratio_balloon.active {opacity:1; z-index:1; transition: opacity 100ms ease, z-index 100ms ease;}

/* 보유 자산 탭 null */
.portfolio_null {width:100%; height:20px; margin-top:20px; background-color: var(--dark-gray);}
.list_null {width: 100%; height: calc(100vh - 586px); }

/* myasset > 거래내역 탭 */
.select_box.time_order {width: 95px; margin: 0; margin-right:20px;}
.select_box.time_order .select_btn, .select_box.myasset .select_btn{border-radius: 10px;}
.select_box.time_order .select_btn {font-size: 14px;}
.select_box.time_order .select_btn img {margin-left: 2px;}
.inquiry_period {padding: 0 10px; font-size: 14px; font-weight: 600;cursor: pointer;}

/* 조회/기간 설정 팝업창 */
.second_bg.view_active {display: block; z-index: 560;}
.pop_up.period {font-family: 'noto_sans';}
.pop_up.period.view_active {height:fit-content; z-index: 650;}
.pop_up.set_period.view_active {height: inherit; z-index: 210;}
.pop_up.period .pop_close_x, .pop_up.set_period .pop_close_x{top:15px; bottom:inherit;}
.deal_type {flex-wrap: wrap;}
.deal_type li, .period_type li{width: calc((100% - 20px) / 3); height: 40px; margin-bottom: 10px; background-color: var(--inactive_v2); border-radius: 5px; color:var(--dark-gray); font-size: 14px; font-weight: 600; text-align: center; line-height: 40px; cursor: pointer;}
.deal_type li.active, .period_type li.active {background-color: var(--dark-gray); color:#fff;}
.period_type li {width: calc((100% - 30px) / 4); }
.set_date_box {display: none;border-radius: 5px; }
.set_date {height: 40px; }
.set_date li{position: relative; width: calc(100% / 2 - 5px); border: 1px solid var(--light-gray); border-radius: 5px; text-align: center;cursor: pointer;}
.set_date li label{ position: relative; width: 100%; height: 40px; padding: 0 10px; }
.set_date li input{ position: absolute; top:0; left:0; width: 100%; height: 100%; padding:0 10px; background-color: rgba(255,255,255, 0); font-family: 'noto_sans'; font-size: 16px; font-weight: 600; color:#000; text-align: center; z-index:10; }
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button { display: none;}
input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; width: 100%; background: rgba(255,255,255,0); z-index: 1;}
.set_date li span {position: absolute; top:0px; right:10px; height: 40px; z-index: 5; line-height: 40px;}
.set_date li span img {margin-top: 8px;}
.date_picker {width: 45%;border: 1px solid var(--light-gray);border-radius: 5px;}
.date_picker input {border-radius: 5px;}

/* buy_detail/sell_detail 매수/매도 상세 내역 페이지 */
.detailed_request.detail p {line-height: 1.48;}

/* myasset > 미체결 탭 */
.select_box.cancel_order {width: 114px; margin: 0 20px 0 0; }
.select_box.cancel_order .select_btn { border-radius:10px; font-size: 14px;}
.filter_bar .order_type {width: inherit;}

/* 미체결 테이블 */
.not_conclude_table {width: 100%; max-width: 800px; margin-bottom: 70px; border-collapse: separate; border-spacing: 0;}
.table_header {position: sticky; left: 0; top: 100px;}
.table_header .order_type, .table_cont .order_type {width: 100%;}
.table_header .radio_img, .table_cont .radio_img {margin: 0 auto;}
.table_header tr th, .table_cont tr td{border-top: 1px solid var(--light-gray); border-bottom: 1px solid var(--light-gray); border-right: 1px solid var(--light-gray); font-size: 14px; font-weight: 400; text-align: center; }
.table_cont tr td {border-bottom: none;}
/* thead */
.table_header {background-color: #fff;}
.table_header tr:first-child th:nth-child(2), .table_header tr:first-child th:nth-child(3), .table_header tr:first-child th:nth-child(4){padding:8px 0; border-bottom: none;}
.table_header tr:last-child th {padding:8px 0; }
.table_header tr:nth-child(odd) th:last-child, .table_cont tr:nth-child(odd) td:last-child{border-right: none; }
/* tbody */
.table_cont tr td {border-color: var(--line_v2); cursor: pointer;}
.table_cont tr:nth-child(odd) td {border-top: none;}
.table_cont tr:nth-child(odd) td:nth-child(2), .table_cont tr:nth-child(odd) td:nth-child(3), .table_cont tr:nth-child(odd) td:nth-child(4),.table_cont tr:nth-child(even) td {padding:8px 0; }
.table_cont tr:nth-child(even) td, .table_cont tr:nth-child(odd) td:first-child, .table_cont tr:nth-child(odd) td:last-child{border-bottom: 1px solid #dbdbdb; }

/* 선택 주문 취소 팝업창 하단 여백 발생 조정 */
.pop_up.cancel {bottom: -4px;}

/* 22.08.01 user > leave 회원탈퇴 */
.bullet_icon.black {background-color: #000;}
.link_btn {display: block; padding-left: 10px; font-size: 14px; font-weight: 600; text-decoration: underline; color:#000AFF;}
.btn_box_no {padding: 0 20px;}
.gray_cont {padding: 20px; background-color: var(--bg); border-radius: 10px;}

/* 22.08.01 user > notice 공지사항 */
.notice_list {padding:0 20px 20px; border-top:1px solid var(--line_v2);}
.notice_item {padding: 20px 0; border-bottom: 1px solid var(--line_v2);}
.notice_item p:first-child {word-break: break-all;}
.btn_common.black {color:#000; font-size: 16px; font-weight:600; font-family: 'noto_sans';}

/* user > notice_detail 공지사항 */
.detail_txt_box {padding: 20px; font-size: 16px;border-top:1px solid var(--line_v2);}
.notice_img {width:89.33333333333333%; max-width: 760px; margin: 0 auto; object-fit: contain; object-position: center; }
.notice_img img {width: 100%;}

/*230110 신정운 회원 문의*/
.qna_list li { width: 100%;border-bottom: 1px solid var(--line_v2);}
/* .qna_title {width:100%; } */
.qna_list li a {display: block; width: 100%; padding: 20px 0;}
.flex_wrap {flex-wrap:wrap;}
.qna_imgbox {width:70px; height:70px; border-radius: 10px; border:1px solid var(--line_v2);  overflow: hidden;}
.qna_imgbox img {width:100%; height:100%; object-fit: cover; }
.ready_btn {display:flex; justify-content: flex-end; align-items: center; margin-top:12px;}
.ready_btn button:nth-child(1) {background-color: var(--orange); color:#fff;}
.ready_btn button:nth-child(2) {background-color: var(--active); color:#fff;}

.admin_answerno  {text-align: center; margin:20% 0; font-weight: 600; font-size:16px;}
.admin_answerbox {display:flex; align-items: center; justify-content: space-between; border-top:1px solid var(--line_v2); border-bottom:1px solid var(--line_v2); padding:10px 0; font-size:16px; font-weight: 600;}
.non_member {display:flex; align-items: center;}
.non_member p {font-weight: 600;}
.non_member a {text-decoration: underline; color:var(--blue); font-weight: 600;}
.inquiryinput {position: relative; padding:20px; border: 1px solid var(--light-gray); border-radius: 10px; transition: border-color 300ms ease;}
.inquiryinput.tit {padding:0; padding-right:26px;}
.area_textLengthWrap {position: absolute; top:50%; right:10px;  transform: translateY(-50%);   display: flex;flex-wrap: nowrap; -webkit-flex-wrap: nowrap; align-items: center; font-size: 12px; font-weight: 600;  color: var(--blue); background-color: #fff; }
.edit_area {white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.textarea_input {width: 100%; height: 200px; border: none; color: #000; font-size: 16px; font-weight: 600; caret-color: var(--orange); resize: none; outline: none; }
.answerinput {width: 100%; height: 50px; border: none; color: #000; font-size: 16px; font-weight: 600; caret-color: var(--orange); resize: none; outline: none;}
.textarea_input::placeholder {color:var(--light-gray); font-size: 16px; }
/* .textarea_input:focus {border-color: var(--orange);} */
.area_textLengthWrap_textarea {  position: absolute; bottom:8px; right:10px;  display: flex;flex-wrap: nowrap; -webkit-flex-wrap: nowrap; align-items: center; font-size: 12px; font-weight: 600;  color: var(--blue); background-color: #fff; }
.plusfile, .img_plus_box, .img_add_box {position: relative; text-align: center;width: calc(100% / 2 - 10px); height: 0; padding-bottom: 37.5%; margin-bottom: 10px; overflow: hidden; border-radius: 10px; border: 1px dashed var(--line_v2);}
.plus_label {position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor:pointer;}
.plus_label > input {display: none;}
.plusimgbox .noset_img {height: 50%; object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width:50px;}

.solid { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.create_img_close {position: absolute; right: 5px;top: 5px;  width: 20px; height: 20px; z-index: 2; background-color: transparent; cursor: pointer; background: url(../img/test/icon_img_close.svg)no-repeat;}
.img_add_box img {width: 100%;height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.detail_img { display:flex; justify-content: space-between; align-items: center;}
.agree_img { margin-top:10px; font-size:14px;}
.agree_img span { font-family: "montserrat"; font-weight: 600;}
.infoqba { color:var(--active); margin-top:20px; font-size:14px;}
.list_agree {font-size:14px;}
.telbox {width:100%; background-color:#f8f9fa; border-radius: 10px; text-align: center; font-size:16px; font-weight: 600; margin:12px 0; padding:10px;}
.telbox a {display:block;}

.services_title { width:90%;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size:14px; font-weight:600;}
.boxservices {display:flex; justify-content: space-between; align-items: center; margin:12px 0;}
.services_list {border-bottom:1px solid #d3d3d3; padding:10px 0;}
.noticeimg img {max-width:100%;}


/* 2023-01-11 정지훈 [비밀번호 재설정, 계정 찾기, 접속 관리, 개인지갑 주소 관리, 즐겨찾기 주소 관리]*/
.access_table{width:100%; font-size:14px; border-collapse:collapse; border-spacing:0; table-layout: fixed;}
.access_table th{background-color:#ccc; padding:8px 0;}
.access_table td{font-size:12px; text-align:center;}
.access_table tbody td{padding:4px 0;}

.wallet_search_box{width:100%; height:40px; padding:0 20px; position:relative; border-radius:10px; border:1px solid var(--light-gray);}
.wallet_search_box input{width:100%; height:100%;}
.wallet_search_box button{position:absolute; display:block; right:10px; top:50%; transform:translateY(-50%); background:none; cursor:pointer;}
.wallet_search_box button img{display:block;}

.wallet_management_list li{padding:12px 20px; margin-bottom:20px; border:1px solid #F1F1F1; border-radius:10px; position:relative; cursor:pointer; transition:all 0.3s;}
.wallet_management_list li:hover{box-shadow:0 0 6px rgba(0,0,0,0.3);}
.wallet_management_list li:last-child{margin-bottom:0px;}
.wallet_management_list li .ticker{display:flex; align-items:center; margin-bottom:6px;}
.wallet_management_list li .ticker img{width:30px; height:30px; padding:4px; margin-right:6px; border:1px solid var(--light-gray); border-radius:50%;}
.wallet_management_list li .ticker .text{font-size:16px; font-weight:800;}
.wallet_management_list li .coin{display:flex; align-items:center; margin-bottom:6px;}
.wallet_management_list li .coin img{width:30px; height:30px; margin-right:6px; border-radius:50%;}
.wallet_management_list li .coin .text{font-size:16px; font-weight:800;}
.wallet_management_list li .desc{font-size:14px; font-weight:400; word-break:break-all; margin-bottom:4px;}
.wallet_management_list li .desc i{font-size:14px; font-style:normal; color:#ccc; margin:0 2px; }
.wallet_management_list li .delete_btn{background:none; position:absolute; right:10px; top:12px; cursor:pointer;}

.check_word_length{position:absolute; right:20px; top:50%; transform:translateY(-50%); font-size:16px; font-weight:600; font-family:"montserrat"; color:#BEC8CF;}
.custom_terms_box{padding:13px 20px; border:1px solid #BEC8CF; border-radius:10px;}
.custom_terms_head{display:flex; justify-content:space-between; align-items:center;}
.custom_terms_head img{cursor:pointer;}
.custom_terms_body{display:none;}
.custom_terms_head.active ~ .custom_terms_body{display:block;}
.custom_checkbox_all{display:flex; align-items:center; cursor:pointer;}
.custom_checkbox_all .icon{display:inline-block; width:24px; height:24px; margin-right:10px; background:url('../../assets/img/layout/icon_checkbox_empty.svg') no-repeat center;}
.custom_checkbox_all input{display:none;}
.custom_checkbox_all input:checked + .icon{background-image:url("../../assets/img/layout/icon_checkbox_filled.svg")}
.custom_checkbox{display:flex; align-items:center; cursor:pointer;}
.custom_checkbox input{display:none;}
.custom_checkbox .icon{display:inline-block; width:24px; height:24px; margin-right:10px; background:url('../../assets/img/layout/icon_check_off.svg') no-repeat center;}
.custom_checkbox .text{font-size:14px; margin-right:6px;}
.custom_checkbox .link{flex:none; margin-left:auto; font-size:14px; color:#89949C; text-decoration:underline;}
.custom_checkbox input:checked + .icon{background-image:url("../../assets/img/layout/icon_check_on.svg")}

.wallet_btn{width:100%; height:72px; padding:20px; margin-bottom:10px; border:1px solid var(--line_v2); border-radius:10px; background-color:#FBFBFB; display:flex; align-items:center;}
.wallet_btn:last-child{margin-bottom:0px;}
.wallet_btn img{width:30px; height:30px; margin-right:10px;}
.wallet_btn .text{font-size:16px; font-weight:800;}

.tooltip_select_box{display:none; position:absolute; left:0; top:0; padding:20px 10px; border:1px solid var(--inactive_v2); border-radius:10px; background-color:#fff; box-shadow:0px 3px 15px rgb(0 0 0 / 6%); z-index:10;}
.tooltip_select_box.active{display:block;}
.tooltip_select_box ul{width:100%; max-height:180px; overflow-y:auto;}
.tooltip_select_box ul li{padding:8px 10px; font-size:14px; color:var(--dark-gray); cursor:pointer;}
.tooltip_select_box ul li:hover{color:#000;}
.tooltip_box input{cursor:pointer;}
.tooltip_box button{background:none; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.tooltip_box button img{display:block;}

/* 2023-01-17 정지훈 자주 묻는 질문 */
.faq_main_list{width:100%;}
.faq_main_list > li{border:1px solid #efefef; border-bottom:none;}
.faq_main_list > li:last-child{border-bottom:1px solid #efefef;}
.faq_list_button{width:100%; height:50px; padding:0 20px; text-align:left; font-size:16px; font-weight:600; color:var(--dark-gray); background-color:#fff; display:flex; justify-content:space-between; align-items:center; cursor:pointer;}
.faq_list_button:after{content:""; width:16px; height:16px; background-image:url("../../assets/img/layout/icon_arrow_bottom_gray.svg"); background-repeat:no-repeat; background-position:center; transition:all 0.3s;}
.faq_list_button.active:after{transform:rotate(-180deg);}
.faq_sub_list{display:none; padding:10px 20px; font-size:14px; font-weight:600;}
.faq_sub_list > li{padding:10px; margin-bottom:10px;}
.faq_sub_list > li:before{content:"Q. ";}
.faq_sub_list > li:last-child{margin-bottom:0px;}
.faq_title{border-bottom:1px solid var(--line_v2); padding:20px 0; font-size:16px; }


/* 2023.01.18 asset > asset_main 거래체결탭 checkbox */
/* 지정가/시장가/예약가 버튼 */
.order_type {width: calc(100% / 3); padding: 0 10px; font-size: 14px; font-weight: 600;cursor: pointer;}
.order_type input {position: absolute;  z-index: -1;}
.radio_img {display: block; width: 22px; height: 22px; background-image: url('/assets/img/contents/exchange/icon_checkbox_empty.svg'); background-position: center;}
.order_type input[type="radio"]:checked+.radio_img, .order_type input[type="checkbox"]:checked+.radio_img{background: url('../img/contents/exchange/icon_checkbox_filled.svg') center no-repeat;}


/* 23.01.10 exchange > trade 거래 매매페이지 */
/* 마켓/체인 변경리스트 */
.market_change_box {position:fixed; top:100px; left:50%; transform: translateX(-50%); width: 100%; max-width:800px; background-color: #fff; border-radius: 0 0 10px 10px; box-shadow:0 5px 10px rgb(0 0 0 / 8%); z-index: -1; opacity:0;}
.market_change_box.view_active {top: 50px; z-index: 150; opacity:1; transition:top 200ms ease, z-index 200ms ease, opacity 200ms ease;}
.market_tit {width: 100%; padding: 0 20px; border-bottom: 1px solid var(--line_v2);}
.market_tit > span {width: 50%; padding: 20px 0 10px; color:var(--dark-gray); font-weight: 600; font-size: 16px; text-align: center; cursor: pointer; border-bottom:2px solid #fff;}
.market_tit > span.active {color:#000; font-weight: 800; border-color:#000;}
.market_tit > span.active span.eng {font-weight: 700;}
.market_change_list{display: none;}
.market_change_list.active {display: block;}
.market_change_list li {height: 60px; margin: 0 20px; border-top: 1px solid var(--line_v2); cursor: pointer;}
.market_change_list li:first-child {border: none;}

/* 22.06.13 */
/* 주문탭 */
.tab_contents.order .asking_price_list {display: none;}
.tab_contents.order .order_tab_box .tab_form {display: flex}
.tab_contents.order .order_tab_box.history .tab_form {display: none}
.tab_contents.order .asking_price_btns > p {display: none;}
.tab_contents.order .collect_total_box {width:100%;}
/* 주문호가 실시간 거래량 */
.buy_sell_box {width: 37.33333333333333%;}
/* .buy_sell_list {position: relative; width: 100%; height: calc(100vh - 193.59px); height: calc(100svh - 182px ); overflow-y: auto; overflow-x:hidden;} */
.buy_sell_list {position: relative; width: 100%; height: calc(100svh - 159.59px ); overflow-y: auto; overflow-x:hidden;}
.buy_sell_box.stop_limits .buy_sell_list {height: calc(100vh - 180.95px);}
.buy_sell_list li {height: 38px; border-bottom: 1px solid #fff; cursor: pointer;}
.buy_sell_list li:last-child {border-bottom: none;}
.buy_sell_list li.current_price {border: 1px solid #000;}
.buy_sell_list li.sell { background-color: var(--sell);}
.buy_sell_list li.buy { background-color: var(--buy);}
.buy_sell_list .price {width: 64.28571428571429%; padding:0 10px; font-size: 14px; }
.realtime_deal_amount {position: relative; width: 35.71428571428571%; height: 100%;text-align: right;}
.order_amount {position: relative; line-height:38px; font-size: 12px; z-index: 10;}
.deal_amount_bar {position: absolute; top:0; left:0; height: 100%;z-index: 5;}
li.buy .deal_amount_bar {background-color: #f8d8d6; }
li.sell .deal_amount_bar {background-color: #cde0f6; }

/* order_tab_menu 매수/매도/거래내역 */
.order_tab_box {width: 62.66666666666667%;}
.order_tab_box.order .history_tab {display: none;}
.order_tab_box.order .approx_price {display: none;}
/* 375px width 기준 - (245px / 375px) * 100 = 65.33333333333333%*/
.order_tab_menu {width: 100%; height: 38px; }
.order_tab_menu li {position: relative; width: calc(100% / 3); height: 38px; padding-top: 8px; color:var(--dark-gray); font-size: 14px; font-weight: 600; background-color: var(--inactive_v2); text-align: center; cursor: pointer;}
.order_tab_menu li{ border-left:1px solid var(--light-gray); }
.order_tab_menu li.active {font-weight: 800; background-color: #fff; border-left:none;}
.order_tab_menu li.buy {border-left:none;}
.order_tab_menu li.buy.active {color: var(--tone-down-plus);}
.order_tab_menu li.buy.active + li.sell {border-left:none;}
.order_tab_menu li.sell.active {color: var(--tone-down-minus);}
.order_tab_menu li.sell.active + li.buy {border-left:none;}
.order_tab_menu li.sell.active + li.history {border: none;}
.order_tab_menu li.history.active {color:#000;}
.tab_form {display: flex; flex-direction: column; padding: 0 12px;}
.ratio_list > li {width: calc(25% - 10px); height: 30px; border-radius: 5px; background-color: var(--inactive_v2); font-size: 12px; text-align: center; cursor: pointer;}

/* 주문 가능금액 */
.balance {padding: 10px 12px; font-size: 14px; font-weight: 600;}

/* 주문 가격/ 수량 / 총액 입력 영역 */
.order_price input, .input_box input {width: calc(100% - 72px); height: 36px; padding-left: 10px; border:1px solid var(--light-gray); border-radius: 5px 0 0 5px; font-size: 12px; font-family: 'noto_sans'; font-weight: 600; caret-color: var(--orange); transition: border-color 300ms ease;}
.order_price.total input, .order_price.amount input {width: 100%; padding-right: 10px; border-radius: 5px; text-align: right; }
.order_price input::placeholder {font-size: 12px; font-weight: 600; color: #000; font-family: 'noto_sans';}
.order_price input:focus {border-color: var(--orange);}

/* 22.06.14~15 exchange > trade 모아보기/총액버튼 */
.collect_total_box {position: relative;}
.list_btn { height: 36px; font-size: 12px; font-weight: 600; background-color: var(--inactive_v2); text-align: center; line-height: 36px;}
.list_btn.collect{width:64.28571428571429%; min-width: 92px; border-right: 1px solid var(--light-gray);}
.list_btn.total{width:35.71428571428571%; min-width: 38px; }
.list_btn > span {display: block; width: 100%;height: 36px;cursor: pointer;}
.list_btn .select_scroll { height: unset; left:0; top:38px; overflow-y: inherit; padding-right: 0; line-height: initial;}
.select_scroll.total { top:38px;}
.list_btn .select_scroll.view_active {left:0; top:-262px;}
.list_btn .select_scroll.total.view_active {top:-78px;}
.select_scroll.asking_price li {padding: 10px; font-size: 12px; font-weight: 600;}
.asset_balance {border-bottom:1px solid var(--inactive_v2);}

/* 22.06.15 매수탭 > 시장가 */
.order_tab_box.buy .approx_price {display: none;}
.order_tab_box.buy .history_tab, .order_tab_box.sell .history_tab {display: none;}
.buy_tab.align .two_btn {order:2;}
.buy_tab.align .ratio {order:1; margin-bottom: 0;}
.buy_tab.align .total_price {order:0;}

/* 매도탭 */
.approx_price {padding-right: 10px; margin-top: -10px; font-size: 12px; font-weight: 600;}
.order_tab_box.sell .approx_price {display: flex;}
.order_tab_box.sell .buy_btn {background-color: var(--tone-down-minus);}

/* 주문탭 > 거래내역탭 */
.slide_bar {position: absolute; left:3px; top:3px; display: block; width: 50%; height: 24px; background-color: #fff; border-radius: 5px; z-index: 10;}
.order_tab_box.history .history_tab {display: flex;}
.order_tab_box.history .balance, .order_tab_box.history .approx_price, .order_tab_box.history .order_type_box, .order_tab_box.history .tab_form, .order_tab_box.history .tab_common {display: none;}
.history_tab {position: relative; display: flex; flex-direction: column; padding: 10px 12px 0 12px; }
.top_list {width: 100%; height: 30px; padding:3px; border-radius: 5px; background-color: var(--inactive_v2);}
.top_list li{position: relative; width: 50%; height: 24px; color:var(--dark-gray); font-size: 14px; font-weight: 600; border-radius: 5px; text-align: center; cursor: pointer; z-index: 20;}
.top_list li.active{font-weight: 800;color:#000; }
.tit_txt p:last-child {cursor: pointer;}
.history_list {height: calc(100vh - 335.98px); overflow-y: auto;}
.history_list::-webkit-scrollbar {display: none;}
.history_list.concluded {height: calc(100vh - 315.98px);}
.history_list li {cursor: pointer;}
.history_tab .divide_horizon_bottom {border-color:var(--inactive_v2);}
.history_tab .order_type {width: 100%; padding: 0; padding-bottom: 5px;}
.history_tab .two_btn {position: sticky; left:0; bottom:0; width: 100%; padding:10px 0; background-color: #fff;}
.two_btn .half {width: calc(100% / 2 - 2.5px);}
.select_box.history {width: unset;}

.select_box.history .select_scroll {position: absolute; top:26px; left:unset; right:0; width: 104px; height: unset; z-index: 20; padding-right: 0;}
.select_box.history .select_scroll li{padding: 10px 0; font-size: 12px; font-weight: 600; text-align: center;}
.select_box.history .select_btn {height: unset; background-color: #fff;}
.history_null {line-height: calc(100vh - 335.98px); text-align: center;}
.conclude_checkbox {margin-right: 3px;}
.history_list > li.checked .order_type .radio_img, .pending_item.checked .radio_img {background: url(../img/contents/exchange/icon_checkbox_filled.svg) center no-repeat;}

/* 22.06.16 호가 탭 asking_price */
.tab_contents.asking_price .asking_price_list {display: block; min-height: calc(100svh - 157.59px); padding-bottom:36px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;}
.tab_contents.asking_price .asking_price_list::-webkit-scrollbar {display: none;}
.tab_contents.asking_price .order_tab_box{display: none;}
.tab_contents.asking_price .history_tab{display: none;}
.tab_contents.asking_price .buy_sell_box{width: 100%;}
.buy_sell_box .asking_price_btns > p {display: none;}
.asking_price_list{width:100%;}
.tab_contents.asking_price .buy_sell_list{display: none;}
.sell_list, .buy_list{width:calc(100% / 3 * 2);}
.sell_list li > p, .buy_list li > p {border-left: 1px solid #fff; border-right: 1px solid #fff;}
.asking_price_list .realtime_deal_amount {width: 50%; border-bottom: 1px solid #fff;}
.asking_price_list .price {width: 50%; height: 38px; padding: 10px; border-bottom: 1px solid #fff;}
.asking_price_list .price.plus{color:var(--plus);}
.asking_price_list .price.minus{color:var(--minus);}
.asking_price_list .price > span {width: 50%; text-align: center;}
.tab_contents.asking_price .asking_price_btns > p {display: block;}
.sell_list li {height: 38px; background-color: var(--sell); }
.buy_list li {height: 38px; background-color: var(--buy); }
.buy_list li:last-child {border: none;}
.sell_list .deal_amount_bar {right:0; left: unset;}
.figure_txt {width: calc(100% / 3); flex: none;padding: 10px; margin-top: auto;margin-left: auto;margin-right: auto;text-align: right;}
.figure_txt.concluded {margin-bottom: auto; margin-top: unset;}
.figure_txt .divide_horizon_bottom {border-color: var(--line_v2);}
.tab_contents.asking_price .collect_total_box {width:calc(100% / 3);}
.tab_contents.asking_price .asking_price_btns > p {width:calc(100% / 3);}
.tab_contents.asking_price .asking_price_btns > p:first-child {border-right: 1px solid #fff;}
.tab_contents.asking_price .asking_price_btns > p:last-child {border-left: 1px solid #fff;}
.asking_price_list .current_price > p {border: 1px solid #000;}
.tab_contents.asking_price .asking_price_btns {position: fixed; left:50%; bottom: 0; transform: translateX(-50%); width: 100%; max-width: 480px; z-index: 150;}
.tab_contents.asking_price .buy_list .realtime_deal_amount {text-align: left; padding-left:5px;}
/*###########################################################################################*/
/* 22.06.20 차트 탭 chart : JJH */
.tab_contents .candle_chart {display: none;}
.tab_contents.chart .candle_chart {display: block;}
.tab_contents.chart .buy_sell_box {display: none;}
.tab_contents.chart .order_tab_box {display: none;}

/* 22.06.20 시세 탭 market_price : JJH */
.tab_contents .market_price_table {display: none;}
.tab_contents.market_price .market_price_table {display: block;}
.tab_contents.market_price .buy_sell_box {display: none;}
.tab_contents.market_price .order_tab_box {display: none;}

.filtering_box {position:sticky; left:0; top:157px; width: 100%; background-color: #fff; z-index: 100;}
.filtering_box_top_info{top:180px;}
.filtering_wrap{position: relative; display:flex; justify-content:center; align-items:center; width: 146px; padding:12px 0; margin: 0 auto; }
.filtering_tab{width: 100%; display:flex; padding:3px; border-radius:5px; background-color:var(--inactive_v2);}
.filtering_tab li{position: relative; width: 50%; padding:2px 0; border-radius:5px; font-size:14px; font-weight:800; color:var(--dark-gray); text-align: center; cursor:pointer; z-index: 20;}
.filtering_tab .active{ color:#000;}
.filtering_wrap .slide_bar {top:15px; width: 70px;}
.market_price_table table {width:100%; border-collapse: separate;
  border-spacing: 0;}
.market_price_table table thead{ position: sticky; left: 0; top: 214px; }
/* .market_price_table table thead{ position: sticky; left: 0; top: 234px; } */
.market_price_table table thead tr th {padding:5px;border-top: 1px solid var(--line_v2); border-right:1px solid var(--line_v2); font-size:14px; font-weight:400;border-bottom: 1px solid var(--line_v2); background: #fff;}
.market_price_table table thead tr th:last-child {border-right:none;}
.market_price_table table tbody tr td {padding:10px; border-bottom:1px solid var(--line_v2); border-right:1px solid var(--line_v2); font-size:14px; font-weight:400;}
.market_price_table table tbody tr td:last-child {border-right:none;}
.market_price_table table tbody tr td:first-child{text-align:center;}
.market_price_table table tbody tr td:not(:first-child){text-align:right;}

.daily_table{display:none;}
.daily_table tbody tr td:nth-child(3){display:flex; flex-direction:column;}
.daily_table tbody tr td:nth-child(3) .amount{font-size:12px;}

/* 22.06.20 정보 탭 info : JJH */
.tab_contents .info_content {display: none;}
.tab_contents.info .info_content {display: block;}
.tab_contents.info .buy_sell_box {display: none;}
.tab_contents.info .order_tab_box {display: none;}
.coin_introduce, .twitter {background-color: var(--bg);}
.info_content .filtering_box { border-bottom: 1px solid var(--line_v2);}
.info_section{padding:20px; margin-bottom: 10px; background-color: #fff;}
.info_footer{padding:20px; margin-top: -10px; background-color:var(--bg);}
.info_coin_name{padding:20px; padding-bottom:0; font-size:16px; font-weight:800; background-color: #fff;}
.info_coin_name p {padding-bottom: 20px; border-bottom: 1px solid var(--line_v2);}
.info_coin_name img {width: 48px; border:1px solid var(--line_v2); border-radius:50%;}

.info_list{padding:20px 10px 10px; margin-bottom:10px; }
.info_list li{display:flex; margin-bottom:20px;}
.info_list li a{text-decoration:underline;}
.info_list li:last-child{margin-bottom:0px;}
.info_list .list_title{flex:none; width:74px; margin-right:20px; font-size:14px; font-weight:600;}
.info_list .list_content{font-size:14px; font-weight:400;}

.twitter{display:none;}

/* 23.01.13 키패드 */
/* keypad */
.keypad_box{display:grid; grid-template-columns:repeat(3,1fr);}
.keypad_box button{width:100%; height:78px; background-color:#fff; border-radius:unset; padding:0; font-size:26px; display:flex; justify-content:center; align-items:center; color:#000;}

/* 모바일 모드에서만 활성화 */
/* 22.06.21 키패드 영역 */
.pop_up.keypad {position: fixed; top:unset; left:50%; bottom:-100px; transform: translateX(-50%); width: 100%; max-width: 480px; height: inherit; background-color: #fff; border-radius: 10px 10px 0 0;transition: bottom 200ms ease; box-shadow: 0 0
  5px 1px rgba(0,0,0,0.1);}
.pop_up.keypad.view_active {bottom:0;transition: bottom 200ms ease;}
.pop_up.keypad .divide_horizon_bottom{border-color:var(--line_v2);}
.pop_up.keypad h3 {padding: 10px 10px 10px 20px;}
.pop_up.keypad .pop_close_x {position:static;}
.pop_up.keypad .txt_cont {padding: 0;}

/* 2023.01.18 asset > asset_main 거래체결탭 checkbox */
/* 지정가/시장가/예약가 버튼 */
.order_type {width: calc(100% / 3); padding: 0 6px; font-size: 14px; font-weight: 600;cursor: pointer;}
.order_type input {position: absolute;  z-index: -1;}
.radio_img {display: block; width: 22px; height: 22px; background-image: url('../img/contents/exchange/icon_checkbox_empty.svg'); background-position: center;}
.order_type input[type="radio"]:checked+.radio_img, .order_type input[type="checkbox"]:checked+.radio_img{background: url('../img/contents/exchange/icon_checkbox_filled.svg') center no-repeat;}

/* 2023.01.19 exchange > trade 현재호가 표시 */
.buy_sell_list li.current_price, .buy_list li.current_price > p, .sell_list li.current_price > p, .order_book { animation: current_price linear 500ms infinite;}
@keyframes current_price {
  from {border:1px solid #000;}
  to {border:1px solid rgba(255,255,255,0);}
}

/* 2023.01.20 exchange > trade 유의종목 표시 */
.caution_alert {position: relative; padding:2px 5px; color: var(--active); background-color: #ffcdd7; border-radius: 5px; font-size: 12px; cursor: pointer;}
.caution_txt {position: absolute; top:130%; right:0; width:200px; padding:5px; border-radius: 5px; font-size: 12px; background-color: #fff; border:1px solid var(--active); text-align: justify; }

/* 23.01.25 exchange > trade 마켓리스트 - 토큰 이미지 */
.icon_coin img {width: 12px; height: 12px;}

/* asset > withdraw_detail - 출금상세내역 거래상태 실패/거절 */
.transfer_complete.fail {color:#ff0000; background-color: #fecccc;}

/* asset > asset_main 토큰 이미지 */
.asset_item .icon_coin img, .market_change_list .icon_coin img {width: 42px; height: 42px; border:1px solid var(--line_v2); border-radius:50%;}

/* services > apply_lift 제한해제 신청 페이지 */
.lift_btn { padding: 6px 10px; background-color:var(--active); border-radius:15px; font-size:14px; color:#fff;}
.services_list:last-child {border-bottom: none;}

/* 23.02.01 exchange > trade 지정가/시장가/예약가탭 선택에 따른 탭 내용 순서 */
/* default - 지정가탭 */
.order_tab_box .tab_form .limits {order: 1;}
.order_tab_box .tab_form .amount {order: 2;}
.order_tab_box .tab_form .ratio_list {order: 3;}
.order_tab_box .tab_form .total_price {order: 4;}
.order_tab_box .tab_form .fee_box {order: 5;}
.order_tab_box .tab_form .two_btn {order: 6;}

/* 시장가탭 */
.order_tab_box.buy .tab_form.market .total_price {order: 1;}
.order_tab_box.buy .tab_form.market .ratio_list {order: 2; margin-top: 10px; padding-bottom: 10px;}
.order_tab_box.buy .tab_form.market .two_btn {order: 3;}
.order_tab_box.sell .tab_form.market .amount {order: 1; padding-top: 0px;}
.order_tab_box.sell .tab_form.market .ratio_list {order: 2; padding-bottom: 10px;}
.order_tab_box.sell .tab_form.market .two_btn {order: 3;}



.cust_scroll_list > ul.ullist {
  font-size:14px;
}

.cust_scroll_list > ul.ullist li {
  cursor:pointer;
}

/* 23.02.14 호가창 숫자 텍스트 색상 변경 */
.buy_sell_list .price.minus {color: #004AFF;}
.buy_sell_list .price.plus {color: #FF001B;}

/* 23.02.15 chart 그래프 사이즈 조정 */
/* .tv-lightweight-charts {overflow-x: auto!important; overflow-y:scroll!important; width:100%!important; max-width:800px!important;} */
.tv-lightweight-charts::-webkit-scrollbar {display:block; width: 10px;}
.tv-lightweight-charts::-webkit-scrollbar-thumb { background: #a9a9a9; border-radius:10px; }
.tv-lightweight-charts::-webkit-scrollbar-track {background-color: var(--line_v2);  border-radius:10px;}
.notice_title {padding:20px 0;}
.txt_word {  word-break: break-all;}
.importbox {background-color: var(--orange); border-radius: 16px; width:44px; display: inline-block; text-align: center; color:#fff; font-size:14px; padding:2px 0; margin-right:4px;}

.popup_idx {
  display:none;
}


/* 2023-03-02 정지훈 매수매도 위쪽 정보창 추가 */
.trade_top_info_box{display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%; max-width:364px;}
.trade_top_info_group{width:100%; display:flex; flex-direction:column;}
.trade_top_info_data{display:flex; flex-direction:column; width:100%;}
.trade_top_info_data:first-child{border-bottom:1px solid var(--line_v2); margin-bottom:4px; padding-bottom:4px;}
.info_data_title{font-size:10px;}
.info_data_content{font-size:10px;}
.info_data_unit{margin-left:2px; color:var(--dark-gray); font-family:"montserrat";}
.tab_menu_asking_price{top:144px; box-shadow:1px 1px 1px #fff, -1px -1px 1px #fff;}

/* 이용약관 및 개인정보 처리방침 추가 : 남보라 23.04.05 */
.policy_underline { text-decoration: underline; text-underline-offset:4px;}
.policy_table_01 { width: calc(100% - 40px); margin: 0 0 20px 20px; font-size: 14px; word-break: break-all; }
.policy_table_01, .policy_table_01 tr,.policy_table_01 th,.policy_table_01 td { border:1px solid #000; border-collapse:collapse; vertical-align: top; padding:5px;}
.policy_table_01 > thead > tr > td { width:50%; }

.policy_table_02 { width: calc(100% - 60px); margin: 0 0 20px 30px; font-size: 14px; word-break: break-all; }
.policy_table_02, .policy_table_02 tr,.policy_table_02 th,.policy_table_02 td { border:1px solid #000; border-collapse:collapse; vertical-align: top; padding:5px;}
.policy_table_02 > thead > tr > td { width:25%; }
.policy_table_02 > thead > tr > td:nth-child(2) { width:50%; }

.policy_table_03 { width: calc(100% - 60px); margin: 0 0 20px 30px; font-size: 14px; word-break: break-all; }
.policy_table_03, .policy_table_03 tr,.policy_table_03 th,.policy_table_03 td { border:1px solid #000; border-collapse:collapse; vertical-align: top; padding:5px;}
.policy_table_03 > thead > tr > td { width:40%; }
.policy_table_03 > thead > tr > td:nth-child(2) { width:45%; }
.policy_table_03 > thead > tr > td:nth-child(3) { width:15%; }

.service_terms p,.service_terms h3 { word-break: break-all; }

/* 23.07.03 로그인 페이지 스크롤 생기는 오류 수정 */
.contents_cont.login {max-width: 800px; min-width: 280px; margin: 0 auto; padding-top: 50px;}

/* 타라 수수료 관련 툴팁-23.03.24 추가 -NJH */
.tara_fee {position: relative;}
.tara_fee .tooltip_txt {z-index: -1; opacity: 0; display:none;}
.tara_fee .tooltip_txt.active {z-index: 100; opacity: 1; transition: 200ms ease; display:block;}
.tooltip_txt {position: absolute; left:0; top:22px; width: 200px; padding: 5px;border-radius: 5px;font-size: 12px;background-color: #fff;border: 1px solid var(--line_v2);text-align: justify;}
.tooltip_icon {width: 18px; height: 18px; margin-bottom: -2px;}


/*230322 가이드 : 신정운*/
.guide_tab_container {width: 100%;height: 50px;}
.guide_tab_box {position: fixed; left: 50%; transform: translateX(-50%); width: 100%;max-width: 800px;background: #fff; z-index: 33; }
.guide_tab { width: 100%;text-align: center;padding: 24px 0 14px;border-bottom: 2px solid #f1f1f1;cursor: pointer; font-size: 16px; font-weight: 500;color: var(--dark_gray);}
.g_active {border-bottom: 2px solid var(--orange); color: var(--orange); font-weight: 700;}
.accor_tit {cursor: pointer;font-weight: 700; height: 60px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd;}
.accor_tit > span {font-size: 16px;}
.accor_cont {display: none; padding: 20px; border-bottom: 1px solid #f1f1f1;}
.accor_tit.active+.accor_cont {display: block;}
.accor_txt {  font-size: 16px;font-weight: 500; word-break: keep-all; line-height: 30px;}
.img video, .img img { width: 100%; height: 100%;}
.img { position: relative; width: 100%; max-width: 500px; margin: 20px auto;  display: block; border: 1px solid #F1F1F1;}
.accor_tit.active .arrow {transform: rotate(180deg);}
.cms_guidelink {width:100%; text-align: center; margin-top:40px; font-size:20px; padding-bottom:10px; }
.cms_guidelink a {color:#3E79F7; text-decoration: underline;}

/*230725 mypage > user_guide padding*/
.user_cont.guide {padding-left:0; padding-right:0;}




/*240123 신규 작업 - 신정운 (파일 생성자 : 한만규님)*/
/* header_wrap */
.header { width: 101%; height: 50px; position: fixed !important; top: 0; z-index: 1060; background-color: var(--white); position: relative; transition: 500ms; border-bottom:1px solid var(--line_gray);}
/* 헤더 애니메이션 */
.header.active{background-color: var(--black);border-bottom: 1px solid var(--line_header);transition: 500ms;}
.header.active a{color: var(--white); transition: 500ms;}
.header_img { width: 122px; height: 20px; margin-right: 65px; cursor: pointer; }
.header_img img { object-fit: contain; }
.header_wrap { width: 100%; max-width: 1400px; margin: 0 auto; height: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.header_wrap { font-size: 16px; font-weight: 600; }
.header_menu { display: flex; }
.header_menu li { cursor: pointer; transition: 500ms;  }
.header_menu li a {font-family: "montserrat"; font-weight: 600; padding: 14px 30px; }
.header_button_wrap button:nth-child(1) { border: 1px solid var(--line_gray); border-radius: 5px; color: var(--black); background-color: var(--gray); margin-right: 10px; height: 36px; width:78px; font-size:14px; font-family: "montserrat"; font-weight: 600;}
.header_button_wrap button:nth-child(2) { background-color: var(--main); border-radius: 5px; color: var(--white); height: 36px; font-family: "montserrat"; font-weight: 600; width:92px; font-size: 14px;}
.m_header_button_wrap { height: 100%; width: 50px; display: none; position: absolute; right: 13px; }
.m_header_button_wrap a { width: 100%; height: 100%; cursor: pointer; display: flex; justify-content: center; align-items: center; }
.m_header_button_wrap a img { object-fit: contain; width: 18px; height: 19px; }

/*로그인 후*/
.mypage_header {background-color: var(--white); display: flex; align-items: center; border: 1px solid var(--line_gray); border-radius: 5px; color: var(--black); background-color: var(--gray); margin-right: 10px; height: 36px; width:auto; font-size:14px; font-family: "montserrat"; font-weight: 600; padding:0 10px; cursor:pointer;}
.mypage_header span {padding-left:6px;}
.login_headerwrap {display: flex; align-items: center;}
.login_headerwrap button:nth-child(2) {background-color: transparent; color:var(--black);}
.header.active .login_headerwrap button:nth-child(2) {color:var(--white);}


/* 메인 카드 */
.main_card { width: 100%; height: 676px; background-color: var(--black); position: relative; overflow: hidden; }
.main_card > div { display: flex; justify-content: center; align-items: center; padding: 0 20px; margin-top: 60px; }
.main_card ul li { font-size: 56px; font-weight: 800; color: var(--white); }
.main_card ul li:nth-child(4) { font-size: 20px; color: var(--dark); font-weight: 400; }
.main_card ul li:nth-child(5) { font-size: 20px; color: var(--dark); font-weight: 400; }
.main_card a img { object-fit: fill; }
.main_card_img img { width: 100%; max-width: 800px; height: 580px; object-fit: contain; }
.main_marquee { width: 100%; height: 36px; background-color: var(--orange); position: absolute; bottom: 0; }
.volumdownimgbox img {display: block;}


/* 배너카드 */
.banner_swiper {width:90%;}
.banner_wrap {  width: 100%; max-width: 1200px; margin: 0 auto;}
.banner_wrap a { cursor: pointer; }
.banner_warp_bg{width: 100%; height:100%; background-color: var(--white);}
.banner_card { margin-top: 16px; height: 141px; display: flex; overflow: hidden; width: 100%; position: relative; }
.banner_card ul {  width: 100%; height: 100%;}
.banner_card_con { width: 282px; height: 100%; border-radius: 16px; overflow: hidden;}
/* .banner_card_con { border-radius: 16px; aspect-ratio: 3 / 1; min-height: 80px; max-height: 150px; width:100%; } */
.banner_card_con a { width: 100%; height: 100%; display: inline-block;  text-align: center;}
.banner_card_con a img{ height: 100%; object-fit: fill;  border-radius: 16px;  }

.banner_card .main_card { width: 100%; max-width: 282px; min-height: 141px; background:var(--black); border-radius: 16px; }
.swiper-pagination1{ position: absolute; left: 50%; transform: translateX(-50%); margin-top: 10px;}
.swiper-pagination-bullet{margin-left: 4px; background-color: var(--bullet) !important; transition: 500ms;}
.swiper-pagination-bullet-active{ background-color: var(--bullet_active) !important; width: 24px !important; border-radius: 15px !important;}
.view_more_btn a img{ width: 24px; height: 24px; display: block;}
.view_more_btn {width:max-content;}
.notice_line { height: 24px; width: 100%; }
.notice_vertical { margin-left: 10px; width:calc(100% - 20px);}
.notice_vertical .height100 {height:100%;}
.notice_vertical span {font-size:16px; font-weight: 600; margin-right:4px; min-width:82px;}
.notice_vertical img { object-fit: cover; width: 100%; height: 100%; }
.notice_vertical p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 커런시스 */
.currencies_wrap { width:100%; max-width:1200px; margin:80px auto 0; }
.currencies_wrap_bg{ background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(247,248,250,1) 100%);}
.currencies_table_wrap table { width: 100%; word-wrap:break-word;word-break:break-all;}
.currencies_table { width: 100%; background-color: var(--white); border: 1px solid var(--line_v2); border-radius: 20px; padding:34px 0; }
.currencies_title {margin-bottom:40px; padding:0 24px;}
.currencies_table th {font-size:14px; color:#87909F; text-align: left;}

.currencies_table tbody td {height:64px; word-break: break-all;}
.currencies_table .pair_title_row th {margin-bottom:24px;}
.currencies_table .pair_title_row span {display: inline-block; margin-bottom:24px;}
.currencies_table .pair_row p {word-break:break-all;}
.currencies_table table th:nth-child(1) { width: 453px; word-break:break-all;}
.currencies_table table th:nth-child(2) {width: 227px;  word-break:break-all;}
.currencies_table table th:nth-child(3) {width:196px; word-break:break-all;}
.currencies_table table th:nth-child(4) {width:196px; word-break:break-all;}
.currencies_table table th:first-child, .currencies_table table td:first-child {padding-left:24px;}
.currencies_table table th:last-child, .currencies_table table td:last-child {padding-right:24px;}
.coin_namebox {display: flex; align-items: center; word-break: break-all; flex-wrap:wrap; white-space:nowrap}
.coin_namebox .m_dnone {margin-left:10px;}
.currencies_table .pair_row a {width:76px; border-radius: 16px; background: var(--white); border:1px solid var(--line_v2); padding:6px 14px; display: inline-block;}

.currencies_btn { width: 100%; border: 1px; display: flex; justify-content: center; }
.currencies_btn a { padding: 15px 35px; margin: 40px 0 80px 0; border-radius: 50px; background-color: var(--main); color: var(--white); font-size: 16px; font-weight: bold; cursor: pointer; }
.mobiletxt {display: none;}
/* 테이블 */
/* .pair_row{ padding: 20px; } */
/* .pair_row td { height: 64px; } */
.pair_row td p { font-weight: 600; font-size: 16px; }
/* .pair_row { height: 64px; width: 1200px; } */
/* .pair_row a { padding: 7px 15px; border: 1px solid var(--line_v2); border-radius: 30px; cursor: pointer; } */
/* .pair_row:hover { background-color: var(--gray);  } */
.pair_row:hover { background-color: var(--gray);  }
.pair_trending { width: 24px; height: 24px; }
.pair_trending img { object-fit: contain; width:100%; height:100%; }
.pair_img { width: 32px; height: 32px; }
.pair_img img { object-fit: contain; max-width:100%; }

/* */
 .features_wrap { width:calc(100% - 80px); margin:80px auto 0 ; background-color: var(--bg_blue); border-radius: 40px; padding:80px 0; max-width:1840px; }
 .features_title { font-size: 56px; font-weight: 800; color: var(--white); text-align: center; margin-bottom:60px;}
 .features_title span, .main_card_btnwrap li:nth-child(3) { background: linear-gradient(to left top, #FF3100, #FF8300); color: transparent; -webkit-background-clip: text; }
 .features_box {width:100%; max-width:1400px; margin:0 auto; }
 .features_img_wrap  { width: 100%; max-width: 300px; margin:0 auto; }
 .features_img_wrapbox {display: flex; justify-content: space-between; align-items: center;}
 .features_img_wrapbox img { width: 100%; height: 100%; object-fit: cover; max-width:100%;  display: block; min-width:300px; min-height:300px;}
 .whychoosebox {text-align: center; max-width:384px;}
 .whychoose_title {margin:2px 0 16px; min-height: 24px;}
/* .features_card { width: 100%;    margin: 0 auto; border-radius: 40px; padding:80px 0;  } */

/* .features_wrap { width: 100%;  background-color: var(--white); padding: 0 40px; background-color: #fff; margin-top: 80px; }
.features_card { max-width: 1840px; width: 100%;   background-color: var(--bg_blue); margin: 0 auto; border-radius: 40px; padding:80px 0;  }
.features_title { display: flex; justify-content: center;}


.features_box { margin: 0 auto; transition: 500ms; margin-top: 60px; width: 100%; aspect-ratio: 3 / 1; max-width: 1400px; text-align: center; display: flex; justify-content: center; gap: 9%; align-items: center}
.features_box > div { aspect-ratio: 1 / 1; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 384px;}
.features_card_txt { width: 100%; max-width: 384px; transition: 500ms;} */

/* 스타티드 영역 */
.started_wrap_box { width: 100%; background-color: var(--white); }
.started_wrap { width: 100%; max-width: 1200px; margin: 160px auto; align-items: flex-start;}
.started_btn { max-height: 48px; display: flex; margin-top: 40px; }
.started_btn a{ padding: 15px 36px; background-color: var(--main); color: var(--white); font-weight: bold; cursor: pointer; font-size: 16px; border-radius: 24px; text-align: center;}
.started_wrap > div:nth-child(1) { width: 100%; max-width: 423px; }
.started_wrap > div:nth-child(2) { width: 100%; max-width: 690px;  }
.started_sub div:nth-child(2) p {margin-left:10px;}
.started_sub { display: flex; flex-direction: column; gap: 20px; width: 100%; }
.started_sub > div { background-color: var(--inactive_v2); border-radius: 20px;  width: 100%; padding:34px 40px;  }
.started_sub p { font-size: 20px; }

/* 하단 다운로드 영역 */
/* .appdown_wrap { width: 100%; background-color: var(--black); display: flex; flex-direction: column; align-items: center; overflow: hidden; padding-top:80px; } */
.appdown_wrap { width: 100%; background-color: var(--black);}
.appdown_boxwrap {width:100%; max-width:1200px; margin:0 auto; padding-top:80px;}
.appdown_title { font-size: 56px; font-weight: 800; color: var(--white); text-align: center;}
.appdown_stitle { font-size:20px; color:var(--dark); font-weight: 400; text-align: center; margin:40px 0 20px;}
.appdownboxwrap {width:100%; margin:0 auto;}
.appdownboxwrap a {display: inline-block;}
.appdownbox {display: flex; align-items:center; justify-content: center;; gap:80px;}
.appdown_boxwrap_sub {width:100%; max-width:800px; margin:0 auto;}
.appdownbox a {display: flex; align-items: center;}
.appdownbox img {display: block;}
.appdownbox span {font-size:20px; color:var(--white); font-weight: 600; padding-left:10px;}
.appdown_imgcard img { width:100%; height: 400px; object-fit: contain; display: block;}
.appdown_btnwrap {padding:0 108px;}
.appdown_btnwrap a { padding: 15px 36px; background-color: var(--main); border-radius: 24px; color: var(--white); font-weight: bold; font-size: 16px; cursor: pointer; } */
.appdown_imgcard {  bottom: 0; }
.appdown_sub { height: 400px; display: flex; align-items: center; }
.userlink {width:100%; max-width:180px; margin-top:20px; }
.userlink a {background-color: var(--main); border-radius: 24px; padding:14px 36px; width:100%; height:100%; display: inline-block; text-align: center;}
 .headerlinkactive a { color:#FF8300;}
 .nosvh {min-height:unset;}
 .malicontact a {font-size:15px; color:var(--ft_gray); font-weight: 600; display: inline-block; width:100%; height:100%;}


/* 푸터 */
.footer_logo { width: 122px; height: 20px;}
.footer {background-color: var(--inactive_v2); }
.footer_wrap {width:100%; max-width:1200px; margin:0 auto; padding:60px 0; }
.footer_content {display: flex; justify-content: space-between; align-items: flex-start;}
.footer p { color: var(--ft_gray); font-size: 15px; }
.footer table th { font-size: 15px; font-weight: 600; text-align: center; max-width:91px; min-width:91px; width:91px; }
.footer table th a { color: var(--ft_gray); display: inline-block;  }
.footer table th:last-child a {margin-right:0;}
.footer table td { color: var(--ft_gray); }
/* .footer > div { width: 100%; display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto; } */
.footer li:nth-child(2) { margin-top: 39px; }
.footer li:nth-child(4) { margin-top: 16px; }
.footer li:nth-child(6) { margin-top: 16px; }
.footer li:nth-child(7) { margin-top: 50px; }
.footer_menu {display: flex; flex-direction: column; align-items: flex-end; padding-top:58px;}
.footer_icon_wrap { display: flex; justify-content: flex-start; width: 100%; gap:10px; padding-left:20px; }
.footer_icon_wrap a { width: 36px; height: 36px; cursor: pointer;  }
.footer_icon_wrap a img{ object-fit: contain;}
.copyrightbox {width:100%; max-width:460px; height:160px;}
.footer_menu  {width:100%; max-width:476px; height:160px;}
.footer_linkbox {width:100%; height:70px;}
.footer_linkbox table {width:100%; margin-bottom:30px; }
.footer_linkbox table th a {display: inline-block; width:100%;}
/* 마키 부분 */
.marquee { display: flex; overflow: hidden; }
.marquee.reverse { flex-direction: row-reverse; }
.marquee .marquee-text { margin: 0; padding: 0.5em; font-weight: bold; white-space: nowrap; display: flex; }
.marquee-text p { margin-left: 40px; color: var(--white); }
.marquee-text p span { color: var(--white); }

/* 모바일 푸터 */
.m_footer { display: none; width: 100%; height: 70px; position: fixed; bottom: 0; background-color: var(--white ); padding: 0 20px; z-index: 1100; }
.bottom_tab_safe_area ul { display: flex; gap: 10px; }
.bottom_tab_safe_area li { height: 70px; flex: 1; }
.bottom_tab_safe_area li a { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; }
.icon { width: 32px; height: 32px; }
.icon img { object-fit: contain; }
.text { width: 100%; text-align: center; color: var(--ft_gray); font-weight: 600; }
.text.active { color: var(--main); }


.new_index { font-family: "montserrat"; color: #000;  width: 100%; font-size: 14px; overflow-x: hidden;}
.new_index table { border-spacing: 0px; border-collapse: collapse;}
.new_index p {line-height: normal; }
.new_index .line26 {line-height: 26px;}
/* .whychoose_title {min-height:24px;} */
.whychoose_details {min-height: 100px;}
.mcopyright_pc {display: none;}
.footer_emptybox {width:100%;}
.market_change_listbox {height:calc(100vh - 157px); height:calc(100svh - 157px); overflow-y:auto;}


/* 22.10.27 공지사항 팝업창 */
.pop_up.pop_notice {background-color: #fff; border-radius: 10px;}
.pop_type {display: inline-block; height: 30px; padding:0 16px; background-color: #333; color:#fff; font-size: 16px; font-weight: 800; border-radius:15px; text-align: center; line-height: 30px;}
.pop_notice_tit {font-size: 28px; font-weight: 800;}
.pop_notice_txt {height: 130px; overflow-y: auto; font-size: 14px; text-align: justify;}
.txt_cont.pop_notice {padding:30px 20px; border-radius:10px;}
/* .txt_cont.pop_notice p{padding-bottom: 5px; font-size: 14px; text-align: center;} */
.txt_cont.new_coin {height:320px; padding: 0; border-radius:10px; overflow: hidden;}
.txt_cont.new_coin a { width: 100%; height: 100%;}
.txt_cont.new_coin img {width: 100%;  object-fit: cover;}
.btn_box.pop_notice {padding: 0;}
.btn_box.pop_notice span{color:#fff;}
.btn_box.pop_notice .pop_close{background-color: rgba(255,255,255,0); font-size: 16px; font-weight: 800;}
.btn_box.pop_notice .pop_close:not(.allday_none_btn){flex-basis:32%;}
.btn_box.pop_notice .allday_none_btn{flex-basis:68%;}
.notice_period {padding-bottom: 20px; font-size: 22px; font-weight: 700;text-align: center;}
.notice_period p:last-child {line-height: 0.8;}
.h50 { height:50px;}
.oldheader {top:50px; border-bottom:none;}
.oldheader .left, .oldheader .right {display: none;}

.pcpadding_none { padding-top:0 !important;}
.pcpadding_new { padding-top:0 !important;}
.market_change_box_pc.view_active {top:100px;}

/* 24.02.07 수수료 안내페이지 추가 : 남보라 */
.trading_web_header { display: flex; }
.trading_m_header { display: none; }

.trading_fee_move > a{ display: flex; justify-content: space-between; align-items: center; border:1px solid var(--line); background: var(--bg); border-radius: 10px; padding: 24px 20px; font-size: 16px; margin-top: 40px; }
.trading_fee_move > a.m_T20 { margin-top:20px; }
.trading_section {  padding: 90px 0; background: var(--bg); margin-bottom: 80px; }
.trading_section > p { font-family: 'montserrat'; color:var(--dark-gray); font-size: 20px; font-weight:600; max-width: 1200px; min-width: 280px; margin:0 auto; width:calc(100% - 40px); }
.trading_section > p:first-child { font-weight: 800; font-size: 36px; margin-bottom: 20px; color:var(--black);}
.trading_cont { max-width: 1200px; min-width: 280px; margin:0 auto; width:calc(100% - 40px); }
.trading_cont .title { font-size: 22px; font-weight: 800; margin-bottom: 20px;  font-family: 'montserrat';}
.trading_table { margin-bottom:12px; width: 100%; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-collapse: collapse; }
.trading_table th { border-bottom: 1px solid #dbdbdb;  height: 50px; font-size: 16px; font-weight: 600; background: var(--bg);  font-family: 'montserrat'; font-weight: 600;}
.trading_table th:first-child { width: 33%; }
.trading_table .point, .trading_table .point2 { background: var(--bg);  border-right: 1px solid #dbdbdb; font-weight: 600;}
.trading_table th { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}
.trading_table td { border-top: 1px solid #f1f1f1; height: 50px; text-align: center;  font-family: 'montserrat'; font-weight: 400;}
.trading_table td { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb;}


/* WEB */
.web_trading_box { display: block; }
.web_trading_table { margin-bottom:12px; width: 100%; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-collapse: collapse; }
.web_trading_table th { max-width: 25%; padding:0 24px; text-align: left; border-bottom: 1px solid #dbdbdb;  height: 50px; font-size: 16px; font-weight: 600; background: var(--bg);  font-family: 'montserrat'; font-weight: 600;}
.web_trading_table th.text_right, .web_trading_table td.text_right { text-align: right; }
.web_trading_table td { padding:0 24px; text-align: left;  border-top: 1px solid #f1f1f1; height: 50px;  font-family: 'montserrat'; font-weight: 400;}
.web_trading_table tr:first-child td { border:none; }
.web_trading_table tr:hover { background: var(--bg);}
.web_trading_table .img_box { display: block; width: 32px; height:32px; border-radius: 50%; overflow: hidden;  }
.web_trading_table .img_box img { width: 100%; height: 100%; object-fit: contain; }
.web_trading_table { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }

/* MOBILE */
.m_trading_box { display: none;}
.m_trading_table { width: 100%; border-bottom: 1px solid #dbdbdb; border-collapse: collapse; }
.m_trading_box table:nth-child(2) { border-top: 1px solid #dbdbdb; }
.m_trading_table thead th { height:50px; padding:0 24px; text-align: left; border-bottom: 1px solid #f1f1f1; font-size: 16px; font-weight: 600; background: var(--bg);  font-family: 'montserrat'; font-weight: 600;}
.m_trading_table tbody { display: block; width: 100%; padding:10px 0;}
.m_trading_table th { width: 100%; padding:0 24px; text-align: left; height: 30px; font-size: 16px; font-weight: 600; font-family: 'montserrat'; font-weight: 600;}
.m_trading_table th.text_right, .m_trading_table td.text_right { text-align: right; }
.m_trading_table td { width:100%; padding:0 24px; text-align: left;  height: 30px;  font-family: 'montserrat'; font-weight: 400;}
.m_trading_table tr:first-child td { border:none; }
.m_trading_table tr:hover { background: var(--bg);}
.m_trading_table .img_box { display: block; width: 32px; height:32px; border-radius: 50%; overflow: hidden; border:1px solid var(--line_v2); }
.m_trading_table .img_box img { width: 100%; height: 100%; object-fit: contain; }
.m_trading_table { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }
.trading_info_txt { font-size: 14px; font-family: 'montserrat'; font-weight: 400; color:var(--ft_gray); }
.trading_bottom { margin-bottom: 50px; }

/* 24.02.15 코인상태페이지 추가 : 남보라 */
.m_trading_table .status_icon { display: flex; align-items: center; }
.web_trading_table .status_icon img { margin: 0 auto; }
.status_icon img { width:24px; height:24px; display: block;}
.status_icon.img_end { justify-content: flex-end; }
.status_page .txt_center { text-align: center; }
.status_page .txt_right { text-align: right; }
.status_active { margin:0 auto; width:max-content; border-radius: 15px; color:var(--blue); background: var(--main_sub); font-size: 12px; padding: 7px 10px;}
.status_active.margin_right { margin-right: auto; }
.status_inactive { margin:0 auto; width:max-content; border-radius: 15px; color:var(--ft_gray); background: var(--inactive); font-size: 12px; padding: 7px 10px;}

/************************************************ 반응형 설정 *******************************************/

@media (min-width:1402px) and (max-width:1800px){
  .features_box {width:calc(100% - 220px)}
}


@media (min-width:1023px) and (max-width:1400px){
 .features_img_wrap { margin-top: 80px; }
 .features_card_txt { font-size: 14px;}
 .banner_swiper {width:80%;}
 }

 @media screen and (max-width:1400px) {
  .header { padding: 0 20px; }
 .banner_card { padding: 0 20px; }
 .banner_wrap { height: 277px; padding: 0 10px; }
 .started_wrap > div:nth-child(1) { max-width: 690px; }
 .features_box { margin-top: 0;  }
 .main_card ul li { font-size: 48px; }
 .features_card {padding:80px 20px; }
 /* .features_box { gap: 1%;  } */
 /* .features_img_wrap { width: 50%;} */
 /* */
 .started_wrap { margin: 0 auto; padding: 160px 20px;  }
 .started_btn { padding: 0; }
 .started_sub > div { padding: 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
 .started_sub div div:nth-child(1) p { font-weight: 600; }
 .started_sub div div:nth-child(2) { max-width: 295px; padding-top: 10px; }
 .started_sub div p { font-size: 18px; }
 .started_sub { gap: 10px; }
 .started_sub div div:nth-child(2) { margin-top: 3px; }

 /* */
 .appdown_boxwrap {padding:40px 20px;}
 .appdown_title {margin-top:0; font-size:36px;}
 .appdown_stitle {font-size:18px; margin:20px 0;}
 .mobiletxt {display: block;}
 .appdownbox {gap:60px;}
 .appdownbox span {font-size:16px;}

 .appdown_sub {margin-top:20px; justify-content: center;}
 .appdown_btnwrap {display: block; padding:0;}
 .userlink {margin:20px auto 0; }
 .footer {padding: 0 20px;}
  .banner_swiper {width:80%;}
  .features_box {width:calc(100% - 40px); margin:0 auto;}
  .whychoose_title {min-height:48px;}
 /* */
}

 @media screen and (max-width:1000px) {
   .header_menu { display: none; }
   .header_button_wrap { display: none; }
   .m_header_button_wrap { display: block; object-fit: cover; }
 }


@media all and (min-width:768px) and (max-width:1023px){
 .header_menu li { padding: 21px 15px; }
 .features_card {padding:80px 20px; }
 /* .features_img_wrap { width: 50%;} */
 /* */
 .banner_wrap { height: 277px; padding: 0 10px; }
 /* */
 .started_wrap { margin: 0; padding: 80px 40px; flex-direction: column; }
 .started_btn { padding: 0; }
 .started_sub > div { padding: 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
 .started_sub div div:nth-child(1) p { font-weight: 600; }
 .started_sub div p { font-size: 18px; }
 .started_sub { gap: 10px; margin-top:40px; }
 .started_sub div div:nth-child(2) { margin-top: 3px; }

 /* */
 .appdown_boxwrap {padding:40px 20px;}
 .appdown_title {margin-top:0; font-size:36px;}
 .appdown_stitle {font-size:18px; margin:20px 0;}
 .mobiletxt {display: block;}
 .appdownbox {gap:60px;}
 .appdownbox span {font-size:16px;}

 .appdown_sub {margin-top:20px;}
 .appdown_btnwrap {display: block; padding:0;}
 .userlink {margin:20px auto 0; }

 /* .appdown_wrap { height: max-content; }
 .appdown_title { margin-top: 40px; }
 .appdown_title div:nth-child(1) p { font-size: 36px; text-align: center; }
 .appdown_title div:nth-child(2) { display: flex; justify-content: center; margin-top: 20px; }
 .appdown_title div:nth-child(2) p { width: 300px; text-align: center; }
 .appdown_title div:nth-child(3) { padding: 0 20px; }
 .appdown_title a img { width: 24px; height: 24px; }
 .appdown_title a span { font-size: 16px; margin-left: 4px; }
 .appdown_title a { padding: 18px; height: 60px; }
 .appdown_sub { flex-direction: column-reverse; height: max-content; }
 .appdown_imgcard img { width: 300px; height: 300px; }
 .appdown_btnwrap { display: flex; justify-content: center; align-items: center; padding: 10px 0 40px 0; }
 .appdown_btnwrap p { text-align: center; } */

 /* */
 .features_box div div:nth-child(2) div:nth-child(1) p { font-size: 18px; }
 .features_box div div:nth-child(2) div:nth-child(2) p { font-size: 14px; font-weight: 600; }

 /* */
 .footer_menu table { display: none; }
 /* .footer > div { flex-direction: column; } */
 .footer li:nth-child(2) { margin-top: 20px; }
 .footer li:nth-child(7) { margin-top: 60px; }
 .footer_content { flex-direction: column;}
  .mcopyright {display: none;}
  .mcopyright_pc {display: block; margin-top:20px; font-weight: 600;}
  .footer_icon_wrap {margin-top:20px;}
  .footer_wrap {padding:40px 0;}
  .mobile_mt {margin-top:10px;}
  .footer li:nth-child(1) { margin-top: 0;}
  .footer_linkbox {height:0;}
  .copyrightbox {height:auto;}
  .footer_menu {padding-top:0;}

  /* .features_title p {text-align: center;} */
  /* .features_box div div:nth-child(2) div:nth-child(1) p {min-height: 44px;} */
  .whychoose_details {min-height:160px;}


  .features_wrap { border-radius: 20px; padding:40px 20px;}
  .features_title {font-size:36px;}
  .features_box { width:calc(100% - 20px);  margin:0 auto;}
  /* .features_img_wrapbox {flex-direction: column; justify-content: unset; gap:40px;} */
  .whychoose_title {min-height:48px;}
  .features_img_wrapbox { justify-content: space-between; gap:20px; }
  .features_img_wrapbox img {width:100%; max-width:200px; height: 200px; min-width: unset; min-height: unset; margin:0 auto;}
  .whychoose_title {font-size:18px;}
  .whychoosebox {width:384px;}
  .whychoose_details {min-height:208px;}
 }


 /* 모바일 가로, 테블릿 세로 */
 @media all and (max-width:767px) {
   .mobile_70 {height:70px;}
  .started_wrap {padding:60px 20px;}
  .currencies_wrap.mb_40{margin-bottom: 20px;}
  .m_footer { display: block; border-top:1px solid #F1F1F1; }
  .font_56 { font-size: 36px !important; }
  .font_36 { font-size: 26px !important; }
  .font_20 { font-size: 18px !important; }
  .font_16 { font-size: 14px !important; }
  .font_14 { font-size: 12px !important; }
  .mt_30 { margin-top: 20px !important; }
  .features_img_wrap { width: 100%;}
  /* */
  header { background-color: var(--white); }
  .currencies_table table tr th:nth-child(2) { text-align: right; }
  .currencies_table table tr th:nth-child(4) { text-align: right; }
  /* */
  .main_card { height: 666px; }
  .main_card > div { flex-direction: column-reverse; }
  .main_card_img { position: absolute; margin-top: 0px; top: 0; right: -20px; }
  .main_card_img img { height: 350px; }
  .main_card ul li { padding: 0 20px; font-size: 36px; }
  .main_card ul li:nth-child(4) { font-size: 18px; }
  .main_card ul li:nth-child(5) { font-size: 18px; }
  .started_btn { padding: 14px 36px; }
  .main_card_btnwrap { top: 46%; position: absolute; }
  .started_btn { max-height: 48px; margin-top: 15px; }

  /* */
  .banner_wrap { height: 277px; padding: 0 10px; }
  /* .banner_wrap .swiper-container { padding: 0 20px; } */
  .swiper-container { margin-left: 0 !important; }
  .currencies_btn a{margin: 20px auto 40px auto;}
  .notice_line { max-width: 207px;; }
  .notice_line .swiper-slide { margin-left: 4px; }
  .pair_row td:nth-child(2) p { text-align: right; }
  .pair_row td:nth-child(4) { display: flex; justify-content: flex-end; align-items: center; margin-right: 20px;}
  .pair_row td div:nth-child(3) { display: none; }

  /* */

  .features_title p { font-size: 36px; text-align: center; }
  /* .features_box {  flex-direction: column; align-items: center; margin-top:20px; } */

  .features_card_txt { font-weight: 400; }

  /* */
  .started_wrap { margin: 0; flex-direction: column; }
  .started_btn { padding: 0; }
  .started_sub > div { padding: 20px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
  .started_sub div div:nth-child(1) p { font-weight: 500; }
  .started_sub div p { font-size: 18px; }
  .started_wrap > div:nth-child(2) { margin-top:40px; }
  .started_sub { gap: 10px; }
  .started_sub > div { height: 122px; }

  /* */
  .appdown_boxwrap {padding:40px 20px; }
  .appdown_title {margin-top:0; font-size:36px;}
  .appdown_stitle {font-size:18px; margin:20px 0;}
  .mobiletxt {display: block;}
  .appdownbox {gap:60px;}
  .appdownbox span {font-size:16px;}

  .appdown_sub {margin-top:20px; height:auto;     flex-direction: column-reverse;}
  .appdown_btnwrap {display: block; padding:0;}
  .userlink {margin:20px auto 0; }
  /* .appdown_wrap { height: max-content; }

  .appdown_title div:nth-child(1) p { font-size: 36px; text-align: center; }
  .appdown_title div:nth-child(2) { display: flex; justify-content: center; margin-top: 20px; }
  .appdown_title div:nth-child(2) p { width: 300px; text-align: center; font-weight: 600; }
  .appdown_title div:nth-child(3) { padding: 0 20px; }

  .appdown_title a img { width: 24px; height: 24px; }
  .appdown_title a span { font-size: 16px; margin-left: 4px; }
  .appdown_title a { padding: 18px; height: 60px; }
  .appdown_sub { flex-direction: column-reverse; height: max-content; }
  .appdown_imgcard img { width: 300px; height: 300px; }

  .appdown_btnwrap { display: flex; justify-content: center; align-items: center; padding: 10px 0 40px 0; }
  .appdown_btnwrap p { text-align: center; } */


  /* */
  .footer li:nth-child(1){ margin-top: 0;}
  .footer li:nth-child(2) { margin-top: 20px; }
  .footer li:nth-child(7) { margin-top: 60px; }
  .text_dark.mr_4{margin-right: 5px;}
  .pair_row td p {font-size:14px;}

  .currencies_table .pair_title_row span {margin-bottom:20px;}
  .currencies_wrap {padding:0 20px; margin:40px auto 0;}
  .currencies_table {padding:30px 0;}
  .currencies_table table th:nth-child(1) { min-width: 130px; width:unset;}
  .h70 {height:70px;}
  .footer_content {flex-direction: column;}
  .mcopyright_pc {display: block; margin-top:20px; font-weight: 600;}
  .pair_row td:nth-child(4) {margin-right:0;}
  .coin_namebox {margin-left:6px;}
  .mobile_caaddr {width:260px;}
  /* dnone 부분  */
  .footer_wrap {padding:40px 0;}
  .mobile_mt {margin-top:10px;}
  .footer_icon_wrap {margin-top:20px; padding-left:0;}
  .started_wrap > div:nth-child(2) p {margin-left:0;}
  .started_sub > div {height:auto;}

  .nosvh {padding-bottom:0 !important;}
  .mobile_mb20 {margin-bottom:0;}
  .nopaddingtop {padding-top:0 !important;}
  .pctxt {display: none;}
  .footer_menu table { display: none; }
  .currencies_table table tr th:nth-child(5) { display: none; }
  .currencies_table table tr th:nth-child(3) { display: none; }
  .currencies_table table tr td:nth-child(3) { display: none; }
  .currencies_table table tr td:nth-child(5) { display: none; }
  .coin_namebox .m_dnone {display: none;}
  .mcopyright {display: none;}
  .newheader {display: none;}
  .currencies_table table th:first-child, .currencies_table table td:first-child {padding-left:20px;}
  .currencies_table table th:nth-child(4), .currencies_table table td:nth-child(4) {padding-right:20px;}
  .footer_linkbox {height:0;}
  .copyrightbox {height:auto;}
  .footer_menu {padding-top:0; height:auto;}
  .h50 {height:unset;}
  .oldheader {top:0; border-bottom:1px solid var(--line)}
  .oldheader .left, .oldheader .right {display: block;}
  .assetsmainheader {top:0 !important;}
  .market_change_box_pc.view_active {top:50px;}
   .banner_swiper {width:70%;}
   .market_change_listbox {height:calc(100vh - 107px); height:calc(100svh - 107px); overflow-y:auto;}
   .pcpadding_new {padding-top:50px !important;}

   /*240130 whychoose*/
   .features_wrap { border-radius: 20px; padding:40px 20px; margin:40px auto 0;}
   .features_title {font-size:36px; margin-bottom:20px;}
   .features_box {width:100%;}
   .features_img_wrapbox {flex-direction: column; justify-content: unset; gap:40px; }
   .features_img_wrapbox img {width:100%; max-width:200px; height: 200px; min-width: unset; min-height: unset; margin:0 auto;}
   .whychoose_title {min-height: unset;}

   /*  */
    .trading_web_header { display: none; }
    .trading_m_header { display: flex; }
    .trading_section { padding: 120px 0 40px; margin-bottom: 40px; }
    .trading_section > p { text-align: center;  font-size: 18px;}
    .trading_section > p:first-child { font-weight: 800; font-size: 26px; margin-bottom: 20px; color:var(--black);}
    .trading_cont .title { font-size: 20px; }
    .trading_info_txt { font-size: 12px; }
    .trading_info_txt p:first-child { margin-bottom:28px; }
    .trading_table th:first-child { width: 40%; }
    .trading_table th.point2 { width:33%; }
    .m_trading_table th, .m_trading_table td,  .trading_table th, .trading_table td { font-size: 14px; }
    .trading_table .mobile_none { display: none; }
    .trading_bottom { margin-bottom: 40px; }
    .web_trading_box { display: none; }
    .m_trading_box { display: block;}
  }


@media (min-width:481px){
  .trade_top_info_data{flex-direction:row; justify-content:space-between;}
  .tab_menu_asking_price{top:123px;}
  .filtering_box_top_info{top:160px;}
}

@media (max-width:480px){
  .market_price_table table thead{ position: sticky; left: 0; top: 234px; }
  .input_box .login_input::placeholder {letter-spacing: -0.8px;}
}

/* Galaxy Z플립 & iPhone mini 280-360px width */
@media (max-width:360px){
   .banner_swiper {width:64%;}
  .input_box .login_input {padding: 0 10px;}
  .btn_common.verify_email, .btn_common.verify_code {line-height: 50px; word-break: keep-all;}

  .withdraw_box > li { flex-direction: column; }
  /* otp 등록 및 변경 */
  .appstore_img { flex-direction: column; align-items: flex-start; }
  .appstore_img > a:last-child { margin: 0;}

  /* 입출금 */
  .dep_with_coinbox { flex-direction: column; align-items: flex-start;}
  .dep_with_monbox { justify-content: space-between; width: 100%; }
}

@media (max-width:330px){
  .btn_common.verify_email, .btn_common.verify_code {line-height: 25px;}
}