.cp-area-wrap a 							{ text-decoration: none; }
.cp-area		 							{ position: relative; width: 1080px; height: 64px; margin: 0 auto; overflow: hidden}

.cp-area-wrap .wgt_price { width:100% }

.wgt_price_wrap .wgt_price .et_pb_column.coindesk-area {
	width: 266px;
    height: 64px;
    background: #FFD962;
    font-size: 13px;
    float: left;
    padding: 0px;
    margin: 0px;
    border: none;
}
.coindesk-area a 							{ font-size: 14px; color: #333; line-height: 64px; margin-left: 24px; }
.coindesk-area a label 						{ font-weight: 800; margin-right: 8px;}
.coindesk-area .point_index					{ font-size: 13px; margin-left: 4px;}
.coindesk-area .point_index:before			{ margin-right: 3px; font-size: 12px; vertical-align: 0px; }
.coindesk-area .bear						{ color: #1aa010; font-size: 13px;}
.coindesk-area .bear:before					{ content: "▼"; color: rgb(26, 160, 16);}
.wgt_price_wrap .wgt_price .et_pb_column.price-data-area						{ width: 534px; float: left; padding: 8px 8px 0 24px; border: none;}
.price-data-area .bi-cp						{ margin-bottom: 0px; }
.price-data-area .bi-cp .slo 				{ vertical-align: 6px; letter-spacing: -0.5px; font-size: 12px; color: #777;}
.price-cp									{ font-size: 12px; }
.price-cp a 								{ color: #333; margin-left: 24px;}
.price-cp a:first-child 					{ margin-left: 0px; }
.price-cp a label 							{ font-weight: 800; margin-right: 4px;}
.price-data-area .point_index				{ margin-left: 4px;}
.price-data-area .point_index:before		{ margin-right: 3px; font-size: 12px; vertical-align:0; }
.price-data-area .bear						{ color: #1aa010;}
.price-data-area .bear:before				{ content: "▼"; color: rgb(26, 160, 16);}
.price-data-area .bull						{ color: #d32e2e;}
.price-data-area .bull:before				{ content: "▴"; color: #d32e2e}
.banner-area								{ width: 248px; float: right; text-align: right; overflow: hidden; border: none; }
.wgt_price_wrap .banner-area li { margin:0px;}
.banner-area .bn							{ width: 218px; float: right; display: inline-block; overflow: hidden; margin-right: 32px;}
.banner-area .bn .txt						{ display: inline-block; color: #182C93; font-size: 15px; font-weight: 700; text-align:right; line-height: 23px; margin-top: 8px; letter-spacing: -1px; padding-right: 8px; float: right}
.banner-area .bn .txt.api-txt	{ word-break: break-all;}
.banner-area .bn .txt span 					{display: block; font-weight: bold;}
.banner-area .bn:hover .txt					{ color: #1E16C1; display: inline-block; }
.banner-area .bn .symbol-img				{ display: inline-block; float: right; width: 36px; padding-top: 17px;}
.banner-area .bn .symbol-img img 			{ width: 36px; }
.banner-area .arr-area 						{ float: right; width: 30px; display: inline-block; position: relative;border-right-width: 0px;}
.banner-area .arr-area a 					{ display: inline-block; width: 18px; height: 18px; float: right; opacity: 0.7;}
.banner-area .arr-area a:hover 				{ opacity: 1 }
.banner-area .arr-area img 					{ width: 18px; float: left; margin: 0px;}

.simple_banner_wrap{ position:relative; overflow:hidden; width:248px; height:70px; }
.simple_banner_wrap ul{ list-style:none; margin:0; padding:0; display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
.simple_banner_wrap ul li{ margin:0; padding:0; display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.wgt_price_wrap .simple_banner_wrap ul li{ border: 0px; }
.wgt_price_wrap .simple_banner_wrap ul li:not(.arr-area):not(:first-child){opacity: 0;}
.simple_banner_wrap .nav_wrap{ position:absolute; bottom:10px; height:10px; z-index:2; }
.simple_banner_wrap .nav_wrap ul{ display:block; position:relative; list-style:none; margin:0; padding:0; }
.simple_banner_wrap .nav_wrap ul li{ display:inline-block; position:relative; width:10px; height:10px; cursor:pointer; }
.simple_banner_wrap .nav_wrap.numeral{ height:14px; line-height:14px; }
.simple_banner_wrap .nav_wrap.numeral ul li{ font-size:12px; width:14px; height:14px; text-align:center; text-shadow:1px 1px 0px #CCC; }
.simple_banner_wrap .nav_wrap.numeral ul li.on{ text-decoration:underline; font-weight:bold; }
.simple_banner_wrap .nav_wrap.bullet{ height:10px; line-height:10px; }
.simple_banner_wrap .nav_wrap.bullet ul li{ font-size:10px; text-indent:-1000px; border-radius:5px; background-color:#F96; box-shadow:inset 0 0 0 1px #FFF; }
.simple_banner_wrap .nav_wrap.bullet ul li.on{ box-shadow:inset 0 0 0 1px #F96; background-color:#FFF; }
.simple_banner_wrap .nav_wrap.prev_next{ width: 18px; height:36px; position: absolute; top: 15px; right:6px; overflow: hidden}
.simple_banner_wrap .nav_wrap.prev_next .arr-area {float: left; display: inline-block; width: 18px; height: 18px; overflow: hidden; cursor: pointer;}

@media only screen and (min-width: 1309px) 	{
	.banner-area .bn .txt.api-txt {width:170px;}
}
@media only screen and (max-width: 1309px) 	{
/** 위치 지정 **/
	  .coindesk-area.et_pb_column {
    position: absolute;
  }
  .price-data-area.et_pb_column {
    position: absolute;
    left: 38%;
  }
  .banner-area {
    position: absolute;
    left: 38%;
    top: 50%;
  }



  .cp-area { width: 90%!important;}
	.cp-area-wrap .wgt_price_wrap .wgt_price .coindesk-area { width: 35%!important;}
  .coindesk-area a label { float: left!important;}
  .coindesk-area a {line-height: 20px!important; display: inline-block!important; margin-left: 10px!important; margin-top: 15px!important;}
  .coindesk-area .point_index, .price-data-area .point_index { display: none!important;}
  .cp-area-wrap .price-data-area { width: 62%!important; padding: 6px 0 0 10px!important; height: 25px!important;}
  .price-data-area .price-cp a { vertical-align: -3px!important; margin-left: 10px!important;font-size: 11px;}
  .price-data-area .bi-cp {float: left!important;}
  .price-data-area .bi-cp svg { width: 85px!important;}
  .price-data-area .slo {display: none!important;}
 .cp-area-wrap .price-data-area .price-BCH, .price-data-area .price-ETH { display: none!important;}
  .banner-area { width: 65%!important; text-align: left!important; float: left!important;}
  .banner-area .arr-area {display: none!important;}
  .banner-area .bn { float: left!important;}
  .banner-area .bn .symbol-img {display: none!important;}
  .banner-area .bn .txt {font-size: 13px!important; float: left!important; text-align: left!important; line-height: auto!important; margin-top: 0px!important; margin-left: 10px!important; padding: 0!important;}
  .banner-area .bn .txt span { display: inline-block}
  .simple_banner_wrap .nav_wrap.prev_next { display: none; }
}

/** 너비지정 **/
@media only screen and (max-width: 420px) {
  .cp-area { width: 100%!important;}
	.banner-area .bn .txt{margin-left: 0px!important; }
	.cp-area-wrap .price-data-area {padding: 6px 0 0 0!important;}
}

@media only screen and (max-width: 600px) {
  .cp-area-wrap .wgt_price_wrap .wgt_price .coindesk-area {
    width: 35% !important;
  }
  .wgt_price_wrap .wgt_price .price-data-area.et_pb_column {
    width: 62% !important;
    display: inline-block !important;
  }
}

@media only screen and (max-width: 800px) {
  .wgt_price_wrap .wgt_price .et_pb_column.coindesk-area {
    width: 35% !important;
  }
  .wgt_price_wrap .wgt_price .price-data-area.et_pb_column {
    width: 62% !important;
    display: inline-block !important;
  }

}

@media only screen and (max-width: 980px) {
  .wgt_price_wrap .wgt_price .et_pb_column.coindesk-area {
    width: 35% !important;
  }
  .wgt_price_wrap .wgt_price .price-data-area.et_pb_column {
    width: 62% !important;
    display: inline-block !important;
  }
}
