.container-fluid {
	margin:0;
	padding-left:0px;
	padding-right:0px;
	overflow: hidden;
	overflow-x: hidden;
}


/* 전체 좌우 여백 */
.red {
	color:#cd094b;
}

.blue {
	color:blue;
}

#details {
 width: 100%;  
 height: 100%;  
 top: 0px;
 left: 0px;
 position: fixed;  
 display: block;  

 background-color: gray;  
 z-index: 1000;  
 text-align: center; 
 display:none;
 overflow: hidden;
 overflow-x: hidden;
 }
 
 #detailsIF {
 width: 100%;  
 height: 100%;  
 top: 0px;
 left: 0px;
 position: fixed;  
 overflow: hidden;
 overflow-x: hidden;

 } 

 #detailsIF body  {
	overflow: hidden;
	margin: 0;
    overflow-x: hidden;
}


  


.marginNo {
margin:0;
}
.row {
vertical-align:center;
margin-top: auto;
margin-bottom: auto;
}
/* Object 높이 */
.input-sm {
height:55px;
line-height:100%;
}
.btnMargin0 {
padding-top:0;
padding-bottom:0;
}
.top0 {
top:0px;
}
.topp0 {
top:0px;
padding-top:0px;
}
.top1 {
top:1px;
}
/* padding 0 */
.paddingNo {
padding:0;
}
.lrp {

margin-left:0px;
margin-right:0px;
padding-left:8px;
padding-right:8px;
}

select.SearchSelect {
    font-size: 12px;
	border:0;
	border: 0px solid;
	
	outline: none;
	background-color: #fafafa;
}

/* Name bar */
.namebar {
margin:0;
height:55px;
line-height:100%;
border-bottom:1px solid #dde2e5;
position: relative;
}
/* 스타 바 */
.starbar {
position: absolute;
z-index:100;
top:18px;
width: 100%;
padding-right:8px;
}
.starbar .starlayer {
padding-right:0;
}
#namebar {
margin-top:16px;
height: 25px;
  font-family: Roboto;
  font-size: 21px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
margin-bottom:15px;

}
/* 시세 툴바 배경 */
.toolbar {
height:55px;
line-height:100%;
background-color: #f4f4f4;
}
.toolbar div {
padding:0px;
}
/* 검색 */
.searchbar {
height:55px;
line-height:100%;
background-color: #f4f4f4;

}
.searchlayer {
margin-top:8px;
height:40px;
line-height:100%;
font-size:25px;
margin-bottom:7px;
}
.searchlayer .item {
height:40px;
}
.searchlayer .searchbox {
}
#searchbutton {
background-color:#fff;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
border:0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#Search {
border:0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;

}

/* 통화 검색 */
.paySearchbar {
padding-left:6px;
}

#paySearch {
width:91px;
height:40px;

}
.menubar {
border-bottom: solid 1px #dde2e5;
background-color: #fafafa;
}
.menubar .menubarlayer {
	padding: 6px 0 6px 0;
}


.menubar .text{
    font-size: 12px;
	border:0;
}




/* 리스트 */
.listbar {
margin:0;
height:64px;
padding: 15px 8px 15px 8px;
border-bottom:1px solid #dde2e5;
cursor:pointer;
}

#list {

	padding-top: 140px;
}
.list .listlayer {
}

.listbar .listlayer .icon {
	position: relative;
	width:32px;
}

.listbar .listlayer img {
	
	width:32px;
	height:32px;
}
.plus {
}
.listbar .percentbar{
}
.listbar .coinpercent{

}
.listbar .listlayer .linetext{
padding-left:8px;
}
.listbar .listlayer .linetext .title {
font-family: Roboto;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #263238;
/* 글자 자동자르기 */
width:130px;
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis;
}
.listbar .listlayer .linetext .coinpay {
font-family: Roboto;
font-size: 10px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #acb5bd;
}


.listbar  .linepay .title {
font-family: Roboto;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #3252f1;
/* 글자 자동자르기 */
width:90px;
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis;
text-align: right;
}
.listbar  .linepay .coinpay {
font-family: Roboto;
font-size: 10px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #acb5bd;
}

.listbar  .percentbar .coinpercent {
color: #FFFFFF;
width: 72px;
height: 32px;
border-radius: 4px;
border: 1px solid #5d91f5;
/*background-image: -webkit-gradient(linear,left top,left bottom,from(#5d91f5),to(#5d91f5));*/

}

.plus  .linepay .title {
color: #cd094b;
}
.plus  .percentbar .coinpercent {
z-index:9000;
border: 1px solid #f0417d;
/*background-image: -webkit-gradient(linear,left top,left bottom,from(#ff5493),to(#f03d77));*/
background: #f0417d;
}

/* 문자 자동자르기 */
.Ellipse {
	border-radius:10px;
	position: absolute;
	font-size: 8px;
	z-index:100;
	top:0px;
	left:24px;
	width: 12px;
	height: 12px;
	color:#fff;
	background-color: #ed1c24;
}
/* details */
.toolbar {
margin:0;
height:44px;
padding: 15px 16px 10px 16px;
background-color:#fff;
}
.toolbar #coinname {
  height: 21px;
  font-family: Roboto;
  font-size: 21px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
}
.toolbar #coinstar {
	padding-top: 3px;

}

.coininfo {	
	margin:0;
	padding: 25px 16px 0px 16px;

}
.coininfo .coinpay {
  font-family: Roboto;
  font-size: 21px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;

}
.coininfo .coin1 {
  padding-top:10px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #263238;
}

.coininfo #coinview {
  width: 122px;
  height: 59px;
  background-color: #f6f8fa;
  padding-top: 20px;
}


.coininfo .coininfo2line {
padding:16px 0px 10px 0; 
}

.coininfo .coininfo2line .blue {
	color:blue;
}

.coininfo .coindayprev {
margin:0 0 0 0; 
font-family: Roboto;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #495057;
}

.coininfo .percent {
padding:0 0 0 0; 
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #cd094b;
}
.coininfo .total {
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #cd094b;
}

.coininfo .updown {
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #495057;
}

.updown {
	margin:0;
    padding: 0px 16px 30px 16px;

}

.updown div {
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #495057;
}
.updown .infoup {
  color: #cd094b;
}
.updown .infodown {
  color: #3252f1;
}

.barspace {
	height:16px;
	background-color: #f4f4f4;
}

.info2  {
	padding: 24px 16px 32px 16px;
}
.info2 .namelayer {
  padding-right:10px;
}
.info2 .name {
	padding: 0 0 0 0;
	  height: 19px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #263238;
}
.info2 .select {

	height: 40px;
  border-radius: 4px;
  border: solid 1px;
  background-color: #f4f4f4;
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #263238;
}
.info3 {

	padding: 0 16px 0 16px;
}
.info3 .centerpay {
  font-family: Roboto;
  font-size: 21px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #263238;
  }
 .info3 .centerday {
  height: 14px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #495057;
  padding-bottom :24px;
 }
 .info3 .image {
  display:inline-block;
  width: 328px;
  height: 178.5px;
  line-height:100%;
  background-color:gray;
}
.info3bar {

	padding: 0 16px 25px 16px;
}
.info4 {
	padding:24px 16px 21px 16px;
}
.info4 .name {
	padding: 0 0 0 0;
	  height: 19px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #263238;
}
.info5 {
	padding: 0 0 15px 0;
	border-bottom:1px solid #f4f4f4;
}
	
.info5 .coinimg {
	padding-right:7px;
}
.info5 .coinname {
  height: 16px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #263238;
}

.info6 {
	
  padding: 20px 0 36px 0;
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #495057;
}
.info6 .row {
	
  padding: 12px 0 0 0;
}
.info6 .left {

}
.info6 .right {

}
.info6 .button {
  padding: 10px 0 10px 0;
}
.info6 .button .field {
  padding: 6px 16px 0 16px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #495057;
}
.info6 .Rectangle {
  display: inline-block;
  padding-top:8px;
  width: 72px;
  height: 36px;
  border-radius: 8px;
  border: solid 1px #acb5bd;
    font-family: Roboto;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #495057;
}

#pay {

/* 글자 자동자르기 */
width:150px;
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis;
}




/** 20190925 CSS 추가 - 작성자:차경숙**/
/*common*/
img {vertical-align: middle;}
a {
  color: #495057;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #495057;
  text-decoration: none;
}

/*style*/
.bg {
    background-color:#f5f5f5;
}
.head_menubar {
    padding:0;
    margin:0;
    position:relative;
    top:16px;
}
.head_menubar>li{
    display: inline;
}
.head_menubar>li>span{
    color:#DDE2E5;
}
.borderNone {
    border-bottom:none;
}
.tab_area {
    margin-top:55px;
    padding-right:0;
}
.tab_area .tab_1depth{
    background-color:#fff;
    margin:0;
    padding:0;
    color:#495057;
}
.tab_area .tab_1depth li {
    display:inline;
    width:50%;
    text-align: center;
    font-size: 16px;
}

.tab_area .tab_1depth>li>a{
    position:relative;
    display: block;
    padding:16px;
}
.tab_area .tab_1depth .active{
    border-bottom: solid 2px #2BAEB3;
}
.tab_area .tab_1depth .active a{
    font-weight: bold;
    color:#2BAEB3;
}

/*airdrop*/
#airdrop_list {
    margin:16px;
}
.thumbnail {
    padding:0;
}
.thumbnail .caption p {
    margin:0;
    font-size:16px;
    font-weight:bold;
}
.thumbnail .caption span {
    color: #495057;
}
#airdrop_list .thumbnail_bg{
    background: #3252F1;
}
#airdrop_list .thumbnail_bg img{
    width:100%;
}