/*
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:100,300,400,700,800|Noto+Sans+KR:100,300,400,500,700,900|Roboto:100,300,400,500,700,900&subset=korean');
html, body {
	height: 100%;
	font-family: 'Noto Sans KR', sans-serif; 
	
    font-family: 'Roboto', sans-serif;
    font-family: 'Nanum Gothic', sans-serif;
    
	font-size: 13px;
	font-weight: 400;
	background: #fff;
}
*/

p { margin: 0;}
li, ol, dd {
	/*list-style: none;*/
	line-height: normal;
}
dl, ul {
	margin-bottom: 0;
	padding-left: 0;
}
li[type="button"], div[type="button"] { cursor: pointer; }
.radio, .checkbox { margin: 0;}
#scrollUp .btn, #scrollUp .btn:hover, #scrollUp .btn:focus, #scrollUp .btn:active, #scrollUp .btn.active { background: #292e4e; }
a {
	color: #979797;
	text-decoration: none;
}
i, em, u, cite { font-style: normal; }
img { vertical-align: middle;}

/* 스크롤바 -------------------------------------------*/
/*::-webkit-scrollbar {
-webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
width: 12px;
}
::-webkit-scrollbar:horizontal {
height: 12px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .07);
border-radius: 10px;
border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
border-radius: 10px;
background-color: #ffffff;
}*/

/* ------------------------------------------------------*/

/* 모달 팝업 */
.modal-content {
	background: white;
	color: #333;
}
/*----*/

.box {
	border-radius: 0;
	padding:0;
	margin-bottom: 0;
}
.btnarea {
	width: 100%;
	height: auto;
	overflow: hidden;
    margin-top: 10px;
/*    text-align: center;*/
    text-align: right;
/*    border-top: 1px solid #eaeaea;*/
    padding-top: 5px;
}
.container {
	width: 1350px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.lf {float: left; font-size: 16px; font-family: 'noto-bold';}
.rt {float: right; font-size: 16px; font-family: 'noto-bold';}
.btn            { margin-bottom: 5px;  text-transform: none;}
/* .btn.btn-square { padding: 3px 10px 5px; } */
.btn.btn-square { display: flex;align-items: center;justify-content: center; height: 27px; width: 27px; }
.btn.btn-s      { padding: 10px 25px; color: #fff; font-size: 14px; font-weight: 500; }
.btn.btn-ss     { padding: 5px 10px; color: #333; font-size: 12px; font-weight: 500; }
.btn.btn-line   { background:#fff; border: 1px solid rgba(0, 0, 0, 0.1);}
.btn.ok         { background-color: #f6a724; color: #fff;}
.btn.no         { background-color: #656999; color: #fff;}
.btn.dark       { background-color: #292e4e; color: #fff; padding: 10px 45px;}
.btn.purple     { background-color: #656999; color: #fff; padding: 10px 45px;}
.btn.blue       { background-color: #627399; color: #fff; padding: 10px 45px;}
.btn.gray       { background-color: #c2c2c2; color: #fff; padding: 10px 45px;}

div[type="button"], span[type="button"] { cursor: pointer !important;}
input[type="text"]:not(.qty), input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input  { border-radius: 0; height: 36px;}
select, textarea, textarea.form-control, input[type='text']:not(.qty), input[type='password'], input[type='datetime'], input[type='datetime-local'], input[type='date'], input[type='month'], input[type='time'], input[type='week'], input[type='number'], input[type='email'], input[type='url'], input[type='search'], input[type='tel'], input[type='color'], .uneditable-input { line-height: normal;}
textarea { border-radius: 0 !important; outline: none !important; padding:10px 5px !important;}
.cntarea { clear: both; position: relative; height: auto; overflow: hidden;}
.cntarea dl {
	clear: both;
    width: 100%;
}
.cntarea dt {
	clear: both;
	float: left;
	line-height: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0;
	text-align: left;
}
.cntarea dd {
	float: right;
	line-height: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0;
	text-align: left;
}

a.minus {
    float: left;
    width: 38px;
    height: 36px;
    background: url(../images/bg_set01.png) -220px 0 no-repeat;
    border-top: 1px solid #dfe0e5;
    border-bottom: 1px solid #dfe0e5;
    overflow: hidden;
    text-indent: -999em;
}
a.plus {
    float: left;
    width: 38px;
    height: 36px;
    background: url(../images/bg_set01.png) -270px 0 no-repeat;
    border: 1px solid #dfe0e5;
    border-radius: 0 0.1em 0.1em 0;
    overflow: hidden;
    text-indent: -999em;
}
.article {
    position: relative;
    height: auto;
    overflow: hidden;
    border: 1px solid #ebeef2;
}
.tooltips { position: relative; display: inline-block; }
.tooltips .tooltip-content {
	visibility: hidden;
	position: absolute;
    right: 0;
    width: 281px;
    white-space: normal;
    text-align: left !important;
    background-color: #fff;
    padding: 10px;
    margin-top: 10px;
    color: #666;    
    border: 1px solid #eee;
    z-index: 1;
}
.tooltips:hover .tooltip-content { visibility: visible; }
.tabB {
    display: block;
    width: 100%;
}
.tabB ul {
    display: table;
    width: 100%;
    table-layout: fixed;
}
.tabB ul li { padding: 0;}
.tabB ul li a {
    display: block;
    width: 100%;
    height: 42px;
    border-bottom: 1px solid #d4d6dc;
    line-height: 42px;
    color: #2b2b2b;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
}
.tabB ul li a.on {
    border-bottom: 3px solid #627399;
    color: #627399;
    font-weight: 700;
}

@media screen and (min-width:0\0){label.custom-select span{display: none;}}
label.custom-select select {border-radius: 0 !important;}

.pagination {margin-top: 50px;}
.pagination li a {
	font-size: 12px !important;
	color: #999 !important;
	padding: 5px !important;
}
.pagination.border ul > li.active > a {
	background-image: url(../images/icon_page_onbg.png);
	background-repeat: repeat-x;
	background-position-y: bottom;
}
@media screen and (min-width:0\0){
	.pagination.border ul > li.active > a {background-position-y: 25px;}
}
/* --------------------------------------------------------*/
/* tableType ----------------------------------------------*/
.highlight tbody tr.on,
.highlight tbody tr:hover {background-color: #f4f5f8;}

.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%;border-bottom:2px solid #dcdcdc;font-family:'돋움',dotum;font-size:12px;text-align:center;border-collapse:collapse}
.tbl_type caption{display:none}
.tbl_type tfoot{background-color:#d2e3e3;font-weight:bold; color:#F00}
.tbl_type th{padding:7px 0 4px;border-top:2px solid #dcdcdc;border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f5f7f9;color:#666;font-family:'돋움',dotum;font-size:12px;font-weight:bold; text-align: center;}
.tbl_type td{padding:6px 0 4px;border:1px solid #e5e5e5;color:#4c4c4c}
.tbl_type td.ranking{font-weight:bold}

.tbl_type2, .tbl_type2 th, .tbl_type2 td { border: 0 }
.tbl_type2 {
	width: 100%;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	font-family: 'Roboto', sans-serif;
}
.tbl_type2 caption { display: none }
.tbl_type2 tfoot {
    border-top:1px solid #dcdcdc;;
	background-color: #f9fafc;
	font-weight: bold;
	color: #F00
}
.tbl_type2 th {
	text-align: center;
	padding: 10px 0;
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	background-color: #f5f7f9;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}
.tbl_type2 td {
	padding: 6px 0 4px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
	color: #4c4c4c;
}
.tbl_type2 td.ranking { font-weight: bold }
.tbl_type2 td:last-child { border-right : none;}
.tbl_type2 tr:last-child td { border-bottom: none;}

.tbl_type3, .tbl_type3 th, .tbl_type3 td { border: 0 }
.tbl_type3 {
	width: 100%;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	font-family: 'Roboto', sans-serif;
}
.tbl_type3 caption { display: none }
.tbl_type3 tfoot {
    border-top:1px solid #dcdcdc;;
	background-color: #f9fafc;
	font-weight: bold;
	color: #F00
}
.tbl_type3 th {
	text-align: center;
/*	padding: 10px 0;*/
/*    글씨 없을 때 넓혀놓은 padding*/
	padding: 15px 0; 
	background-color: #f5f7f9;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}
.tbl_type3 td {
/*	padding: 6px 10px 4px;*/
/*    글씨없을때 넓혀놓은 padding*/
	padding: 15px 0px;    
	color: #4c4c4c;
}
.tbl_type3 tbody tr:nth-child(2n) { background: #f9fafc;}
.tbl_type3 td.ranking { font-weight: bold }
.tbl_type3 td:last-child { border-right : none;}
.tbl_type3 tr:last-child td { border-bottom: none;}

.tbl_type4, .tbl_type4 th, .tbl_type4 td { border: 0 }
.tbl_type4 {
	width: 100%;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	font-family: 'Roboto', sans-serif;
}
.tbl_type4 caption { display: none }
.tbl_type4 tfoot {
    border-top:1px solid #dcdcdc;;
	background-color: #f9fafc;
	font-weight: bold;
	color: #F00
}
.tbl_type4 th {
	text-align: center;
	padding: 10px 0;
	background-color: #fff;
	color: #666;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}
.tbl_type4 td {
	color: #4c4c4c;
	line-height: normal;
}
.tbl_type4 td:last-child { border-right : none;}
.tbl_type4 tr:last-child td { border-bottom: none;}

.tbl_type5,.tbl_type5 th,.tbl_type5 td{border:0}
.tbl_type5{width:100%;border:1px solid #dddee2;font-family:'돋움',dotum;font-size:12px;table-layout:fixed}
.tbl_type5 caption{display:none}
.tbl_type5 th{padding:8px 0 5px 20px;border-top:1px solid #dddee2;background:#f1f1f3;color:#666;font-weight:bold;text-align:left;vertical-align:top}
.tbl_type5 td{padding:8px 5px 5px 12px;border-top:1px solid #dddee2;line-height:16px;vertical-align:top}

.tbl_type6, .tbl_type6 th, .tbl_type6 td { border: 0 }
.tbl_type6 {
	width: 100%;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	font-family: 'Roboto', sans-serif;
}
.tbl_type6 caption { display: none }
.tbl_type6 tfoot {
    border-top:1px solid #dcdcdc;;
	background-color: #f9fafc;
	font-weight: bold;
	color: #F00
}
.tbl_type6 th {
	text-align: center;
	padding: 10px 0;
	background-color: #627399;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
}
.tbl_type6 th a {color: #fff;}
.tbl_type6 td {
	height: 65px;
	padding: 6px 10px 4px;
	color: #333;
	border-bottom:1px solid #ebeef2;;
}
.tbl_type6 td a { color: #333}
.tbl_type6 td.ranking { font-weight: bold }
.tbl_type6 td:last-child { border-right : none;}
.tbl_type6 tr:last-child td { border-bottom: none;}

.tbl_type_row, .tbl_type_row th, .tbl_type_row td { border: 0 }
.tbl_type_row {
	width: 100%;
	font-size: 13px;
	table-layout: fixed;
	border-top:2px solid #9c9fa8;
	border-bottom:1px solid #caccd2;
}
.tbl_type_row th {
	padding: 8px 0 5px 20px;
	border-top: 1px solid #e8e8ec;
	border-right: 1px solid #e8e8ec;
	background: #f9fafd;
	font-weight: 500;
	color: #333;
	text-align: center;
	vertical-align: middle;
	width: 270px;
}
.tbl_type_row td {
	padding: 12px 5px 12px 12px;
	border-top: 1px solid #e8e8ec;
	border-right: 1px solid #e8e8ec;
	font-weight: normal;
	color: #777777;
	line-height: 20px;
	vertical-align: top
}
.tbl_type_row td:last-child {border-right:none;}
.tbl_type_row td.imp {
	font-weight: 500;
	color: #555;
}

.tbl_type_col, .tbl_type_col th, .tbl_type_col td { border: 0 }
.tbl_type_col {
	width: 100%;
	font-size: 13px;
	text-align: center;
	border-collapse: collapse;
	border-top:2px solid #9c9fa8;
	border-bottom:1px solid #caccd2;
}
.tbl_type_col caption { display: none }
.tbl_type_col tfoot {
	background-color: #d2e3e3;
	font-weight: bold;
	color: #F00
}
.tbl_type_col th {
	padding: 7px 0 4px;
	border-right: 1px solid #e8e8ec;
	border-left: 1px solid #e8e8ec;
	background-color: #f9fafd;
/*	font-weight: 500;*/
    font-family: 'noto-bold';
	color: #333;
	text-align: center;
}
.tbl_type_col td {
	padding: 6px 0 4px;
	border: 1px solid #e8e8ec;
	color: #777777;
}
.tbl_type_col tr:last-child td {border-bottom: none;}
.tbl_type_col td.imp { font-weight: bold }
.tbl_type_col th:first-child,
.tbl_type_col td:first-child {border-left: none;}
.tbl_type_col th:last-child,
.tbl_type_col td:last-child {border-right: none;}

.tbl_type_notice, .tbl_type_notice th, .tbl_type_notice td { border: 0 }
.tbl_type_notice {
	width: 100%;
	font-size: 13px;
	text-align: center;
	border-collapse: collapse;
	border-top:2px solid #444;
	border-bottom:1px solid #caccd2;
}
.tbl_type_notice caption { display: none }
.tbl_type_notice tfoot {
	background-color: #d2e3e3;
	font-weight: bold;
	color: #F00
}
.tbl_type_notice th {
	padding: 12px 0;
	/*border-right: 1px solid #e8e8ec;
	border-left: 1px solid #e8e8ec;*/
	border-bottom: 1px solid #ccc;
	background-color: #f7f7f7;
	font-size: 14px;
	font-weight: normal;
	color: #333;
	text-align: center;
}
.tbl_type_notice td {
	padding: 6px 0 4px;
	border-bottom: 1px solid #e8e8ec;
	color: #666;
}
.tbl_type_notice td a {color: #666;}
.tbl_type_notice td:nth-child(3) {text-align: left;}
.tbl_type_notice tbody td:nth-child(3) a:hover {color: #f66424; text-decoration: underline;}
.tbl_type_notice td.imp { font-weight: bold }
.tbl_type_notice th:first-child,
.tbl_type_notice td:first-child {border-left: none;}
.tbl_type_notice th:last-child,
.tbl_type_notice td:last-child {border-right: none;}

.tbl_type_row input,
.tbl_type_col input {
	height: 25px !important;
	border-color: #bbbbbb !important;
}
@media screen and (min-width:0\0){
	.pagination.border ul > li.active > a {
		line-height: normal !important;
		padding: 0px 15px 3px; 
	}
}
.tbl_type_row textarea,
.tbl_type_col textarea {border-color: #bbbbbb !important;}
.tbl_type_row .custom-select,
.tbl_type_col .custom-select {
	float: left;
	width: 210px;
	margin-right: 8px;
}
.tbl_type_row .custom-select select,
.tbl_type_col .custom-select select {
	height: 25px !important;
	line-height: normal !important;
	border-radius: 0 !important;
	border-color: #bbbbbb !important;
	font-size: 12px;
	color: #555;
	font-weight: normal;
}
.tbl_type_row .custom-select span,
.tbl_type_col .custom-select span {
	padding-top: 0;
	top:2px;
}
/*--------- ----------------------------------------------*/

/* switcher ----------------------------------------------*/
#ui-switcher .ui-switcher {
  background-color: #bdc1c2;
  display: inline-block;
  height: 20px;
  width: 48px;
  border-radius: 10px;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  transition: border-color 0.25s;
  margin: -2px 4px 0 0;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);
}
#ui-switcher .ui-switcher:before {
  font-family: sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #ffffff;
  line-height: 1;
  display: inline-block;
  position: absolute;
  top: 6px;
  height: 12px;
  width: 20px;
  text-align: center;
}
#ui-switcher .ui-switcher[aria-checked=false]:before {
  content: 'OFF';
  right: 7px;
}
#ui-switcher .ui-switcher[aria-checked=true]:before {
  content: 'ON';
  left: 7px;
}
#ui-switcher .ui-switcher[aria-checked=true] {
  background-color: #f6a724;
}
#ui-switcher .ui-switcher:after {
  background-color: #ffffff;
  content: '\0020';
  display: inline-block;
  position: absolute;
  top: 2px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  transition: left 0.25s;
}
#ui-switcher .ui-switcher[aria-checked=false]:after {
  left: 2px;
}
#ui-switcher .ui-switcher[aria-checked=true]:after {
  left: 30px;
}
/*--*/


/* 상단메뉴 */
.nav {
	position: fixed;
	width: 100%;
	background: #292e4e !important;
	box-shadow: none !important;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	z-index: 100;
}
.section-nav {
	padding: 0 !important;
	height: auto;/*overflow: hidden;*/
}
.nav .mu > li {
	display: block;
	float: left;
	margin: 0 0 0 40px;
}
.nav .mu > li > a {
	display: block;
	height: auto;
	padding-top: 21px !important;
	padding-bottom: 21px !important;
}
.nav .mu > li > a {
	color: #fff !important;
	font-size: 14px;
/*	font-weight: bold !important;*/
	letter-spacing: +.5px;
    
}
.nav h1 {
	float: left !important;
	padding-top: 13px;
	margin-bottom: 0 !important;
}
.nav .mu { float: left !important; }
.nav .mu.right {
	float: right !important;
	position: relative;
	padding-right: 43px;
}
.nav .mu.right > li { font-size: 12px !important; }
.nav .mu.right .language {
	display: none;
	position: absolute;
	top: 63px;
	right: 0;
	background: #656999;
	z-index: 1;
}
.nav .mu.right .language ul { width: 110px; }
.nav .mu.right .language ul.langl { float: left; }
.nav .mu.right .language ul.langr { float: right; }
.nav .mu.right .language ul li {
	padding: 10px 5px 10px 28px;
	border-bottom: 1px solid #454970;
}
.nav .mu.right .language ul.langl li { border-right: 1px solid #454970; }
.nav .mu.right .language ul li.on {
	background-image: url(../images/lang-on.png);
	background-repeat: no-repeat;
	background-position: 17px center;
}
.nav .mu.right .language ul li { color: #fff; }
.nav .mu.right .language ul li:hover { background-color: #454970; }
 @media (max-width: 1199px) {
body:not(.onepage) .banner--stick { display: initial !important; }
}
.section-cnt {
	z-index: 1;
	position: relative;
    left: 220px;
	clear: both;
	height: auto;
	overflow: hidden;
	/*margin-top: 63px;*/
/*	padding-top: 30px;*/
}
/* 메인 페이지-----------------------------------*/
.main .section-cnt {
	position: relative;
    left: 0;
	clear: both;
	height: auto;
	overflow: hidden;
	/*margin-top: 63px;*/
	padding-top: 0;
}
/* 메인-비쥬얼 영역 */
.section-mainvisual {
/* 	height: 421px; */
/*height: 249px;*/
	width: 100%;
	/*background: #292e4e !important;*/
}
.section-mainvisual .container { width: 1920px !important;}
.section-mainvisual .container .slick img { width: 1920px; height: 400px;}
.section-mainvisual .slick-nav-container.inner-arrows .slick-nav .slick-dots { bottom: 10px !important; }
.section-mainvisual .slick-nav-container .slick-nav .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 2px;
}
.section-mainvisual .slick-nav-container .slick-nav .slick-dots li, .section-mainvisual .slick-nav-container .slick-nav .slick-dots li:hover { background: #bdbdbd; }
.section-mainvisual .slick-nav-container .slick-nav .slick-dots li.slick-active { 
	background: #f6a724; 
	/*background-color: #e0c366;*/
}
.section-mainvisual .slick-next, .section-mainvisual .slick-prev { display: none !important; }
.slick-nav-container.inner-arrows .slick-nav .slick-dots { bottom: 10px;}
/* 메인-공지 보도자료 */
.section-notice {
	clear: both;
	background: #044143;
	border-top: 1px solid rgba(255,255,255,0.15);
	height: auto;
	overflow: hidden;
/* 	padding: 15px 0; */
	padding: 10px 0;
}
.section-notice a { color: #fff; font-size: 14px }
.section-notice .notice, .section-notice .report {
	float: left;
	width: 50%;
	height: auto;
	overflow: hidden;
}
.section-notice .notice .tit, .section-notice .notice .txt, .section-notice .report .tit, .section-notice .report .txt {
	float: left;
	font-family: 'Nanum Gothic', sans-serif;
}
.section-notice .notice .tit, .section-notice .report .tit {
	padding: 5px;
	/*width: 60px;*/
	line-height: 12px;
	letter-spacing: -.5px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 6px;
	border: 1px solid #fff;
}
.section-notice .notice .txt, .section-notice .report .txt {
	margin-left: 15px;
	width: 580px;
	height: 25px;
	font-size: 13px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* 메인-배너영역*/

.section-banner {
	/*background: #e6e5ea;*/
	background-color: #f1f1f1;
	padding: 15px 0;
}
.section-banner .btn-pre, .section-banner .btn-next {
	width: 21px;
	padding-top: 18px;
	font-size: 20px;
	color: #292e4e;
	background: none;
}
/*
.section-banner .btn-pre,
.section-banner ul  { float: left;}
.section-banner .btn-next { float: right;}
.section-banner ul li {
    float: left;
    padding: 0 6px;
}
*/
.section-banner .slick-wrapper { margin: 0 20px; }
.section-banner .slick-dots { visibility: hidden; }
.section-banner .slick-nav-container.inner-arrows.bg .slick-nav .slick-prev:before, .section-banner .slick-nav-container.inner-arrows.bg .slick-nav .slick-next:before { font-size: 18px !important; }
.section-banner .slick-nav-container.inner-arrows.bg.light-bg .slick-nav .slick-prev:before, .section-banner .slick-nav-container.inner-arrows.bg.light-bg .slick-nav .slick-next:before { background: none !important; }
.section-banner .slick-nav-container.inner-arrows.bg .slick-nav .slick-prev:before {
	content: "◀";
	margin-left: -45px;
	vertical-align: bottom;
}
.section-banner .slick-nav-container.inner-arrows.bg .slick-nav .slick-next:before {
	content: "▶";
	margin-right: -45px;
	vertical-align: bottom;
}
.section-banner .item { text-align: center; }
.section-banner .item img {
	width: 250px;
	height: 65px;
}

.section-coin {
	/*background: #e6e5ea;*/
	background-color: #f1f1f1;
	width:100%;
	margin-top:5px;
}

.section-coin .container { width: 1920px !important;}


/* 코인정보 */
.section-coininfo { padding: 25px 0; }
.section-coininfo ul li {
	float: left;
	width: 258px;
	height: 100px;
	margin-right: 18px;
	overflow: hidden;
	border: 1px solid #eee;
}
.section-coininfo ul li:last-child { margin-right: 0; }
.section-coininfo .name {
	margin-top: 10px;
	margin-left: 10px;
	font-size: 15px;
	font-weight: 600;
	color: #333;
}
.section-coininfo .name .unit {
	font-size: 12px;
	font-weight: 300;
	color: #999;
}
.section-coininfo .num {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 15px;
	font-weight: 600;
	color: #f6a724;
}
.section-coininfo .per {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	font-size: 15px;
	font-weight: 600;
	color: #f64c24;
}
/* 코인목록 */
.section-coinlist {
	padding: 90px 0;
}
.section-coinlist .table-area{
	text-align: center;
	overflow: auto;
}
.section-coinlist .tit-list {
	height: auto;
	overflow: hidden;
	/*background: url(../images/dot_forline.gif) repeat-x bottom;*/
}
.section-coinlist .tit-list li {
	float: left;
	width: 120px;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	color: #7d7d7d;
	padding: 16px 40px 10px;
	/*border: 1px solid #e6e6e6;*/
	border-bottom: none;
	border-left: none;
	cursor: pointer;
}
.section-coinlist .tit-list a:first-child li { border-left: 1px solid #e6e6e6; }
.section-coinlist .tit-list li.on {
	color: #f6a724;
	/*border-bottom: 1px solid #fff;*/
}
.section-coinlist .table-area table th, .section-coinlist .table-area table td {
	padding: 20px 10px;
	font-size: 12px;
	font-weight: 400;
}
.section-coinlist .table-area table th {
	font-size: 14px;
	border-bottom: initial;
}
.section-coinlist .table-area table th:first-child, .section-coinlist .table-area table td:first-child { padding-left: 30px; }
/*.section-coinlist .table-area table th:nth-child(n+5), .section-coinlist .table-area table td:nth-child(n+5) { text-align: right; }*/
/* 메인-앱다운로드 */
.section-appdn {
	background-color: #656999;
	color: #fff;
}
.section-appdn .container {
	position: relative;
	height: auto;
	overflow: hidden;
	text-align: right;
	padding-top: 22px;
	padding-bottom: 22px;
	background-image: url(../images/main_appdn_tit.png);
	background-repeat: no-repeat;
	background-position: 50px bottom;
}
.section-appdn .container a { margin-left: 10px; }
.content-wrapper { padding-bottom: 50px;}
.content-wrapper.main { padding-bottom: 0;}
/* FOOTER */
/*footer {
	clear: both;
	background-color: #e6e5ea;
}
footer li {
	display: inline-block;
	font-size: 13px;
	color: #292e4e;
	margin-right: 27px;
}
footer .cop {
	color: #999999;
	font-weight: 200;
}*/

/* 비쥬얼 1920에 따른 변경 20181210 
.main .container,
footer .container {
	width: 1920px !important;
	padding-left: 277px !important;
	padding-right: 277px !important;
}
.main .section-mainvisual .container { 
	width: 1920px !important; 
	padding-left: 0 !important; 
	padding-right: 0 !important;
}
.section-appdn .container { background-position: 280px bottom;}
-- */
/* ---------------------------------------------*/

/* 거래소----------------------------------------*/
/* 메인차트 부분 */
.stock .section-left {
	position: relative;
	height: auto;
	overflow: hidden;
	float: left;
	width: 958px;
}
.section-right {
	position: relative;
	height: auto;
	overflow: hidden;
	float: right;
	width: 398px;
}
.stock .section-left .article-mainchart {
	position: relative;
	height: auto;
	overflow: hidden;
	float: left;
	width: 100%;
	margin-bottom: 10px;
	background-color: #ffffff;
	border: 1px solid #ebeef2;
}
.article-mainchart .titarea {
	display: block;
	height: 42px;
	padding: 8px 14px;
	border-bottom: 1px solid #ebeef2;
}
.article-mainchart .titarea .select .icon {
	float: left;
	padding-right: 10px;
}
.article-mainchart .titarea .select .tit {
	float: left;
	font-size: 20px;
	font-weight: 700;
	color: #2b2b2b;
}
.article-mainchart .titarea .select .icon img {
	width: 26px;
	vertical-align: middle;
}
.article-mainchart .titarea p {
	float: left;
	margin: 3px 5px 0 5px;
	color: #666666;
	font-size: 12px;
	letter-spacing: 0.05em;
}
.inforTab {
	position: relative ;
	height: 43px;
	background-image: url(../images/dot_forline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.article-mainchart .titarea .inforTab {
	position: absolute;
	right: 0;
	top: 0;
}
.text-replace {
	height: 0;
	overflow: hidden;
	font: 0/0 Arial;
	text-indent: -1000em;
}
.inforTab dl dd { float: left !important; padding: 0 !important;}
.inforTab dl dd a {
	display: block;
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 16px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: 600;
	cursor: pointer;
}
.article-mainchart .titarea .inforTab dl dd a {  width: 163px; }
.inforTab dl dd.on a {
	border-bottom: 3px solid #24a5f6;
	color: #24a5f6;
}
.article-mainchart .marketB {
	position: relative;
	display: block;
	padding: 18px 20px 14px 20px;
	height: auto;
	overflow: hidden;
}
.article-mainchart .marketB .ty01 {
	float: left;
	width: 270px;
}
.article-mainchart .marketB .ty01 span {
	display: block;
	letter-spacing: 1px;
	color: #24a5f6;
}
.article-mainchart .marketB .ty01 span strong {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
}
.article-mainchart .marketB .ty01 span em {
	display: inline-block;
	margin: 0 4px 0 2px;
	font-size: 14px;
}
.article-mainchart .marketB .ty01 span p {
	display: inline-block;
	color: #2b2b2b;
}
.article-mainchart .marketB .ty01 span p.tit {
	padding-top: 5px;
	margin-right: 4px;
	line-height: 19px;
	color: #666666;
	font-size: 11px;
	font-family: 'Dotum', 'Noto Sans KR', sans-serif;
	letter-spacing: 0;
	vertical-align: top;
}
.article-mainchart .marketB .ty01 span p i {
	color: #999999;
	font-size: 11px;
	letter-spacing: 0.05em;
}
.article-mainchart .marketB .ty01 strong.upDown {
	margin-left: 6px;
	padding-left: 14px;
}
.article-mainchart .marketB .ty01.up strong { color: #d60000; }
.article-mainchart .marketB .ty01.up strong.upDown { background: url(../images/ico_up.png) 0 center no-repeat; }
.article-mainchart .marketB .ty01.down strong.upDown { background: url(../images/ico_down.png) 0 center no-repeat; }
.article-mainchart .marketB .ty01.up em {
	color: #d60000;
	letter-spacing: 0.05em;
}
.article-mainchart .marketB .ty01.down em {
	color: #0051c7;
	letter-spacing: 0.05em;
}
.article-mainchart .marketB .ty01 span.first { margin: -6px 0 2px 0; }
.article-mainchart .marketB .ty01 span.first strong {
	color: #f6a724;
	font-size: 32px;
	font-weight: 700;
}
.article-mainchart .marketB .ty02 {
	float: left;
	width: 140px;
	height: 50px;
	margin-top: 2px;
	background-color: #f9fafb;
	overflow: hidden;
}
.article-mainchart .marketB .ty03 {
	float: right;
	width: 490px;
}
.article-mainchart .marketB .ty03 dl {
	float: left;
	width: 230px;
	margin-left: 20px;
	overflow: hidden;
}
.article-mainchart .marketB .ty03 dl dt {
	float: left;
	width: 35%;
	height: 18px;
	line-height: 18px;
	color: #2b2b2b;
	font-family: 'Dotum', 'Noto Sans KR', sans-serif;
}
.article-mainchart .marketB .ty03 dl dd {
	float: left;
	width: 65%;
	height: 18px;
	line-height: 18px;
	letter-spacing: 1px;
	text-align: right;
}
.article-mainchart .marketB .ty03 dl dt:first-child {
	height: 26px;
	margin-bottom: 9px;
	padding-bottom: 9px;
	border-bottom: 1px solid #e3e5ec;
}
.article-mainchart .marketB .ty03 dl dd:nth-child(2) {
	height: 26px;
	margin-bottom: 9px;
	padding-bottom: 9px;
	border-bottom: 1px solid #e3e5ec;
}
.article-mainchart .marketB .ty03 dl *:first-child+dd {
	margin-bottom: 9px;
	padding-bottom: 9px;
	border-bottom: 1px solid #e3e5ec;
}
.article-mainchart .marketB .ty03 dl dd strong {
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	font-size: 14px;
}
.article-mainchart .marketB .ty03 dl dd strong.max {
	font-size: 12px;
	letter-spacing: -0.05em;
}
.article-mainchart .marketB .ty03 dl dd strong.up {
	color: #f66424;
	font-weight: 700;
}
.article-mainchart .marketB .ty03 dl dd strong.down {
	color: #24a5f6;
	font-weight: 700;
}
.article-mainchart .marketB .ty03 dl dd p {
	display: inline-block;
	margin-left: 4px;
	font-size: 11px;
}
.article-mainchart .marketB .ty03 dl dd i {
	display: inline-block;
	color: #999999;
	font-size: 11px;
	letter-spacing: 0.05em;
}
.article-mainchart .marketB .ty03 dl dd i.max { font-size: 10px; }
.article-mainchart .marketB .ty03 dl.first {
	width: 210px;
	margin-left: 30px;
}
.article-mainchart .marketB .ty03 dl.first dt { width: 16%; height: 26px; }
.article-mainchart .marketB .ty03 dl.first dd { width: 84%; height: 26px; font-family: 'Roboto', sans-serif;}
.article-mainchart .marketB .btn {
	position: absolute;
	top: 18px;
	right: 20px;
	width: 230px;
	height: 53px;
	background-color: #ffffff;
	border: 1px solid #093687;
	border-radius: 0.1em;
	text-align: center;
}
.article-mainchart .marketB .btn a {
	display: block;
	width: 230px;
	height: 47px;
	padding-top: 8px;
	background: url(../images/ico_gt.png) right center no-repeat;
	line-height: 1.3em;
	color: #093687;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Noto Sans KR', sans-serif;
}
.article-mainchart .foreignB {
	display: block;
	padding: 7px 20px;
	background-color: #f9fafc;
	border-top: 1px solid #f5f6fa;
	overflow: hidden;
}
.article-mainchart .foreignB ul { width: 100%; }
.article-mainchart .foreignB ul li {
	float: left;
	width: 25%;
	height: 18px;
	line-height: 18px;
	color: #2b2b2b;
	letter-spacing: 1px;
	overflow: hidden;
}
.article-mainchart .foreignB ul li em {
	float: left;
	display: block;
	margin-right: 20px;
	padding-left: 8px;
	background: url(../images/ico_dot_1.png) 0 center no-repeat;
}
.article-mainchart .foreignB ul li.ty01 em { color: #678e2f; }
.article-mainchart .foreignB ul li.ty02 em { color: #3f8ac9; }
.article-mainchart .foreignB ul li.ty03 em { color: #0096df; }
.article-mainchart .foreignB ul li.ty04 em { color: #06595f; }
.article-mainchart .foreignB ul li strong {
	float: left;
	margin-right: 5px;
	font-size: 13px;
	font-weight: 700;
}
.article-mainchart .foreignB ul li p {
	float: left;
	color: #999999;
	font-size: 11px;
}
.article-mainchart .graphB {
	display: block;
	width: 100%;
	height: auto;
	border-top: 1px solid #ebeef2;
	overflow: hidden;
}
.article-mainchart .graphB .txt {
	margin-top: 130px;
	font-family: 'Noto Sans KR', sans-serif;
	text-align: center;
}
.article-mainchart .graphB .txt strong {
	display: inline-block;
	margin-bottom: 20px;
	color: #2b2b2b;
	font-size: 36px;
	font-weight: 700;
}
.article-mainchart .graphB .txt strong em {
	color: #093687;
	font-size: 34px;
	font-weight: normal;
}
.article-mainchart .graphB .txt strong img {
	margin-right: 20px;
	vertical-align: -6px;
}
.article-mainchart .graphB .txt p {
	color: #666666;
	font-size: 20px;
}
.article-mainchart .graphB .txt p em {
	color: #2b2b2b;
	font-weight: 500;
}
.article-mainchart .graphB .txt p.ty01 {
	margin: 45px 0 30px 0;
	color: #666666;
	font-size: 15px;
}
.article-mainchart .graphB .txt a.btn {
	display: block;
	width: 390px;
	height: 60px;
	margin: 0 auto;
	background-color: #0062df;
	border-radius: 0.1em;
	box-shadow: 2px 2px 4px #dee1e7;
	line-height: 58px;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
}


/* 일반호가 */
.title-basic {
    font-size: 16px;
    font-weight: 700;
    color: #24a5f6;
    padding: 12px 30px;
    border-bottom: 1px solid #ebeef2;
}
.stock .divid {
    width: 100%;
    position: relative;
    height: auto;
    overflow: hidden;
}
.stock .divid .article-left { 
    float: left;
    width: 474px;
    position: relative;
    height: auto;
    overflow: hidden;
    border: 1px solid #ebeef2;
}
.stock .divid .article-right { float: right;}
.stock .divid .article-right .article {
    width: 474px;
    position: relative;
    height: auto;
    overflow: hidden;
    border: 1px solid #ebeef2;
    margin-bottom: 10px;
}
.stock .divid .article-left { margin-right: 10px;}
/*.stock .askPrice table tr.down td:first-child { width: 50px;}*/
.stock .askPrice table .down .bar {
    position: relative;
    padding: 8px 0 8px 8px;
}
.stock .askPrice table .down .bar p {
    position: absolute;
    right: 0;
    height: 26px;
    padding-right: 5px;
    text-align: right;
}
.stock .askPrice table .down .bar div {
    float: right;
    height: 26px;
    background: #ddedfe;
}
.stock .askPrice table .down .acc { background: #f5faff;}
.stock .askPrice table .down .acc span {
    float: left;
    padding-right: 5px;
    text-align: right;
    color: #0090eb;
}
.stock .askPrice table .up .bar p {
    position: absolute;
    left: 0;
    height: 26px;
    padding-left: 5px;
    text-align: left;
}
.stock .askPrice table .up .bar {
    position: relative;
    padding: 8px 8px 8px 0px;
}
.stock .askPrice table .up .bar div {
    float: left;
    height: 26px;
    background: #fff2db;
}
.stock .askPrice table .up .acc { background: #fff8ed;}
.stock .askPrice table .up .acc span {
    float: left;
    padding-right: 5px;
    text-align: right;
    color: #e86801;
}
.stock .askPrice table .acc span:first-child {
    width: 60%;
    font-weight: bold;
}
.stock .askPrice table .acc span:last-child {
    width: 40%;
}
.stock .askPrice table .acc.on {
    background-image: url(../images/accon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.stock .askPrice table td .info {    
    clear: both;
    position: relative;
    height: auto;
    overflow: hidden;
    margin: 0 10px;
    padding: 5px 0;
    border-bottom: 1px solid #ebeef2;
    font-size: 11px;
}
.stock .askPrice table td .info:last-child { border-bottom: none;}
.stock .askPrice table td .info dt dl {clear: both;}
.stock .askPrice table td .info dt,
.stock .askPrice table td .info dd {
    display: block;
    text-align: left;
}
.stock .askPrice table td .info dt { 
    clear: both;
    float: left;
    position: relative;
    height: auto;
    overflow: hidden;
    width: 45px; 
    text-align: left;
    letter-spacing: -1px;
}
.stock .askPrice table td .info dd {
    float: right;
    height: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 10.5px;
}
.stock .askPrice table td .info dd span {
    font-size: 9px;
    color: #999;
}
.stock .askPrice table td .info dd.up { color:blue; }
.stock .askPrice table td .info dd.dn { color:red; }
.stock .askPrice table td .info dd:nth-child(3) { width: 100%; text-align: right;}

.stock .askPrice table .up .leftinfo {
    width: 100%;
    height: 410px;
    overflow: hidden;
}
.stock .askPrice table .up .leftinfo dt,
.stock .askPrice table .up .leftinfo dd {
    display: inline-block;
    width: 50%;
    font-size: 11px;
}
.stock .askPrice table .up .leftinfo table { width: 100%;}
.stock .askPrice table .up .leftinfo table thead th {
    border: none;
    text-align: center;
}
.stock .askPrice table .up .leftinfo table td { border-right: none !important; }
.stock .askPrice table .up .leftinfo table td.up,
.stock .askPrice table .up .leftinfo table td.dn {
    text-align: right;
    padding-right: 5px;
}
.stock .askPrice table .up .coltd {
    padding-top: 0;
	border-bottom:0;
	vertical-align: top;
}
.stock .askPrice table .up .coltd table td {
    line-height: 12px;
    border-bottom: none;
    font-size: 11px;
    color: #666;
}
.stock .askPrice table .up .coltd table td.up { color:blue; }
.stock .askPrice table .up .coltd table td.dn { color:red; }
.stock .askPrice .tablearea {
    height: 668px;
    padding-bottom: 42px;
    overflow-y: scroll;
}
.stock .askPrice .tablearea table tfoot {
    position: absolute;
    width: 100%;
    bottom: 0;
    font-weight: normal;
}
.stock .askPrice .tablearea table tfoot td { 
    padding: 5px 10px;
    line-height: 16px;
}
.stock .askPrice .tablearea table tfoot .tp01 { text-align: right; width: 76px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.stock .askPrice .tablearea table tfoot .tp01 { width: 86px !important;}}
.stock .askPrice .tablearea table tfoot .tp02 { font-weight: bold; width: 163px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.stock .askPrice .tablearea table tfoot .tp02 { width: 186px !important;}}
.stock .askPrice .tablearea table tfoot .tp03 { text-align: left; width: 107px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.stock .askPrice .tablearea table tfoot .tp03 { width: 88px !important;}}
.stock .askPrice .tablearea table tfoot .can { font-size: 12px;}
.stock .askPrice .tablearea table tfoot .can.up a { color: blue;}
.stock .askPrice .tablearea table tfoot .can.dn a { color: red;}
.stock .askPrice .tablearea table td { border-right: 1px solid #ebeef2;}

/* 매수.매도 */
.stock .article-right .commission {
    position: relative;
    height: 23px;
    margin-bottom: 15px;
}
.stock .article-right .commission span {
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 11px;
    font-weight: 300;
    line-height: normal;
    color: #333;
}
.stock .article-right .commission .icon { padding-top: 5px;}
.stock .article-right .commission .btnarea { float: right; width: auto; margin-top: 0;}
.stock .article-right .commission .commission-cnt {
	display: none;
    position: absolute;
    width: 100%;
    top: 38px;
    padding: 12px;
    border: 1px solid #999;
    background-color: #f3f3f3;
    z-index: 1;
}
.stock .article-right .commission .commission-cnt .toparea span {
    height: 25px;
    font-size: 12px;
    font-weight: bold;
    color: #f66424;
}
.stock .article-right .commission .commission-cnt .toparea .onoff {
	float:right;
	margin-top: -5px;
}
.stock .article-right .commission .commission-cnt .stxt {
    clear: both;
    height: 25px;
    font-size: 10px;
    color: #7f7f7f;
}
.stock .article-right .commission .commission-cnt .btnarea {
    clear: both;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.stock .article-right .buysell .inforTab dl dd.on a {
	border-bottom: 3px solid #f6a724;
	color:#f6a724;
}
.stock .article-right .buysell .inforTab dd {
	padding: 0;
}
.stock .article-right .buysell .cntarea { padding: 5px 15px;}
.stock .article-right .buysell .cntarea dt { width: 130px; }
.stock .article-right .buysell .cntarea dd { width: 310px;}
.stock .article-right .buysell .cntarea dd input {
	float: left;
	text-align: right;
}
.stock .article-right .buysell .cntarea dd .btn.slidercheck {
	background: #f9fafd;
	border-color: #f6a724;
}
.stock .article-right .buysell .cntarea dd.per {
	 position: relative;
	 font-family: 'Roboto', sans-serif;
	}
.stock .article-right .buysell .cntarea dd .inputslider {
	display: none;
	position: absolute;
	top: -41px;
	left: 0;
	padding-top: 40px;
	width: 100%;
	height: 75px;
	padding-left: 30px;
	background: #fff;
	z-index: 1;
	border: 1px solid #ebeef2;
}
.stock .article-right .buysell .cntarea dd .inputslider form { 
	float: left; 
	width: 70%;
	margin-right: 15px;
}
.stock .article-right .buysell .cntarea dd .inputslider form .btn { float: left;}
.stock .article-right .buysell .cntarea dd .inputslider input { margin-top: 5px;}
.stock .article-right .buysell .cntarea .sum { 
	clear: both; 
	position: relative;
	height: auto;
	overflow: hidden;
	background-color: #f4f5f8;
	padding: 10px;
}
.stock .article-right .buysell .cntarea .sum dt {
	color: #2b2b2b;
	font-size: 14px;
	font-weight: 500;
}
.stock .article-right .buysell .cntarea .sum dd {
	width: 290px;
	text-align: right;
	color: #7d7c7d;
}
.stock .article-right .buysell .cntarea .sum dd span {
	font-size: 20px;
	font-weight: 500;
	color: #d60000;
}
.stock .article-right .buysell .cntarea .infotxt {
	text-align: right;
	padding: 5px 0;
}
.stock .article-right .buysell .cntarea .btnarea { text-align: left;}
.stock .article-right .buysell .cntarea .btnarea .btn.no { float: left; width: 37%;}
.stock .article-right .buysell .cntarea .btnarea .btn.ok { float: right; width: 60%;}

/* 거래내역 */
.stock .article-right .dealhistory .title-basic .radio:first-child { margin-left: 50px;}
.stock .article-right .dealhistory .title-basic .radio {font-size:12px;}
.stock .article-right .dealhistory .cntarea>table>colgroup>col { width: 13% !important;}
.stock .article-right .dealhistory .cntarea>table>colgroup>col:last-child { width: 16% !important;}
.stock .article-right .dealhistory .cntarea .overflow table colgroup col { width: 14% !important;}
.stock .article-right .dealhistory .cntarea thead tr th { 
	font-weight: normal;
	font-size: 12px;
	border: none;
}
.stock .article-right .dealhistory .cntarea thead tr th:first-child { border-left: none;}
.stock .article-right .dealhistory .cntarea thead tr th:last-child { border-right: none;}
.stock .article-right .dealhistory .cntarea .overflow { 
	height: 110px;
	overflow-y: scroll;
}
.stock .article-right .dealhistory .cntarea tr td { border-right:none;}
/* 체결히스토리 */
.stock .contracthistory .cntarea thead tr th {font-weight: normal;}
.stock .contracthistory .cntarea thead tr th:first-child { border-left: none;}
.stock .contracthistory .cntarea thead tr th:last-child { border-right: none;}
.stock .contracthistory .cntarea thead th.col02,
.stock .contracthistory .cntarea thead th.col03,
.stock .contracthistory .cntarea thead th.col04 { text-align: right; padding-right: 20px;}
.stock .contracthistory .cntarea tbody .col01 { text-align: center;}
.stock .contracthistory .cntarea tbody .col01 span { color: #999;}
.stock .contracthistory .cntarea .overflow { 
	height: 360px;
	overflow-y: scroll;
}
.stock .contracthistory .cntarea tbody .col02 {
	text-align: right;
	color: #24a5f6;
	font-weight: 700;
}
.stock .contracthistory .cntarea tbody .col03 {
	text-align: right;
	color: #24a5f6;
}
.stock .contracthistory .cntarea tbody .col04 { text-align: right;}

/* coininfo */
.section-right .coininfo .toparea {
	padding: 0 10px;
	height: 42px;
	overflow: hidden;
	border-bottom: 1px solid #ebeef2
}
.section-right .coininfo .toparea .search { 
	float: left;
	padding-top: 6px;
	border-right: 1px solid #ebeef2
}
.section-right .coininfo .toparea .search input {
	float: left;
    width: 246px;
    height: 26px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    border: 0;
	line-height: 26px;
	color: #333;
}
.section-right .coininfo .toparea .search a.btn {
    float: left;
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/bg_set01.png) -90px 0 no-repeat;
    overflow: hidden;
    text-indent: -999em;
}
.section-right .coininfo .toparea .search input::placeholder { 
	font-weight: 700; 
	color: #979797;
}
.section-right .coininfo .toparea .bookmark { 
	float: right;
	height: 16px;
	margin-top: 10px;
    overflow: hidden;
}
.section-right .coininfo .toparea .bookmark a {
    display: block;
    height: 16px;
    padding-left: 24px;
    background: url(../images/bg_set01.png) -80px -120px no-repeat;
    line-height: 16px;
	font-size: 14px;
	color: #666;
    font-family: 'Noto Sans KR', sans-serif;
}
.section-right .coininfo .toparea .bookmark a.on {
    background-position: -80px -140px;
}
.section-right .coininfo .inforTab dd a {
	font-size: 14px;
	font-weight: 500;
}
.section-right .coininfo .cntarea thead th:nth-child(2),
.section-right .coininfo .cntarea thead th:nth-child(3) { text-align: right;}
.section-right .coininfo .cntarea td:first-child {
    padding-left: 14px;
    text-align: inherit;
}
.section-right .coininfo .cntarea .bookmark {
	display: block;
    width: 12px;
    height: 12px;
}
.section-right .coininfo .cntarea .bookmark a {
    display: block;
    width: 12px;
    height: 12px;
    background: url(../images/bg_set01.png) -80px -50px no-repeat;
    overflow: hidden;
    text-indent: 999em;
}

.section-right .coininfo .cntarea table td {
    height: 44px;
    border-top: 1px solid #f1f1f4;
    color: #2b2b2b;
    text-align: right;
}
.section-right .coininfo .cntarea td .bookmark a.on { background-position: -100px -50px;}
.section-right .coininfo .cntarea tr.down td {color: #24a5f6;}
.section-right .coininfo .cntarea tr.up td { color: #f15a29;}
.section-right .coininfo .cntarea td.cAlign {
    padding: 0;
    text-align: center;
}
.section-right .coininfo .cntarea tr .bar {
    position: relative;
    width: 7px;
    height: 27px;
    margin: 0 auto;
    overflow: hidden;
}
.section-right .coininfo .cntarea tr .bar .line {
    position: absolute;
    top: 0;
    left: 3px;
    display: block;
    width: 1px;
    height: 27px;
    background-color: #2b2b2b;
    overflow: hidden;
    text-indent: -999em;
}
.section-right .coininfo .cntarea tr .bar .box {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 7px;
    background-color: #2b2b2b;
    overflow: hidden;
    text-indent: -999em;
}
.section-right .coininfo .cntarea tr .bar.down .line {
    background-color: #24a5f6;
}
.section-right .coininfo .cntarea tr .bar.down .box {
    background-color: #24a5f6;
}
.section-right .coininfo .cntarea tr .bar.up .line {
    background-color: #f15a29;
}
.section-right .coininfo .cntarea tr .bar.up .box {
    background-color: #f15a29;
}
.section-right .coininfo .cntarea td.tit {
	font-family: 'Noto Sans KR', sans-serif; 
	text-align: left;
}
.section-right .coininfo .cntarea td.tit em {
    display: block;
    color: #666666;
    font-size: 11px;
    letter-spacing: 0.05em;
}
.section-right .coininfo .cntarea td.tit strong {
    word-break: break-all;
	display: inline-block;
	color: #333;
    margin: 2px 0 3px 0;
    line-height: 1em;
	font-weight: 700;
}
.section-right .coininfo .cntarea td.price {
    position: relative;
    padding-right: 4px;
}
.section-right .coininfo .cntarea td.rAlign {
    padding-right: 14px;
    text-align: right;
}
.section-right .coininfo .cntarea td.rAlign p {
    color: #2b2b2b;
    letter-spacing: 1px;
    text-align: right;
}
.section-right .coininfo .cntarea td.rAlign p i {
    color: #999999;
    font-size: 11px;
    font-family: 'Dotum','Noto Sans KR', sans-serif;
    letter-spacing: 0;
}
/* 정보 DIV*/
.stock .section-left .bitcoininformation {
	position: absolute;
	background-color: #fff;
	width: 958px;
	height: 555px;
	overflow-y: scroll;
	overflow-x: hidden;
	top: 43px;
	left: 0;
	z-index: 1;
	visibility:hidden;
	padding: 20px;
}
.stock .section-left .bitcoininformation .cntarea {
	position: relative;
	float: left;
    display: block;
    width: 560px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.stock .section-left .bitcoininformation .apibox {
	position: relative;
	float: right;
	width: 320px;
	height: 525px;
	overflow: hidden;
	border: 1px solid #ebeef2
}
.stock .section-left .bitcoininformation .cntarea .title {
    position: relative;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 600;
}
.stock .section-left .bitcoininformation .cntarea .title:first-child {
    margin-top: 0;
	line-height: 26px;
}
.stock .section-left .bitcoininformation .cntarea .title .linkWrap {
    position: absolute;
    right: 0;
    top: 0;
	font-size: 0;
}
.stock .section-left .bitcoininformation .cntarea .title .linkWrap a {
    display: inline-block;
    width: 76px;
    height: 26px;
    line-height: 24px;
    margin: 0;
    margin-left: 4px;
    border: 1px solid #d2d3d7;
    border-radius: 2px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}
.stock .section-left .bitcoininformation .cntarea .tableLayout {
    margin-top: 13px;
}
.stock .section-left .bitcoininformation .cntarea .inforSlide {
    position: relative;
	margin-top: 13px;
	height: 70px;
}
.listindex {
	height: auto;
	overflow: hidden;
}
.stock .section-left .bitcoininformation .cntarea .inforSlide ul li {
    float: left;
    width: calc(33.33% - 6.7px);
    height: 66px;
    padding: 16px;
    background: #f4f5f8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin-left: 10px;
    font-size: 14px;
    cursor: pointer;
}
.stock .section-left .bitcoininformation .cntarea .inforSlide ul li:first-child {
    margin-left: 0;
}
.stock .section-left .bitcoininformation .cntarea .inforSlide .slideArrow {
    position: absolute;
    right: 0;
    top: -38px;
}
.stock .section-left .bitcoininformation .cntarea .inforSlide .slideArrow a {
    display: inline-block;
    /*float: left;*/
    width: 23px;
    height: 20px;
}
.stock .section-left .bitcoininformation .cntarea .inforSlide .slideArrow a.prev {
    background: url(../images/btn_prev.png) no-repeat 0 0;
}
.stock .section-left .bitcoininformation .cntarea .inforSlide .slideArrow a.next {
    margin-left: -1px;
    background: url(../images/btn_next.png) no-repeat 0 0;
}
.stock .section-left .bitcoininformation .cntarea .inforSlide .desc {
    margin-top: 13px;
}
.stock .section-left .bitcoininformation .cntarea .tableLayout {
    margin-top: 13px;
}
.stock .section-left .bitcoininformation .cntarea .dotList {
    margin-top: 13px;
}
.stock .section-left .bitcoininformation .cntarea .dotList li:first-child {
    margin-top: 0;
}
.stock .section-left .bitcoininformation .cntarea .dotList li {
	margin-top: 12px;
	list-style: disc;
}
.stock .section-left .bitcoininformation .cntarea .dotList li a {
    position: relative;
    display: inline-block;
    padding-left: 12px;
	font-size: 12px;
	color: #2b2b2b;
}
.stock .section-left .bitcoininformation .cntarea .dotList li a::before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #2b2b2b;
    position: absolute;
    left: 0;
    top: 6px;
}
.stock .section-left .bitcoininformation .cntarea .dotList li a em {
    padding-left: 7px;
    color: #999;
    font-weight: normal;
}
.stock .section-left .bitcoininformation .cntarea .etcNotice {
    margin-top: 40px;
    line-height: 18px;
    padding: 12px 15px;
    background: #f9fafc;
    font-size: 11px;
    color: #666;
}
/*--*/

/* 배너영역 */
.section-right .bannerarea { margin-top: 10px;}
.section-right .bannerarea li { margin-bottom: 10px;}
.section-right .bannerarea img { width: 100%;}
/* ---------------------------------------------*/

/* 입출금---------------------------------------*/
.coin-num {
	float: right;
}
.coin-num .num {	
    width: 170px;
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: right;
}
.coin-num .unit {	
	color: #666666;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: normal;
}
.title-highlight {
	background-color: #627399;
	color: #fff;
	font-size: 18px;
	text-align: left;
	padding: 12px 30px;
}
/* 총보유자산 */
.teller .section-holdingasset .coin-num .num {
	color:#f66424;
	font-size: 24px;
}
.teller .section-holdingasset {
	float: left;
	position: relative;
	height: auto;
	overflow: hidden;
	width: 548px;
	margin-right: 10px;
}
.teller .section-holdingasset .article {
	height: 880px;
	overflow-y: scroll;
}
.serchCoin .serchInput {
    position: relative;
    width: 400px;
    height: 42px;
    display: inline-block;
    border-right: 1px solid #ebeef2;
    padding: 8px 36px 8px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.serchCoin .chkB {
    text-align: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 105px;
    padding-left: 12px;
}
.serchCoin .serchInput input {
    width: 100%;
    border: 0px;
    height: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-collapse: collapse;
    color: #333;
    letter-spacing: 0px;
}
.serchCoin .serchInput input::placeholder {
	font-size: 14px;
	font-weight: 500; 
	color: #979797;
}
.serchCoin .serchInput .serchBt {
    position: absolute;
    right: 10px;
    top: 8px;
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/bg_set01.png) -90px 0 no-repeat;
    overflow: hidden;
    text-indent: -999em;
}
.serchCoin .chkB a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/bg_set01.png) -120px -50px no-repeat;
    overflow: hidden;
    text-indent: -999em;
    vertical-align: middle;
}
.serchCoin .chkB p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}
.teller .section-holdingasset .title-basic { padding-top:30px; padding-bottom:30px;}
.teller .section-holdingasset .serchCoin { border-bottom: 1px solid #ebeef2;}
.teller .section-holdingasset td:first-child {text-align: left;}
.teller .section-holdingasset td:nth-child(2) { text-align: left;}
.teller .section-holdingasset td:nth-child(3) { text-align: right; padding-right: 15px;}
.teller .section-holdingasset td:last-child {color: #f66424; border-right: 1px solid #eeeef5;}
.teller .section-holdingasset td.rAlign {
    padding-right: 14px;
    text-align: right;
}
.teller .section-holdingasset td {
    height: 64px;
    border-left: 1px solid #eeeef5;
}
.teller .section-holdingasset td a.tit {
    display: inline-block;
    vertical-align: middle;
}
.teller .section-holdingasset td .tit i {
    display: block;
    color: #666666;
    font-size: 11px;
    letter-spacing: 1px;
}
em.logo {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    background: pink;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -999em;
}
.teller .section-holdingasset td a.tit {
    display: inline-block;
    vertical-align: middle;
}
.teller .section-holdingasset td .tit strong {
    display: block;
    color: #2b2b2b;
    font-weight: bold;
}
.teller .section-holdingasset td .tit strong {
    max-width: 110px;
    word-break: keep-all;
	word-wrap: break-word;
	line-height: normal;
}
.teller .section-holdingasset td.rAlign strong {
    display: block;
    color: #2b2b2b;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
}
.teller .section-holdingasset td.rAlign strong i {
    display: inline-block;
    color: #999999;
    font-size: 11px;
    font-weight: normal;
}
.teller .section-holdingasset td.rAlign p {
    color: #5c5c5c;
}
.teller .section-holdingasset td.rAlign p i {
    font-family: 'Droid Sans';
    letter-spacing: 1px;
}
.teller .section-holdingasset table colgroup col:first-child { width: 180px;}
.teller .section-holdingasset table colgroup col:nth-child(2) { width: 100px;}
.teller .section-holdingasset table colgroup col:nth-child(3) { width: 180px;}
/* -- */
/* 입출금내역 */
.teller .section-record {
	float: left;
	position: relative;
	height: auto;
	overflow: hidden;
	width: 400px;
}
.teller .section-record .article { height: 880px;}
.teller .section-record .title-basic {
    padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f9fafc;
	height: auto;
	overflow: hidden;
}
.teller .section-record .coin-num .num {
	color:#333;
	font-size: 24px;
}
.teller .section-record .tradingready {
	position: relative;
	height: 85px;
	overflow: visible;
    padding: 14px 20px;
	background-color: #ffffff;
	border-bottom: 1px solid #ebeef2;
}
.teller .section-record dl dt {
    float: left;
    width: 40%;
    height: 26px;
    line-height: 26px;
    color: #666666;
    font-size: 13px;
    font-family: 'Noto Sans KR', sans-serif;
}
.teller .section-record dl dd {
    float: right;
    width: 60%;
    height: 26px;
    line-height: 26px;
    color: #2b2b2b;
    letter-spacing: 1px;
    text-align: right;
}
.teller .section-record .tradingready dl a.btn {
	width: 44px;
	background-color: #f6a724;
	color: #fff;
	margin-left: 10px;
}
.teller .section-record .tradingready dl a.btn.tooltips { background: #979797; }
.teller .section-record dl dd strong i {
    color: #999999;
    font-size: 11px;
    font-weight: normal;
}
.teller .section-record .trading .cntarea { padding: 30px 20px; border-bottom: 1px solid #ebeef2;}
.teller .section-record .trading .cntarea .tablearea {
	clear: both;
	border: 1px solid #ebeef2;
	max-height: 305px;
	overflow-y: scroll;
}
.teller .section-record .trading .cntarea span {
	display: block;	
	font-size: 14px;
	letter-spacing: -.5px;
	color: #979797;
}
.teller .section-record .trading p.etc { font-size: 11px;}
.teller .section-record .trading .cntarea .btn { width: 100%;}
label.custom-select span::after {
    content: none !important;
    font-size: 20px;
}
label.custom-select span { padding-right: 5px;}
.teller .section-record .trading .cntarea .form-group {  float: right; width: 100px;}
.teller .section-record .trading .noticed { margin: 30px 15px; padding: 20px 10px; background: #f9fafc; border-radius: 5px;} 
.teller .section-record .trading .noticed p { font-size: 12px; line-height: normal; margin-bottom: 5px;}
.teller .section-record .trading .noticed p.important { font-size: 14px; color: #f66424;}
.teller .section-record .trading .noticed p span {color: #333;}
.teller .section-record .trading .noticed p.list {margin-left: 10px;}
.teller .section-record .trading .noticed p.list::before { content: "ㆍ"; margin-left: -10px;}
/* -- */

/* 회원가입,로그인,비밀번호변경-------------------*/
.mementer .section-mementer {
	position: relative;
	/*height: 674px;*/
	width: 510px;
	overflow: hidden;
	margin: 100px auto 0;
	border:1px solid #e2e2e2;
}
.mementer .section-mementer .titarea {
	padding: 25px 0;
	text-align: center;
	font-size: 35px;
	color: #656999;
	font-weight: 700;
	background: #f9f9f9;
	border-bottom: 1px solid #f0f0f0;
}
.mementer .section-mementer .cntarea {
	padding: 30px 60px;
}

.mementer .section-mementer .formarea input {
	height: 48px;
	border:1px solid #dde1e4;
	background-color: #eaeff2;
	font-weight: 600;
	margin-bottom: 10px;
}
.mementer.login .section-mementer .formarea input { background-color: #fff;}
.mementer .section-mementer .formarea input::placeholder { font-weight: 600;}
.mementer .section-mementer .formarea .robotck {
	height: 100px;
	border:1px solid #dde1e4;
	text-align: center;
}
.mementer .section-mementer .infoarea {
	padding: 15px;
	line-height: normal;
	font-size: 13px;
}
.mementer .section-mementer .infoarea em { color: #656999;}
.mementer .section-mementer .btn.blue {
	width: 100%;
	padding: 15px 0;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
.mementer .section-mementer .exterarea {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: auto;
	border-top: 1px solid #dde1e4;
}
.mementer .section-mementer .exterarea span {
	display: inline-block;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: #999;
}
.mementer .section-mementer .exterarea span a {
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: #999;
}
.mementer .section-mementer .exterarea span.tit,
.mementer .section-mementer .exterarea a:first-child span {
	width: 245px;
	border-right: 1px solid #dde1e4;
}
.mementer .section-mementer .exterarea a:last-child span { width: 260px; }
/* ---------------------------------------------*/

/* 일반서브페이지공통-----------------------------*/
.leftmu {
	 position: relative;
	 float: left;
	 height: auto;
	 overflow: hidden;
	 width: 250px;
     margin-right: 25px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
}
.rcntarea {
	position: relative;
/*	float: right;*/
	height: auto;
	overflow: hidden;
	width: 1090px;
}
.rcntarea * {
	-webkit-font-smoothing: antialiased;
}
.leftmu .lmutitarea {
    height: 70px;
	padding: 23px 28px;
	background: #292e4e;
}
.leftmu .lmutitarea span {
	width: 100%;
	padding-top: 10px;
	font-size: 20px;
	color: #dceaf3;
}
.leftmu li {
	padding: 20px 15px;
	font-size: 14px;
	color: #999;
	border: 1px solid #e4e5e6;
}
.leftmu li.on {
	color: #7171a0;
	border: 1px solid #7171a0;
	font-weight: 600;
}
.rcntarea .toptitarea {
	height: auto;
	overflow: hidden;
/*	border-bottom: 3px solid #292e4e;*/
    margin-bottom: 40px;
}
.rcntarea .toptitarea .depth {
	float: left;
	padding-bottom: 15px;
	font-size: 25px;
	font-weight: 600;
	color: #000;
}
.rcntarea .toptitarea .breadcrumbs {
	float: right;
	padding-top:4px; 
}
.rcntarea .toptitarea .breadcrumbs li {
	display: inline-block;
	font-size: 11px;
	color: #999;
}
.rcntarea .toptitarea .breadcrumbs li:first-child {padding-right: 5px;}
.rcntarea .toptitarea .breadcrumbs li img {margin-top: -3px;}
.rcntarea .toptitarea .breadcrumbs li.active {color: #666;}
.rcntarea .section-rcnt {
	clear: both;
	position: relative;
	height: auto;
	overflow: hidden;
    margin-bottom: 50px;
}
.rcntarea .section-rcnt .titarea {
	clear: both;
	padding-top: 28px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 600;
	color: #333;
}
.rcntarea .section-rcnt .cntarea .infoarea {padding-left: 10px; margin-top: 10px;}
.rcntarea .section-rcnt .cntarea .infoarea li {
	font-size: 13px;
	color: #555;
	padding: 2px 0;
	font-weight: 500;
}
/* ---------------------------------------------*/

/* 회원정보--------------------------------------*/
.meminfo .rcntarea .cntarea.sett table td { padding-bottom: 20px;}
.meminfo .rcntarea .cntarea.sett table .timeset-l {width: 50%; float: left;}
.meminfo .rcntarea .cntarea.sett table .timeset-r {width: 50%; float: right;}
.meminfo .rcntarea .cntarea.sett table .timeset-l .exp,
.meminfo .rcntarea .cntarea.sett table .timeset-r .exp {
	display: block;
	padding: 5px 0 0 15px;
}
.meminfo .rcntarea .cntarea.sett table p {
	color: #555;
	margin-bottom: 20px;
}
.meminfo .rcntarea .cntarea.sett table .radio label .wrapped-label,
.meminfo .rcntarea .cntarea.sett table .stit {color: #333; font-weight: 600;}
.meminfo .rcntarea .cntarea.sett table .radio label em {color: #666; font-weight: 400;}
.meminfo .rcntarea .cntarea.sett table .radioarea {margin-top: 20px; margin-bottom: 10px;}
.meminfo .rcntarea .cntarea.sett table .radio.radio-inline {margin-right: 15px;}
.meminfo .rcntarea .cntarea.sett table th { padding-top:25px; }
.meminfo .rcntarea .cntarea.sett table th a.btn {margin-top: 15px;}
/* ---------------------------------------------*/

/* 보안인증--------------------------------------*/
.secert .certification { margin-top: 30px;}
.secert .certification .mylevel {
	float: left;
	width: 355px;
	height: 282px;
	padding-top: 115px;
	text-align: center;
	background: #f3f8fb;
	font-size: 18px;
	font-weight: 600;
	color: #666;
}
.secert .certification .mylevel .txt01 {color: #333;}
.secert .certification .mylevel .txt01 span { color: #24a5f6;}
.secert .certification .steps {
	float: right;
	width: 720px;
	height: 282px;
	border: 12px solid #f7f7f7;
	padding-top: 25px;
	text-align: center;
	vertical-align: top;
}
.secert .certification .steps li {
	display: inline-block;
	width: 33%;
	height: 220px;
	overflow: hidden;
}
.secert .certification .steps .tit {
	font-size: 24px;
	font-weight: 700;
	color: #666;
	margin-bottom: 10px;
}
.secert .certification .steps li .btn {
	width: 180px;
	padding: 8px 0;
	margin-bottom: 8px;
}
.secert .certification .steps li .btn.off {
	background-color: #fff;
	color: #656999;
	border: 1px solid #656999;
}
.secert .passchange {
	padding: 15px 50px 15px 35px;
	margin-top: 25px;
	margin-bottom: 25px;
	border: 12px solid #f7f7f7;
}
.secert .passchange .tit {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.secert .passchange .btn { float: right;}
.secert table thead tr:last-child th { border-top:1px solid #e8e8ec;}
.secert table tbody td {color: #333;}
/* 보안인증-개인정보*/
.otp .btit {
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 10px;
}
.otp .tittxt {
	font-size: 13px;
	font-weight: 700;
	color: #292e4e;
	margin-bottom: 10px;
}
.otp .section-rcnt table th {width: 217px;}
.otp .section-rcnt table tr:nth-child(6) th .infotxt { margin-top: -8px;}
.otp table .infotxt {
	font-size: 12px;
	color: #999;
	margin-top: 5px;
}
.otp table input {
	height: 25px !important;
	border-color: #bbbbbb !important;
}
.otp table .custom-select {
	float: left;
	width: 210px;
	margin-right: 8px;
}
.otp table .custom-select select {
	height: 25px !important;
	line-height: normal !important;
	border-radius: 0 !important;
	border-color: #bbbbbb !important;
	font-size: 12px;
	color: #555;
	font-weight: normal;
}
.otp table .custom-select span {
	padding-top: 0;
	top:2px;
}
@media screen and (min-width:0\0){.otp table .custom-select span{
	padding-top: 0;
	padding-left: 6px;
	top:1px;
}}
.otp table td .tdtit {
	margin-bottom: 2px;
	font-size: 12px;
	color: #555;
}
.otp table td .btn.gray {
	height: 25px;
	margin-bottom: 0px;
	padding: 5px 25px;
	font-size: 13px;
	font-weight: 500;
	margin-left: 5px;
}
.otp .btnarea .btn { float: right;}
.imptxt {
	font-size: 12px;
	font-weight: normal;
	color: #bc1616;
}
.imptxt img { vertical-align: sub; margin-right: 3px;}
.otp .btnarea .imptxt { float: left;}
.otp .twofactorauthentication {
	padding: 25px 30px;
	margin-top: 25px;
	margin-bottom: 25px;
	border: 12px solid #f7f7f7;
}
.otp .twofactorauthentication .tittxt.factor { font-size: 16px;}
.otp .twofactorauthentication .cnt { padding-left: 10px; margin-top: 15px; margin-bottom: 60px;}
.otp .twofactorauthentication .cnt img { margin-right: 20px;}
.otp .twofactorauthentication .cnt input.auth {
	height: 25px !important;
	border-color: #bbbbbb !important;
	color: #356dac;
	font-size: 13px;
	font-weight: 600;
}
.otp .twofactorauthentication .cnt .tittxt span {
	display: inline-block;
	width: 180px;
}
/* ---------------------------------------------*/

/* 투자현황--------------------------------------*/
.invest .section-left {
	float: left;
    position: relative;
    height: auto;
    width: 958px;
    margin-right: 10px;
}
.invest .section-balance .article { overflow: visible;}
.infotxt a.btn {
    width: 44px;
    background-color: #f6a724;
    color: #fff;
    margin-left: 10px;
}
.infotxt a.btn.tooltips { background: #979797; }
.invest .section-balance .infotxt {
	padding: 15px;
	text-align: right;
	border-bottom: 1px solid #d4d6dc;
}
/* 보유코인 */
.invest .section-balance .tooltip-content strong {
	color: #666;
	font-size: 12px;
    font-weight: bold;
}
.invest .section-balance .tooltip-content p {
	font-size: 11px;
	font-weight: normal;
	color: #666;
    margin-top: 6px;
    padding-left: 6px;
    background: url(../images/ico_dot_2.png) 0 6px no-repeat;
    line-height: 1.5em;
}
.invest .section-balance .tooltip-content .bgNone em {
    font-weight: bold;
}
.invest .section-balance .tooltip-content p.bgNone {
    padding: 0;
    background: none;
}
.invest .section-balance .tooltip-content p.line {
    margin-top: 10px;
    padding-top: 12px;
    border-top: 1px solid #f1f1f4;
}
.invest .section-balance .present {
	position: relative;
	height: auto;
	overflow: hidden;
}
.invest .section-balance .present dl {
	display: block;
	width: 33.3%;
	float: left;
	padding: 15px 20px;
	background-color: #f9fafc;
}
.invest .section-balance .present dl:nth-child(1),
.invest .section-balance .present dl:nth-child(2),
.invest .section-balance .present dl:nth-child(3) {border-bottom: 1px solid #f1f1f4;}
.invest .section-balance .present dt { 
	float: left;
	height: 23px;
	font-size: 14px;
	font-weight: 500;
	color: #2d2d2d;
	padding-top: 5px;	
}
.invest .section-balance .present dl:nth-child(2),
.invest .section-balance .present dl:nth-child(5) {background-color: #fff;}
.invest .section-balance .present dd {float: right; padding-right: 5px;}
.invest .section-balance .present dd .num {font-size: 20px;}

.coin-list .overflow {
	width: 100%;
	height: 650px;
	overflow-y: scroll;
}
.coin-list table { width: 100%;}
.coin-list td:first-child {text-align: left;}
.coin-list td:last-child {border-right: 1px solid #eeeef5;}
.coin-list td.rAlign {
    padding-right: 14px;
    text-align: right;
}
.coin-list td {
    height: 64px;
	border-left: 1px solid #eeeef5;
	text-align: right;
}
.coin-list td a.tit {
    display: inline-block;
    vertical-align: middle;
}
.coin-list td .tit i {
    display: block;
    color: #666666;
    font-size: 11px;
    letter-spacing: 1px;
}
.coin-list td a.tit {
    display: inline-block;
    vertical-align: middle;
}
.coin-list td .tit strong {
    display: block;
    color: #2b2b2b;
    font-weight: bold;
}
.coin-list td .tit strong {
    max-width: 110px;
    word-break: keep-all;
	word-wrap: break-word;
	line-height: normal;
}
.coin-list td p {
	color: #5c5c5c;
	font-size: 14px;
	font-weight: bold;
}
.coin-list td p i {
	font-weight: normal;
	font-size: 11px;
	color: #999;
    letter-spacing: -.5px;
}
.coin-list colgroup col:first-child {width: 180px;}
/* 거래내역 */
.invest .section-history {
    position: relative;
    height: auto;
}
.invest .section-history .selectarea {
	text-align: right;
	padding: 10px;
	border-bottom: 1px solid #d4d6dc;
}
.invest .section-history .selectarea select {width: 150px;}
.invest .section-history .coin-list .overflow {height: 705px;}
.invest .section-history th .tooltips {background: #fff; border-radius: 20px; padding: 2px 6px; margin: 0; margin-top: -4px;}
.invest .section-history th .tooltips .tooltip-content {width: 220px; right: 15px; bottom: 17px; line-height: normal;}
.invest table td .sell { color:#f66424; }
.invest table td .buy { color:#24a5f6; }
.invest .section-history td:first-child,
.invest .section-history td:nth-child(2),
.invest .section-history td:nth-child(3) { text-align: center;}
.invest .section-history th,
.invest .section-history td { width: 12.5%;}
.invest .section-history th:last-child {width: 130px; padding-right: 5px;}
/* 미체결 */
.invest .section-waitorders {
	position: relative;
	height: auto;
	overflow: hidden;
}
.invest .section-waitorders .coin-list .overflow {height: 768px;}
.invest .section-waitorders th,
.invest .section-waitorders td { width: 14%;}
.invest .section-waitorders td:first-child,
.invest .section-waitorders td:nth-child(2),
.invest .section-waitorders td:nth-child(3) { text-align: center;}
/* 입출금대기 */
.invest .section-withdraws {
	position: relative;
	height: auto;
	overflow: hidden;
}
.invest .section-withdraws .coin-list .overflow {height: 768px;}
.invest .section-withdraws th,
.invest .section-withdraws td { width: 16%; text-align: center;}
.invest .section-withdraws td:nth-child(4) { text-align: right;}
/* ---------------------------------------------*/

/* 뉴스-----------------------------------------*/
.news .cntarea {margin-top: 25px;}
.news .cntarea .thumbnailarea {
clear: both;
width: 100%;
position: relative;
height: auto;
overflow: hidden;
}
.news .cntarea .thumbnailarea li {
	position: relative;
	display: block;
	float: left;
	width: 352px;
	height: 218px;
	overflow: hidden;
	margin-right: 17px;
}
.news .cntarea .thumbnailarea li img {
	width: 352px;
	height: 218px;
}
.news .cntarea .thumbnailarea li:last-child {margin-right: 0;}
.news .cntarea .thumbnailarea li .cover {	
	position: absolute;
	bottom: 0;
	width: 358px;
	background: rgba(0, 0, 0, .7);
	color:#fff;
	padding: 12px 20px;
}
.news .cntarea .thumbnailarea li .cover .tit {
	font-size: 13px;
	height: 40px;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
}
.news .cntarea .thumbnailarea li .cover .btm {
	font-size: 11px;
	color: #c5c5c5;
}
.news .cntarea .thumbnailarea li .cover .btm .date { float: left; width: 40%;}
.news .cntarea .thumbnailarea li .cover .btm .view { float: right; width: 40%; text-align: right;}
.news .cntarea .divid {
	margin-top: 30px;
	clear: both;
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
}
.news .cntarea .divid .list,
.news .cntarea .divid .viewarea { float: left; width: 737px;}
.news .cntarea .divid .popular { float: right; width: 337px;}
.btn.mmore {
	float: right;
	padding: 2px 4px 3px;
	font-size: 12px;
	color: #666666;
	border-radius: 10px;
	border: 1px solid #ccc;
	background: #fff;
	margin-top: 20px;
}
.news .cntarea .divid .list .newslist li {
	padding: 20px 15px 18px;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #eaeaea;
}
.news .cntarea .divid .list li .leftarea {
	float: left;
	width: 390px;
}
.news .cntarea .divid .list li .rightarea {
	float: right;
	width: 155px;
}
.news .cntarea .divid .list .toptitarea .depth { font-size: 20px;}
.news .cntarea .divid .list li .type {
	font-size: 13px;
	font-weight: 600;
	color: #24a5f6;
	margin-bottom: 9px;
}
.news .cntarea .divid .list li .tit {
	font-size: 14px;
	color: #333;
	height: 25px;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	margin-bottom: 9px;
}
.news .cntarea .divid .list li .btm {
	font-size: 12px;
	color: #999;
}
.news .cntarea .divid .list li .btm .date { float: left; }
/*.news .cntarea .divid .list li .btm .date::after { content: "ㅣ"; margin-left: 10px;}*/
.news .cntarea .divid .list li .btm .view { float: left; margin-left: 10px;}
.news .cntarea .divid .list .pagination li {
	padding: initial;
	height: initial;
	overflow: initial;
	border: initial;	
}
.news .cntarea .divid .list li .rightarea .thumb img {
	width: 153px;
	height: 92px;

}
.news .cntarea .divid .list.popular li {
	width: 310px;
	margin: 0 auto;
	padding: 20px 0 0;
	border-bottom: none;
}
.news .cntarea .divid .list.popular .thumb { margin-bottom: 10px;}
.news .cntarea .divid .list.popular .thumb img {
	width: 310px;
	height: 160px;
}
.news.view .cntarea .divid {margin-top: 0;}
.news.view .viewarea .tit {
	font-size: 20px;
	font-weight: 600;
	color: #000;
	margin-bottom: 15px;
}
.news.view .viewarea .figure img {
	width: 737px;
	height: auto;
}
.news.view .viewarea .cnttxt {
	padding-top: 20px;
	padding-bottom: 30px;
	font-size: 13px;
	color: #000;	
/*	border-bottom: 1px solid #eaeaea;*/
}
.news.view .viewarea .cnttxt span {white-space: pre;}
.news.view .list.popular .toptitarea .depth { padding-top: 0;}
.news.view .viewarea .btnarea { text-align: right;}
/* ---------------------------------------------*/

/* 공지사항--------------------------------------*/
.search-cnt {
	padding: 24px 0;
	background: #f7f7f7;
	border: 1px solid #e6e5ea;
	text-align: center;
}
.search-cnt input {border:1px solid #a7a7a7 !important; width: 365px; line-height: normal !important;}
.search-cnt input::placeholder {
	font-size: 14px;
	color: #b1b1b1;
}
.search-cnt .btn {
	margin: 0;
	height: 36px;
	padding-left: 22px;
	padding-right: 22px;
}
.notice .notice-table {margin-top: 30px;}
.notice.view .cntarea .btnarea { text-align: right;}
.notice.view .subjectarea {
	position: relative;
	height: auto;
	overflow: hidden;
	padding: 17px 15px 17px 20px;
	background:#f7f7f7; 
	border-bottom: 1px solid #ccc;
}
.notice.view .subjectarea .subject {
	float: left;
	width: 800px;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	height: auto;
	white-space: normal;
}
.notice.view .subjectarea .dateview {
	float: right;
	text-align: right;
	font-size: 12px;
	color: #999;
}
.notice.view .notice-viewcnt {
	clear: both;
	padding: 20px 20px 20px 20px;
	font-size: 12px;
	color: #666;
	border-bottom: 2px solid #444;
}
.notice.view .notice-viewcnt span {white-space: pre; line-height: normal;}
/* ---------------------------------------------*/

/* 이용안내--------------------------------------*/
.guide .cntarea .tabs {
	position: relative;
	height: auto;
	overflow: hidden;
/*	margin-top: 38px;*/
}
.nav-tabs-lined:not(.flex-center) > li {
	margin-right: 0px; 
	padding: 0; 
	border: none; 
	list-style: none;
}
.nav-tabs-lined:not(.flex-center) > li:first-child {padding-right: 0px;}
.nav-tabs-lined:not(.flex-center) > li a {
	padding: 15px 0;
	text-align: center;
	width: 100%;
	background: #f9f9f9;
	border: 1px solid #e1e1e1;
	border-bottom: 1px solid #292e4e;
	font-size: 14px;
/*	font-weight: 600;*/
    font-family: 'noto-bold';
	color: #a9b2ba;
}
.nav-tabs-lined:not(.flex-center) > li.active {border-bottom: 1px solid #fff;}
.nav-tabs-lined:not(.flex-center) > li.active a {
	padding: 15px 0;
	text-align: center;
	width: 100%;
	background: #fff;
	border: 1px solid #292e4e;
	border-bottom:none;
	color: #292e4e;
}
.nav-tabs-lined.nav-tabs-lined-bottom > li.active > a:after {border-bottom:none;}
.guide .tab-content {
	clear: both;
	position: relative;
	height: auto;
	overflow: hidden;
	padding: 15px;
}
.cntarea .btit-cnt {
	clear: both;
	height: auto;
	overflow: hidden;
	font-size: 16px;
/*	font-weight: 600;*/
    font-family: 'noto-bold';
	color: #333;
	margin-bottom: 10px;
}
.guide .tab-content .btit .lf { float: left;}
.guide .tab-content .btit .rt {
	float: right; 
	font-size: 13px;
	font-weight: normal;
	color: #333;
}
.guide .tab-content ul { margin-bottom: 10px;}
.guide .tab-content li {
font-size: 13px;
color: #555;
padding: 2px 0 2px 10px;
}
.guide .tab-content li strong { font-family: 'noto-bold';}
.guide .tab-content li .sinfotxt {
	padding: 2px 10px;
	font-size: 13px;
	color: #777;
}
.guide .tab-content .imptxt {
	padding: 10px 20px 0;
	line-height: 20px;
	font-size: 13px;
	color: #656999;
}
.guide .tab-content table td {color: #333; font-family: 'noto-reg';}
.guide .tab-content .tab-pane:last-child .imptxt {padding-left: 0;}
.guide .tab-content .tab-pane .infotxt {
	font-size: 13px;
/*	font-weight: 500;*/
    font-family: 'noto-bold';
	color: #333;
	padding-left: 10px;
	margin-bottom: 10px; 
	line-height: 20px;}
.guide .tab-content .tab-pane .binfotxt {
	font-size: 13px;
	font-weight: 600;
	color: #555;
	padding-left: 10px;
}
.guide .tab-content .tab-pane:last-child .tbl_type_col thead tr:last-child th {border-top: 1px solid #e8e8ec;}
.guide .tab-content .tab-pane:last-child .tbl_type_col.two tbody th {
	background: #f6f6f6;
	border-top: 1px solid #e8e8ec;
}
/*.guide .tab-content .tab-pane:last-child .tbl_type_col.three th {width: 12.5%;}*/
.tbl_type_col.three tbody th {border-top: 1px solid #e8e8ec;}
/* ---------------------------------------------*/

/* 정책 및 고지 ---------------------------------*/
.policy .cntarea ul li {
	position: relative;
	height: auto;
	overflow: hidden;
	padding: 25px 0;
	border-bottom: 1px solid #e8e8ed;
}
/*.policy .cntarea ul li:last-child {border-bottom: none;}*/
.policy .cntarea ul li p {
	width: 620px;
	padding-left: 15px;
	font-size: 13px;
	color: #555;
}
.policy .cntarea ul li .btnarea {text-align: right;}
.policy .cntarea ul li .btnarea .btn {
	width: 230px;
	padding: 10px 15px;
	text-align: left;
	background-image: url(../images/icon_btn_arrow.png);
	background-repeat: no-repeat;
	background-position: 215px center;
}
/* ---------------------------------------------*/

/* 1:1 문의 ------------------------------------*/
.qna .toptable .tbl_type_row { border-top:none;}
.qna .toptable .tbl_type_row input,
.qna .toptable .tbl_type_row .custom-select {width: 380px;}
.qna .selectcnt {
	position: relative;
	height: auto;
	overflow: hidden;
	margin-top: 30px;
}
.qna .selectcnt p {
	font-size: 12px;
	color: #555;
	line-height: normal;
	padding: 2px 0;
}
.qna .selectcnt .stit {
	font-weight: 600;
	color: #292e4e;
	padding: 3px 0;
	margin-top: 5px;
	margin-bottom: 0;
}
.qna .selectcnt .btit {
	font-size: 13px;
	font-weight: 600;
	color: #292e4e;
	margin-bottom: 5px;
}
.qna .selectcnt .btit02 {
	font-size: 14px;
	font-weight: 600;
	color: #333;
}
.qna .selectcnt .explaintxt {
	font-size: 13px;
	color: #000;
}
.qna .selectcnt a.url {
	text-decoration: none;
	color: #656999;
}
.qna .selectcnt .gab {border-bottom: 1px solid #caccd2;}
.qna .selectcnt .pointtit {color: #24a5f6;}
.qna .selectcnt .btnarea { text-align: right;}
.qna .selectcnt .tb_info { padding: 10px 0;}
.qna .selectcnt p.warning {color:#cc3333;}
/* ---------------------------------------------*/

/* 자주하는 질문---------------------------------*/
.faq .btit-cnt {
	padding: 20px 0 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
}
.panel-group-lined .panel-active .panel-heading .panel-title,
.panel-group .panel-heading + .panel-collapse > .panel-body {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 13px;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
	padding:23px 45px;
	color: #333;
	background-color: #f8f8f8;
	line-height: normal;
}
.panel-group .panel-heading .panel-title {font-size: 13px;}
.panel-group .panel-title > a {
	padding: 10px 20px;
	font-weight: 600;
}
.panel-group .panel-heading .panel-title a strong {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #202d7e;
	margin-right: 10px;
}
.panel-group-lined .panel-active a.panel-toggle,
.panel-group-lined a.panel-toggle:hover {color: #1c69bf !important;}
.panel-group .panel-heading a:after {content: url(../images/ico_accordion_plus.png) !important; top:32%;}
.panel-group .panel-active .panel-heading a:after {content: url(../images/ico_accordion_minus.png) !important;}
/* ---------------------------------------------*/

/* 2018.12.13 요청사항 수정---------------------------------------------------------------------------------------------------*/

/* 메인 -------------------------------------------------------*/
/*비쥬얼부분*/
.section-mainvisual .container { width: 100% !important;}
.section-mainvisual .container .item {
	background-position: center top;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 1366px) {
    .section-mainvisual .container .item {background-position: -277px top;}
}
/*--*/
/*탭부분*/
.section-coinlist .tit-list {
	/*height: 43px;*/
	/*border-bottom:2px solid #0044a7;*/
}
.section-coinlist .tit-list li {
	margin-right: 4px;
	padding: 10px 30px;
	/*background-color: #f5f5f5;*/
	color: #888;
	border:none;
}
.section-coinlist .tit-list li.on {
	/*background-color: #292e4e;*/
	background-color: #319bf1;
	color: #fff;
}
.section-coinlist .tit-list li:first-child {margin-left: -2px;}
/* 배너부분 */
.section-banner .slick-wrapper {margin: 0;}
.section-banner .item img {
	width: 268px;
	height: 107px;
}
.section-banner .pl-2 {padding-left: 2px !important;}
.section-banner .pr-2 {padding-right: 2px !important;}
.section-banner,
.section-coininfo {padding: 38px 0;}
/* 코인목록 */
.section-coinlist .tit-list .search { 
	float: right;
}
.section-coinlist .tit-list .search input {
	float: left;
    width: 246px;
    height: 31px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    border: 0;
	line-height: 26px;
	color: #333;
	border: 1px solid #292e4e;
	padding: 2px 5px;
}
.section-coinlist .tit-list .search a.btn {
    float: left;
    display: block;
    width: 26px;
    height: 26px;
    background: url(../images/bg_set01.png) -84px 0 no-repeat;
    overflow: hidden;
	text-indent: -999em;
	border: 1px solid #292e4e;
	border-left: none;
}
.section-coinlist .tit-list .search input::placeholder { 
	font-weight: 700; 
	color: #979797;
}
.section-coinlist .table-area table th {
	font-size: 14px;
	/*font-weight: 600;*/
	color: #fff;
	/* background: #fff; */
}
.section-coinlist .table-area table tr.odd {background: #f8f8f8;}
.section-coinlist .table-area table th img {
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 5px;
}
.section-coinlist .table-area table td {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	padding: 12px 10px;
}

.section-coinlist .table-area table .up .price,
.section-coinlist .table-area table .up .percent {color: #d80001;}
.section-coinlist .table-area table .up .preparing{color: #0044a7;}
.section-coinlist .table-area table .down .price,
.section-coinlist .table-area table .down .percent  {color: #0044a7;}
.section-coinlist .table-area table .up .soon {color: #0044a7;}
.section-coinlist .table-area table .down .preparing{color: #d80001;}
.section-coinlist .table-area table .up .percent::before {content: "▲"; padding-right: 5px;}
.section-coinlist .table-area table .down .percent::before {content: "▼"; padding-right: 5px;}
.section-coinlist .table-area table td i {color: #7e87a0;}
.section-coinlist .table-area table .favorite {
    display: block;
    height: 16px;
    padding-left: 24px;
    background: url(../images/bg_set01.png) -80px -120px no-repeat;
    line-height: 16px;
    font-size: 14px;
    color: #666;
    font-family: 'Noto Sans KR', sans-serif;
}
.section-coinlist .table-area table .favorite.on {
    background-position: -80px -140px;
}
/*앱다운*/
.section-appdn .container {background-image: none;}
.section-appdn {
	background-image: url(../images/main_appdnbg.jpg);
	background-repeat: repeat-x;
	background-position-x: center;
}
.section-appdn .txt {
	float: left;
	color: #fff;
	font-size: 20px;
	margin: 18px 0 0 150px;
}
.section-appdn .txt strong {
	font-size: 30px;
	font-weight: 600;
	color: #f7a724;
}
.section-appdn .appdnbtn {
	float: right;
	margin-right: 137px;
}

/* ./메인-- 끝-------------------------------------------------*/

/* 거래소 -----------------------------------------------------*/
.stock .section-left .article-mainchart,
.stock .section-right .coininfo {
	border: none;
	border-bottom:1px solid #ebeef2;
}
.article-mainchart .titarea,
.stock .section-right .coininfo .toparea {
	border-bottom: 2px solid #292e4e;
}
.article-mainchart .marketB,
.article-mainchart .foreignB,
.article-mainchart .graphB,
.stock .section-right .cntarea {
	border-left:1px solid #ebeef2;
	border-right:1px solid #ebeef2;
}
/* 메인차트영역 */
.article-mainchart .marketB .ty01 span.first strong ,
.article-mainchart .marketB .ty03 dl dd strong.down,
.stock .askPrice table .down .acc span,
.article-mainchart .marketB .ty01 span strong {color:#182784; }
.article-mainchart .marketB .ty03 dl dd strong.up {color: #fdab23;}
.stock .askPrice table .up .acc span {color: #ca3400}
.article-mainchart .marketB .ty03 {	float: left;}
.article-mainchart .marketB .ty04 {
	float: right;
	padding-right: 25px;
	height: auto;
	overflow: hidden;
}
.article-mainchart .marketB .ty04 a {
	display: block;
	margin-top: 5px;
	padding: 10px 13px;
	background: #292e4e;
	color: #fff;
	font-size: 18px;
	border-radius: 10px;
	cursor: pointer;
}
.article-mainchart .marketB .ty04 a.closed {background: #ca3400;}
.article-mainchart .titarea .closed {
	position: absolute;
	right: 0;
	top: 8px;
}
.article-mainchart .titarea .closed a {
	height: 20px;
    width: 20px;
    font-size: 20px;
	padding: 10px;
	cursor: pointer;
}
/* 코인정보 */
.stock .section-left .bitcoininformation {
	top: 135px;
	border: 1px solid #ebeef2;
	border-bottom:none;
}
/* 매수,매도 */
.article-mainchart .titarea .closed a:hover {color: #979797;}
.stock .article-right .inffo span {
    display: block;
}
.stock .article-right .inffo {
	height: 40px;
	padding: 0px 15px;
	border-bottom: 1px solid #ebeef2;
}
.stock .article-right .inffo .iconn {float: left; padding-top: 5px;}
.stock .article-right .inffo .btnn  {float: right; padding-top: 5px;}
.stock .article-right .inffo .txt {
	float: left;
	font-size: 12px;
	font-weight: normal;
	padding-top: 7px;
	padding-left: 5px;
}
.stock .article-right .commission {
    position: relative;
    height: 0;
    margin-bottom: 0;
}
.stock .article-right .commission .commission-cnt {top: 0;}
.stock .article-right .commission .commission-cnt .btnarea .btn.no {background-color: #292e4e;}

/*------------------------------------------------------------------------
----------------------customizing input-----------------------------------
-------------------------------------------------------------------------*/
.customizing input[type=range] {
    -webkit-appearance: none;
}
.customizing  input[type=range]:focus {
    outline: none;
}
/*webkit (Chrome)의 경우*/
.customizing input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: #f6a724;
}
.customizing input[type=range]::-webkit-slider-thumb {
    border: 1px solid #cfcfcf;
    height: 30px;
    width: 15px;
    background: #cfcfcf;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -12px; /*chrome의 경우 margin-top값을 부여해야합니다.*/
}
.customizing input[type=range]:focus::-webkit-slider-runnable-track {
    background: #f6a724; /*네모버튼에 포커스를 줬을때 뒤에 라인(ㅡ)의 효과*/
}
/*Firefox의 경우*/
.customizing input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: #f6a724;
}
.customizing input[type=range]::-moz-range-thumb {
    border: 1px solid #cfcfcf;
    height: 30px;
    width: 10px;
    background: #ffffff;
    cursor: pointer;
}
/*IE의 경우*/
.customizing input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
.customizing input[type=range]::-ms-fill-lower {
    background: #f6a724;
}
.customizing input[type=range]::-ms-fill-upper {
    background: #f6a724;
}
.customizing input[type=range]::-ms-thumb {
    margin-top: 1px;
    border: 1px solid #cfcfcf;
    height: 30px;
    width: 10px;
    background: #cfcfcf;
    cursor: pointer;
}
.customizing input[type=range]:focus::-ms-fill-lower {
    background: #f6a724;/*네모버튼에 포커스를 줬을때 뒤에 라인(ㅡ)의 효과*/
}
.customizing input[type=range]:focus::-ms-fill-upper {
    background: #f6a724; /*네모버튼에 포커스를 줬을때 뒤에 라인(ㅡ)의 효과*/
}
/*-------------------------------------------------------------------------*/

.stock .article-right .buysell .cntarea dd .inputslider {
	width: 457px;
	left: inherit;
	right: 0;
	padding-top: 25px;
	padding-left: 20px;
	border: none;
}
.stock .article-right .buysell .cntarea dd .inputslider form {
	width: 270px;
	margin-top: 15px;
}
@media screen and (min-width:0\0) {
	.stock .article-right .buysell .cntarea dd .inputslider form {
		width: 350px;
		margin-top:-7px;
	}
}
.stock .article-right .buysell .cntarea dd .inputslider span {
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
}
.stock .article-right .buysell .cntarea dd .inputslider .rangenum {	
	width: 60px;
	text-align: center;	
	border-bottom: 1px solid #ebeef2;
	color: #f6a724;
}
@media screen and (min-width:0\0) {
	.stock .article-right .buysell .cntarea dd .inputslider span {
		display: none;
	}
}
.stock .article-right .buysell .cntarea dd .inputslider .btn {
	float: right;
	height: 36px;
	padding: 10px 20px 0;
	background: #f9fafe;
	border: 1px solid#edecf1 !important;
	color: #616266;
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}
.title-basic {color: #1d1d1d;}
.stock .article-right .buysell .cntarea .sum dd span {
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 600;
	color: #292e4e;
}
.stock .article-right .buysell .cntarea .sum em {
	display:block;
	float: right;
	background: #e2e2e2;
	color: #959595;
	width: 50px;
	height: 25px;
	line-height: normal;
	padding: 2px 10px 0;
	margin: 5px 0 0 7px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	border-radius: 15px;
}
.stock .article-right .buysell .cntarea .btnarea .btn.no {background: #292e4e}

/* 매도일 경우 컬러 */    
.stock .article-right .buysell .inforTab dl dd:nth-child(2).on a {border-bottom: 3px solid #182784 !important;}
.stock .article-right .buysell .inforTab dl dd:nth-child(2).on a,
.stock .article-right .buysell.sell .inputslider .rangenum {color: #182784 !important;}

.stock .article-right .buysell.sell  .cntarea .btnarea .btn.ok {background: #182784;}
.stock .article-right .buysell.sell .inputslider .customizing input[type=range]::-webkit-slider-runnable-track {background: #182784;}
.stock .article-right .buysell.sell .inputslider .customizing input[type=range]:focus::-webkit-slider-runnable-track {background: #182784;}
.stock .article-right .buysell.sell .inputslider .customizing input[type=range]::-moz-range-track {background: #182784;}
.stock .article-right .buysell.sell .inputslider .customizing input[type=range]::-ms-fill-lower {background: #182784;}
.stock .article-right .buysell.sell .inputslider .customizing input[type=range]::-ms-fill-upper {background: #182784;}
.stock .article-right .buysell.sell .inputslider .customizing input[type=range]:focus::-ms-fill-lower {background: #182784;}
.stock .article-right .buysell.sell .inputslider .customizing input[type=range]:focus::-ms-fill-upper {background: #182784;}

/* 체결히스토리 */
.contracthistory .showtb,
.contracthistory .closetb { float: right; cursor: pointer;}
.stock .contracthistory .cntarea tbody .col02,
.stock .contracthistory .cntarea tbody .col03 {color: #182784}
/* 코인목록 */
.section-right .coininfo .toparea { padding-left: 0;}
.section-right .coininfo .toparea .search {border-right:none}
.section-right .coininfo .toparea .search input {background-color: #f4f5f8; padding: 2px 10px; height: 28px; margin-right: 5px;}
.section-right .coininfo .inforTab dl dd.on a {
	margin: 10px 20px;
	padding: 2px 10px 0;
	display: inline-block;
	border-radius: 10px;
	color: #fdab23;
	border: 1px solid #fdab23;
	height: 25px;
	line-height: normal;
}
.section-right .coininfo .cntarea table td {font-weight: 500;}
.section-right .coininfo .cntarea tr.down td {color:#182784;}
.section-right .coininfo .cntarea tr.up td  {color:#b70023;}
.section-right .coininfo .cntarea tr .bar.down .line,
.section-right .coininfo .cntarea tr .bar.down .box {background-color:#182784;}
.section-right .coininfo .cntarea tr .bar.up .line,
.section-right .coininfo .cntarea tr .bar.up .box  {background-color:#b70023;}
/* ./거래소 끝-----------------------------------------------------*/

/* 2018.12.13 요청사항 수정 끝 ------------------------------------------------------------------------------------------------*/

/* 예치상품--------------------------------------*/
.deposit .cntarea .tabs {
	position: relative;
    height: auto;
    overflow: hidden;
    margin-top: 38px;
}
.deposit .rcntarea .section-rcnt .titarea {
	color: #666;
}
.deposit .rcntarea .section-rcnt .titarea .ing {
	color: #3874d6
}
.deposit .rcntarea .section-rcnt .titarea .fin {
	color: #333;
}
.deposit .rcntarea .section-rcnt .depositgoods .btnarea {text-align: right; margin-top: 10px; margin-bottom: 20px;}
.deposit .rcntarea .section-rcnt .btnarea .finish {background: #999;}
.deposit .depositgoods table thead th {
	font-size: 14px;
	font-weight: 600;
	color: #292e4e;
}
.deposit .depositgoods table thead th:first-child { border-right: 1px solid #cacad1; }
.deposit .depositgoods table tbody th {font-size: 12px; font-weight: 600;}
.deposit .depositgoods table tbody td {font-size: 26px; font-weight: 600; line-height: normal;}
.deposit .depositgoods table tbody .decided  {color: #da0015;}
.deposit .depositgoods table tbody .term     {color: #292e4e;}
.deposit .depositgoods table tbody .present  {color: #656999;}
.deposit .depositgoods table tbody .finish   {color: #999;}
.deposit .depositgoods table .etc      {font-size: 12px; font-weight: normal;}
.deposit .depositgoods table th.etc   {color: #292e4e;}
.deposit .depositgoods table td.etc   {color: #666; text-align: left; padding: 15px;}
.deposit .depositgoods table td:nth-child(6) { border-right: 1px solid #cacad1;}

/* ---------------------------------------------*/
/* 리워드----------------------------------------*/
.reward .cntarea .tabs {
	position: relative;
    height: auto;
    overflow: hidden;
    margin-top: 38px;
}
.reward .cntarea .expimgarea .figure {
	float: left;
	padding: 25px 40px 0 108px;
	margin-bottom: 30px;
}
.reward .cntarea .expimgarea .exptxt {
	float: left;
	text-align: left;
}
.reward .cntarea .expimgarea .exptxt div:first-child {margin-top: 50px;}
.reward .cntarea .expimgarea .exptxt .txtone {
	font-size: 20px;
	font-weight: 300;
	color: #000;
	padding: 10px 0;
}
.reward .cntarea .expimgarea .exptxt .txttwo {
	font-size: 24px;
	font-weight: 600;
	color: #292e4e;
	padding: 5px 0;
}
.reward .cntarea .expimgarea .exptxt span.imp {color: #3eacf7; font-weight: 600;}
.reward .cntarea .expimgarea .exptxt .stxt {
	font-size: 13p;
	font-weight: 300;
	color: #999;
	margin-top: 10px;
}
.reward .cntarea .btit-cnt .rt {
	font-size: 13px;
	color: #999;
	font-weight: normal;
}
.reward .cntarea .btit-cnt .rt .txtone em { font-weight: bold; color: #656999;}
.reward .cntarea .btit-cnt .rt .txttwo em { font-weight: bold; color: #24a5f6;}
.reward .cntarea table th a.arrow {
	color: #ccc;
	font-size: 12px;
}
.reward .cntarea table th:nth-child(3),
.reward .cntarea table td:nth-child(3) {border-right: 1px solid #9c9fa8;}
.reward .cntarea table td.bnc {
	font-weight: bold;
	color: #3eacf7;
}
/* ---------------------------------------------*/

/* 접속관리 -------------------------------------*/
.access .cntarea .btit-cnt .lf {line-height: 20px;}
.access .cntarea .btit-cnt .lf .stxt {
	font-size: 13px;
	font-weight: normal;
	color: #999;
}
.access .cntarea .btit-cnt .rt .btn {
	background-image: url(../images/ico_btn_x.png);
	background-repeat: no-repeat;
	background-position: 200px center;
}
/* ---------------------------------------------*/

/* 이용약관--------------------------------------*/
.single .section-cnt .container {width: 1090px !important;}
.single .toptitarea {
    height: auto;
    overflow: hidden;
    border-bottom: 3px solid #292e4e;
}
.single .toptitarea .depth {
    float: left;
    padding: 15px 0;
    font-size: 25px;
    font-weight: 600;
    color: #000;
}
.single .pretxt p {
	font-size: 14px;
	white-space: pre-line;
	color: #333;
}
.single .pretxt p .tit {
	color: #3eacf7;
	font-size: 16px;
	font-weight: 600;
}
/* ---------------------------------------------*/
.term_of_service{
    
	position: relative;
/*	float: right;*/
	height: auto;
	overflow: hidden;
	width: 1090px;
}
    
 .term_of_service span {
    
    color: #f8941c;
    font-size: 15px;
    font-weight: bold;
    
}

.term_of_service div {
    
    font-size: 13px;
    margin: 10px 0;
}

.service_ready_bar {
    
    height: 50px;
    width: 100%;
    background-color: #292e4e;
    
}

.service_ready_bar_close {
    
    position: absolute;
    margin: 15px;
    right: 0;
}

.service_ready_image {
    height: 104px;
    margin-bottom: 30px;
}

.service_ready_ok {
    
    background-color: #292e4e;
    height: 45px;
    width: 130px;
    margin-top: 25px;
    padding: 10px;
    color: white;
    font-size: 20px;
    text-align: center;
}

.service_ready_back {
    
    display: none;
    position: absolute;
    top: 0px;
    z-index: 120;
    height: 100%;
    width: 100%;
    
}

.service_ready_back.on {
    
    display: block;
    
}

.service_ready_pop {
    
    display: none;
    position: absolute;
    width: 35%;
    background-color: white;
    
}
.service_ready_pop.on {
    
    display: block;
    
}