@charset 'utf-8';

/* 배너 */
/* .banner {margin: 0 20px;} */
.main_box { margin:50px auto 0; }
.main_box > .contents_cont {width: 100%; max-width: 800px; margin:0 auto;}
/* .banner li {width: 100%; max-width:800px; padding:40px 0;} */
.banner li {width: 100%; max-width:800px; padding:0 0 40px;}

/* .banner li a {display: block; width: 100%; max-width:503px; margin:0 auto; text-align: center; line-height: 1;} */
.banner li a {display: block; width: 100%;}
/* .banner li a {display: block; } */
/* .banner li a img {max-height: 150px; border-radius: 10px;} */
.banner li a img {max-height: 100%; border-radius: 10px;}
/* .banner li a img { width: 100%; object-fit: cover;} */
.banner_mark { height: 30px; padding: 0 10px; font-size: 12px; font-weight: 600; color:#fff; border-radius: 5px; background-color: rgba(255,255,255,0.2); line-height: 30px;}
.banner_txt {width: calc(100% - 85px); color:#fff;}
.banner_img img {width: 60px; height: 60px;}

/* .drops{padding:50px 20px 0;} */
.swiper {overflow:hidden; position:relative; width: 100%; max-width: 800px; margin:0 auto;background-color: var(--bg);}
/* .swiper .swiper-slide{margin-right:20px;} */
.swiper-wrapper {height:unset;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px; }
.swiper-pagination-bullet-active {background-color:var(--dark-gray);}
/* .swiper-pagination-bullet {background-color: var(--inactive);} */
.swiper-button-next {background-image: url(../img/layout/icon_next.svg);}
.swiper-button-prev {background-image: url(../img/layout/icon_prev.svg);}
/* //배너 */

/* 탭 */
.tab_section {width: 100%; max-width: 800px; padding-bottom: 100px; margin: 0 auto; background-color: #fff; overflow-x: hidden;}
.tab_menu_box {padding:0 20px; border-bottom: 1px solid var(--line);}
.tab_menu {margin:inherit;}
.tab_menu.main {border-bottom: none;}
.tab_menu li {width:unset; height: 40px; padding:0 10px;border-bottom:2px solid rgba(255,255,255,0); color:var(--dark-gray); font-weight: 600; line-height: 40px; cursor: pointer;transition:border-bottom 200ms ease;}
.tab_menu li.active {border-bottom:2px solid #000; color:#000; transition:border-bottom 200ms ease;}
/* 거래대금 통화 전환 버튼 */
.currency_switch {position: relative; width: 50px; height: 28px; padding:4px; background-color: var(--inactive); border-radius: 15px;}
.currency_btn {position: relative; width: 22px; height: 22px; font-size: 12px; font-weight: 700; color:var(--dark-gray); font-family: 'montserrat'; text-align: center; line-height: 22px; cursor: pointer; z-index: 10;}
.currency_btn.active {color: #000;}
.circle_btn {position: absolute; left:4px; width: 22px; height: 22px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 4px 1px rgba(0,0,0,0.2); transition: left 300ms ease;}
.circle_btn.active {left:50%; transition:left 300ms ease;}

.icon_coin {display:flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--line);}
.icon_coin img {width: 36px; height: 36px;}
.coin_name {min-width: 130px; }
.tab_item_tit {padding:10px; border-bottom: 1px solid var(--line);}
.tab_inner_item {padding: 0 10px;}
.tab_inner_item > li{padding: 10px 0; border-bottom: 1px solid var(--line);}
.item_right{text-align:right;}
.align_btn {cursor: pointer;}
.align_btn img{margin-bottom:-3px;}
.asset_align_btn img{margin-bottom:-3px;}


/* 코인 탭 리스트 항목 구성 요소 */
.coin_name {flex-basis:34.08450704225352%; min-width:120px; padding-left: 10px;}
/* 모바일 모드 375px - 좌우여백 20px = 355px */
/* 현재가/24시간/거래대금 항목 전체 길이 = 234px(양쪽 여백포함) */
/* 코인명 항목 길이 355px - 234px = 121px */
/* 코인명 항목 길이 비율 121px / 355px = 34.08450704225352% */
.txt_figure, .item_right {width: calc(100% - 140px);}
/* 현재가/24시간/거래대금 항목 길이 비율 234px / 355px = 65.91549295774648% */
.txt_figure li{text-align: right;}
.item_right li{ justify-content: flex-end; font-size: 12px; }
.item_right li:first-child, .txt_figure li:first-child {width: 37.38317757009346%;}
.item_right li:nth-child(2), .txt_figure li:nth-child(2) {width: 25.23364485981308%;}
.item_right li:last-child, .txt_figure li:last-child {width: 27.10280373831776%;}
/* .txt_figure li:first-child{flex:1 1 auto;} */
.txt_figure li:nth-child(2){flex:1 1 auto;}
.txt_figure li:last-child{flex:1 1 auto;}
.current_price, .current_change, .deal_amount { font-size: 14px; font-weight: 600;}
.plus {color:var(--plus); }
.minus {color:var(--minus); }
.chain_price {font-size: 10px; color:var(--dark-gray);}
.change_amount {font-size: 10px;}
/* //탭 */

/* 22.09.01 즐겨찾기 탭 null 추가 */
.tab_section_list {width: 300%; overflow-x: hidden;}
.tab_section_list > li{width: 100%;}
.tab_inner_item.no {height:calc(100vh - 39      6px);}
.add_favorites {width: 106px; height: 40px; margin: 0 auto; background-color: var(--inactive); border-radius: 10px; font-size: 14px; font-weight: 600;}
.token_list.favorites > li > img {width: 24px; height: 24px;}

/* 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;}

.tab_inner_item .asset_null_list{text-align:center; padding:100px 0;}

@media(max-width:576px){
  .banner li a { width: calc(100% - 40px); margin: 20px; padding:0;}
  .swiper-button-next,.swiper-button-prev {display: none;}
}
@media(max-width:545px){
  .banner li a img {width: 100%;}
  .banner li {padding:0;}
}

@media(max-width:499px){
  .txt_figure, .item_right {width: calc(100% - 120px);}
  .txt_figure, .item_right {flex-basis:214px; }
  .item_right li:first-child{flex-basis: 80px;}
  .item_right li:nth-child(2){flex-basis: 54px;}
  .item_right li:last-child{flex-basis: 58px;}
  .txt_figure li:first-child{flex-basis: 80px;}
  .txt_figure li:nth-child(2){flex-basis: 54px;}
  .txt_figure li:last-child{flex-basis: 58px;}
  .copied.price_alert {bottom:-10px; margin-bottom:30px;}
  .item_right li:nth-child(2)[data-order="avg_price"]{flex-basis:78px;}
}