/*main.css*/
@import url(../reset.css);

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/variable/pretendardvariable.css");
@import url('https://fonts.googleapis.com/css2?family=Basic&display=swap');
::-webkit-scrollbar {
    display: none !important;
    /* -ms-overflow-style: -ms-autohiding-scrollbar; */
}
/* 

@font-face {
    font-family: 'NanumSquareRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */

@font-face {
    font-family: 'WelcomeB';
    src: url('../../fonts/welcomeOTF_B.otf') format('opentype');
}

@font-face {
    font-family: 'WelcomeR';
    src: url('../../fonts/welcomeOTF_R.otf') format('opentype');
}



font {
	font-size: inherit !important;
	font-family: inherit !important;
}
:root {
    --main-color1: #232222; /*진청*/
    --main-color2: #d1aa29; /*황*/
    --main-color3: #06637a; /*녹*/
    --sub-color1: #003759; /*청*/
    --sub-color2: #f9f9f9; /*백회*/
    --sub-color3: #d0d0d0; /*연회*/
	--market-color2 : #319bf1; /*마켓매도 색상*/
	--market-color1 : #d80001; /*마켓매수 색상*/
	--market-color3 : #1c253a; /*마켓테이블해드 백그라운드*/
	
}
header * {
    -webkit-font-smoothing: antialiased;
}
footer * {
    -webkit-font-smoothing: antialiased;
}

body {
    /*height: auto;*/
    position: relative !important;
    min-height: 100%;
    /* font-family: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;; */
    cursor: default;
}

body #app {
    padding-top: 90px;
	color: #fff;
}

body.page-desktop-index #app {
    padding-top: 0px;
}

body > div[id="app"] {
    position: relative !important;
    height: auto !important;
    min-height: 100%;
}
footer {
    width: 100%;
    min-width: 1350px;
}

html * {
    box-sizing: border-box;
    font-family:'Basic', "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-size: 13px;
}

html a {
    text-decoration: none;
    color: inherit;
}
html a:hover,
html a:focus {
    color: inherit;
    text-decoration: none;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
/*
header {
	z-index: 9999;
    background: #fdfdfd;
    height: 70px;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
}
*/

.maxw { margin: 0 auto; padding: 0 !important;max-width: 1350px;}
.d-flex {display: flex;}
.pa-y {position: absolute; top: 50%; transform:translate(0, -50%);}
/****** header 추가 시작 ******/
header{
    position: fixed;
    z-index: 100;
    width: 100%; 
	height: 90px;
    top: 0; left: 0;
}
header.nav-sticky {
    background-color: rgba(0,0,0,0.7);
}
#logo_box {line-height: 90px;}

#logo_box img {height: 60px;}

.logo_box{
    width: 180px; 
    margin: 0 auto; 
    margin-top: 35px;
}
.logo_box img{
    height: 80px;
}
.hd_logo{
    width: 111px;
    height: 100%;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(/img/new/nossdaq_logo.png);
}
.tablesorter-header-inner{
    line-height: normal;
}
.nav_box > ul { width: 700px; height: 100%;margin: 0 !important; margin-left: 30px !important;}
.nav_box > ul > li { display: flex;width: 19%; height: 100%; align-items: center;justify-content: center;}
.nav_box > ul > li > a { font-size: 1.0rem; color: #9e9e9e;}
.nav_box > ul > li > a:hover {color: var(--market-color2);}
.nav_box > ul > li > .dbx_submenu li a {display: inline-block; width: 100%; height: 100%;}
.nav_box > ul > li > .dbx_submenu li:hover {background: #fff; border-radius: 20px;}
.nav_box > ul > li > .dbx_submenu li:hover a {color: #003997;}

.loginbox{
    display: flex;
	position: relative;
    width: 120px; 
    line-height:90px;
	text-align: center;
    justify-content: space-between;
} 
.loginbox a{font-size: small; font-size: 1.0rem;  color: #9e9e9e;}
.loginbox a:hover {color: var(--market-color2);}
.loginbox .bar_class {display: inline-block; margin: 0 2px; font-size: 1.0rem;  color: #9e9e9e;}

.loginbox .amenu_box { position: absolute;width: 35px; height: 35px; top: 50%; right: 110px; background: #003997; border-radius: 50%; transform: translate(0, -50%);}
.loginbox .amenu_box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
 
.lang{ 
	position:absolute;
	z-index: 11;width: 90px; 
	height: 35px;
	top: 50%;
	right: 5px; 
    background: #003997;
    line-height: 35px;
    border-radius: 20px; 
    color: #fff !important; 
    font-size: small; 
    text-align: center;
	transform: translate(0, -50%);
}

.lang:hover {color:#fff !important;}

.gnb{ 
    display: flex;
    width: 100%; 
    text-align: center;
}
.gnb>li{ position: relative;width: 16.6666%;}  
.gnb a{
    width: 100%; 
    font-size:1.5rem;
    font-weight: 500;
}
.gnb a:hover {color:#000;}

/* ---------------------서브 메뉴------------------- */

nav .gnb .dbx_submenu{ display: none; position: absolute; z-index: 99999999999;width: 95%; top: 95px; text-align: center; 
    color: white;}   
nav .gnb .dbx_submenu li{width: 100%;}                     
/* nav .gnb .dbx_submenu:nth-child(1){margin-left: 20px;}                 */
nav .gnb .dbx_submenu a{width: 100%; line-height: 45px;
      font-size: 16px; color:#fff;  font-weight: 500;}    
#dbxsub_back{ display: none;
position: absolute; z-index: 999999999;width: 100%; height: 260px; top: 90px; left: 0;  background:  rgba(7, 67, 105, .9);
border-bottom: 4px white solid;}

nav .gnb li:nth-child(6) img{width: 35px; height: 35px;}  

/****** header 추가 끝 ******/

.guide-footer {
    padding: 20px 30px;
    background-color: #e7e7e7;
    margin-top: 16px;
    overflow: auto;
    line-height: 40px;
}
/* .guide-footer > div:first-child {
    display: inline-block;
    float: left;
    line-height: 40px;
}
.guide-footer > div:last-child {
    display: inline-block;
    float: right;
    line-height: 40px;
} 
.guide-footer > div:last-child img {
    width: 40px;
    height: auto;
    cursor: pointer;
}
*/
.btn-main {
    display: inline-block;

    padding: 10px 20px;
    background: #2A2A2A;
    background-image: -webkit-linear-gradient(top, #2A2A2A, #232222);
    background-image: -moz-linear-gradient(top, #2A2A2A, #232222);
    background-image: -ms-linear-gradient(top, #2A2A2A, #232222);
    background-image: -o-linear-gradient(top, #2A2A2A, #232222);
    background-image: linear-gradient(to bottom, #2A2A2A, #232222);
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    color: #FFFFFF;
    box-shadow: 1px 1px 5px 0px #000000;
    -webkit-box-shadow: 1px 1px 5px 0px #000000;
    -moz-box-shadow: 1px 1px 5px 0px #000000;
    text-shadow: 1px 1px 20px #000000;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 0.5px !important;
}
.btn-main:hover {
    opacity: 0.8;
}
.btn-main:active {
    opacity: 0.5;
}
/* 다빗 tms.css style.css 수정*/




/*0306*/
.usd-font {
color: #7e87a0;
font-size: 20px;
}
.section-coinlist .table-area table tr.up td:nth-child(3) {
    color:var(--market-color2);
}
.section-coinlist .table-area table tr.down td:nth-child(3) {
    color:var(--market-color1);
}
.section-coinlist .table-area table .preparing {
    color:var(--market-color1) !important;
}
.right-board > .current-board > table tr>td:first-child > p:nth-child(1) {
	font-size: inherit;
	font-family: inherit;
    letter-spacing: inherit;
}
.right-board > .current-board > table tr>td:first-child > p:nth-child(2) {
/*     color: #5c5c5c;     */
	letter-spacing: inherit;
	color: #7e87a0;
    font-size: 11px;
}
.sub-price {
	line-height: 19px;
	font-size:14px;
	color: #7e87a0;
	padding-right: 5px;
}
.sub-price.estimated {
	font-size: 14px;
	line-height: 25px;
} 
.sub-price > span {
	font-size: inherit;
}




#market_all table td{

}
#market_all table th {

}
.table-area table tr {
    cursor: pointer;
}
.table-area table tr:hover {
    opacity: 0.8;
}
.table-area table tr:active {
    opacity: 0.5;
}
.vhc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.topcontainer{
    position: relative;
    width:1366px;
    height: 70px;
    margin: 0 auto;
    user-select:none;
}
.contents_wrap {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}
.logo {    
    position:relative;
    /*width:155px;*/
/*    width: 201px;
    height:32px;*/
    width: 250px;
    height:45px;
    /*  left:280px;*/
    /*top:50%;*/
    top: 50%;
    background-size:contain;
    transform:translateY(-50%);
}

.logo > img {
    /*width: 100%;*/
    height: 100%;
}

/*메인 링크*/
.main_navi {
    position: absolute;
    top: 50%;
    left:258px;
    transform: translateY(-50%);
}

.main_navi:after {
    display: block;
    content: "";
    clear: both;
}

.main_navi > li {
    float: left;
    margin-right: 60px;
}

.main_navi > li:last-of-type {
    margin-right: 0;
}
.main_navi > li > a.index{
    color: #080404;
    font-size: 17px;
    font-family: "noto-bold";
}
.main_navi > li > a {
    color: #fff;
}

/*서브 링크*/
.sub_navi {
    position: absolute;
    top: 50%;
    right: 0;
    /*    width: 300px;*/
    transform: translateY(-50%);
    /*    margin-top: 18px;*/
    /*    margin-left: 1140px;*/
}

.sub_navi:after {
    display: block;
    content: "";
    clear: both;
}

.sub_navi > li {
    position: relative;
    float: left;
    margin-right: 40px;
    cursor: pointer;
}
.sub_navi > li > .dropdown {
    position: absolute;
    /*top: 31px;*/
    top: 45px;
    left: -29px;
    background: #fdfdfd;
    color: #080404;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-top: none;    
}
.sub_navi > li > .dropdown.on {
	display: block !important;
}
.sub_navi > li > .dropdown.off {
	display: none !important;
}
.sub_navi > li > .dropdown.kr {
    width: 150px;
    left: -37px !important;    
}
.sub_navi > li > .dropdown.kr > p {
    padding-left:0px;
    padding-right: 0px
}
.sub_navi > li > .dropdown > p:first-child {
	/*padding-top: 15px;*/
}
.sub_navi > li > .dropdown > p {
    padding: 10px 30px;
    font-size: 17px;
    user-select: none;
}
.sub_navi > li > .dropdown > p:hover {
	opacity: 0.8;
}
.sub_navi > li > .dropdown > p:active {
	opacity: 0.5;
}

.sub_navi > li > .dropdown#nation_dropdown {
	/*left: -35px;*/
    left: -55px;
}
.dropdown#nation_dropdown.en {
    left: -17px !important;
}
.dropdown#nation_dropdown.jp {
    left: -10px !important;
}
.dropdown#nation_dropdown.jp > p {
    width: 100px;
}
.dropdown#nation_dropdown.cn {
    left: -4px !important;
}
.dropdown#nation_dropdown.cn > p {
    width: 100px;
}

.sub_navi > li > .dropdown#nation_dropdown > p {
	padding-left: 15px;
	padding-right: 15px;
}
.sub_navi > li:last-of-type {
    margin-right: 0;
}
.sub_navi > li > a.index_s{
    color: #080404;
    font-size: 17px;
    font-family: "noto-bold";
}
.sub_navi > li > a {
    color: #fff;
    font-size: 15px;
}

footer{background-color:#080404;border-top : 1px solid #ddd;}
footer > div{ min-width:1350px;}

footer .footer_box{
    display: flex; 
    margin: 0 auto;
    min-width: 1350px; 
    justify-content: space-between;   
}


.footer_box>li:nth-child(1) {width: 300px;}
.footer_box>li:nth-child(2) {width: 370px;}
.footer_box>li:nth-child(3) {width: calc(100% - 590px);}
.footer_box li .fol img{height: 70px;}
.footer_box li span {width: 100%; color: rgb(139, 138, 138); font-size: 16px; font-weight: bolder; margin-left: 10px;}

.footer_box li .service{text-align: left;}
.footer_box li .service .mmk1{
    width: 100%; 
    line-height: 32px; 
    font-size: 13px;
    color: #797979; 
}

footer .service li>a:hover{color: #23527c !important;}  

footer .lower_f{ 
    margin: 0 auto;
    padding: 20px 0;
    max-width: 1360px; 
    color:rgb(139, 138, 138);
    font-size: 12px; 
    text-align: center;
}
footer .lower_f h3{width: 100%; text-align: center; color:rgb(139, 138, 138); font-size: 12px;}              

footer p.info {
    margin: 0 !important;
    font-size: 16px !important;
    color: #fff !important;
    line-height: 25px !important;
}
footer p > span.seperate {
    margin: 0 10px;
}
.bottomcontainer{
    position: relative;
    margin: 0 auto;
    padding: 30px 0;
    min-width:100%;
    text-align: center;
    line-height: 26px;
}
#index_foot_navi{
    display: inline-block;
    margin-bottom: 30px;
}
.foot_navi{
}
.foot_navi:after{display:block;
    content:"";clear:both;
}
.foot_navi > li {
    padding: 0 30px;
    float:left;
    border-right: 1.5px solid #888;
    /*  padding:0 30px 0 35px;
      background:url("/img/main/footbar.png") no-repeat 100% 50%;*/
}
.foot_navi > li:last-child {
    border: none;
}

.foot_navi > li:last-of-type {
    background: none;
}

.foot_navi > li > a {
    display:block;
    height:100%;
    color:#fff;
    font-size: 18px;

}
.indexcopy{
    color: #fff;
    text-align: center;
    margin-top: 25px;
    font-size: 17px;
    font-family: "noto-reg";
}
.copy {
    position: absolute;
    width: 400px;
    top: 110px;
    left: 50%;
    color: #fff;
    text-align: center;
    transform: translateX(-50%);
    font-size: 17px;
    font-family: "noto-lig";
}
.signup_frame {
    width:650px;
    margin:0 auto;
    padding:60px 40px;
    border-radius:6px;
}
.login_frame{
    width: 480px;
}
.title_style {
    /* font-family: "noto-mid"; */
    font-family: 'WelcomeB', sans-serif;
    font-size: 23px;
    margin-bottom: 55px;
    text-align: center;
    font-weight: 700;
}
.ty2 {
    margin-bottom: 10px;
}

.title_ex_style {
    text-align: center;
    margin-bottom: 55px;
}
.btn-main-register{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    background: linear-gradient(180deg, #319bf1, #4aa6f1);
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 4px;
    padding: 6px 12px;
    color: #fff;
    outline: none;
    cursor: pointer;
    width: 100%;
    height: 40px;
}
.btn-main-register:hover {
    opacity: 0.8;
}
/* 20201130 LHS start */
.sign_input_frame {
    
}
.sign_input_frame table {width: 100%; border-collapse: collapse;}
.sign_input_frame table tr {}
.sign_input_frame table tr th {
    width: 150px;
    padding: 20px 15px;
    background: rgba(49, 155, 241,1);
    border: 1px solid #ddd;
    text-align: left;
}
.sign_input_frame table tr td { position: relative;padding: 20px 15px; border: 1px solid #ddd; line-height: 20px;}
.sign_input_frame table tr td input[type="number"]::-webkit-outer-spin-button,
.sign_input_frame table tr td input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.sign_input_frame .input_margin_bottom {margin-bottom : 10px;}
.sign_input_frame .reg_addr input::last-child {margin-bottom : 0;}

.sign_input_frame table tr td input[type="button"] {
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #319bf1;
    border-radius: 10px;
    cursor: pointer;
    color: #319bf1;
    margin-left: 10px;
    font-size: 12px;
}
.sign_input_frame table tr td input[type="button"]:hover {
    background: #319bf1; color: #fff;
}

.sign_input_frame table tr td button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    background: linear-gradient(180deg, #319bf1, #4aa6f1);
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 4px;
    padding: 6px 12px;
    color: #fff;
    outline: none;
    cursor: pointer;
    height: 40px;
}

.sign_input_frame table tr td button:hover {
    opacity: 0.8;
}

.sign_input_frame table tr td ul li {
    list-style: inside; padding-left: 10px;}

.sign_input_frame > ul {margin: 20px 0; overflow: hidden; border-bottom: 1px solid #ddd;}

.sign_input_frame > ul .register_type { width: 150px; height: 50px;float: left; line-height: 50px; font-size: 16px; text-align: center; cursor: pointer;}

.sign_input_frame > ul .register_type.on {font-weight: bolder; border-bottom: 3px solid #319bf1;}

.layer_popup {position:fixed;  z-index:100;width:100%; height:100%; top:50%; left:50%; background-color: rgba(53,53,53,0.5); transform: translate(-50%,-50%);}
.layer_popup .layer_box {
    position: fixed;
    z-index: 2;
    width: calc(100% - 40px);
    height: fit-content;
    top: 50%;
    left: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
    text-align: center;
    min-width: 320px;
    max-width: 400px;
    box-sizing: border-box;
    /* border: 2px solid #1a1d26; */
}
.layer_popup .layer_box>.layer_header {
    display: block;
    width: 100%;
    height: 60px;
    background: #319bf1;
    line-height: 60px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.layer_popup .layer_box>.layer_header span {
    font-size: 16px;
    font-weight: 700;
    color: #fff
}
.layer_popup .layer_box > .layer_body { height: fit-content;padding: 10px 20px;}
.layer_popup > .layer_bg {  background-color: rgba(53,53,53,0.5);

    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;}
.layer_popup .layer_box input { width: 90%; height: 30px; border: 1px solid #074369; line-height: 30px;     margin-top: 9px; border-radius: 10px; padding-left: 10px;}
.layer_popup .layer_box button {
    margin: 0 5px;
    padding: 10px 30px;
    background: transparent;
    font-weight: 700;
    color: #319bf1;
    border: 1px solid #319bf1;
    border-radius: 5px;
    cursor: pointer;
}
.layer_popup .layer_box button[type="submit"]{
    color: #fff;
    background-color: #319bf1;
}
.layer_popup .layer_box .layer_body:not(.none_style) span { font-size : 16px; font-weight: bolder; color: #19191a;}
.layer_popup#layer_alert_box {z-index: 101;}
.layer_detail_box .layer_box {height:500px; max-width: 900px;}
.layer_detail_box .layer_box .layer_body {height: 390px; overflow-y: hidden;}
.layer_detail_box .layer_box .layer_body.overflow-y-auto{
    overflow-y: auto;
}
.layer_detail_box .layer_box .layer_body textarea {width: 100%; height: 100%; resize: none; border: 1px solid #fff;}
.layer_detail_box .layer_box .layer_body textarea::-webkit-scrollbar {width: 6px;}
.layer_detail_box .layer_box .layer_body textarea::-webkit-scrollbar-thumb {background-color: gray;border-radius: 3px;}
.layer_popup  .layer_box .layer_footer{
    padding: 0 0 10px;
}
/* 20201130 LHS end */

.pop-guide-custom {
    text-align: left;
}
.pop-guide-custom ul { 
  list-style:disc !important;
  padding-inline-start: 20px;    
}
.pop-guide-custom ul ul {
    list-style: circle !important;
}
.pop-guide-custom ol {
  list-style:decimal !important;
  padding-inline-start: 20px;
}
.pop-guide-custom li {
  margin-bottom: 5px;
}
.pop-guide-custom > p{
    line-height: 20px;
    margin-bottom: 10px;
}
.pop-guide-custom a {
    color: #007aff !important;
    word-break: break-all;
}
.input_style1 {
    display: block;
    width: 390px;
    height: 42px;
    border: 1px solid #dfdfdf;
    border-radius: 6px;
    text-indent: 18px;
    font-size: 14px;
    float: left;
}
.no_robot {
    width: 300px;
    height: 80px;
    background: #f9f9f9;
}

.input_style2 {
    margin-top: -4px;
    margin-right: 10px;
}
.signup_frame .input_style2 {
    margin-top: 1px;
}

.input_frame1 {
    width: 290px;
    margin: 5px auto;
}

.btn_signup {
    width: 220px;
    height: 48px;
    margin: 38px auto 18px;
    background: url("/img/signup/btn_signup.png") no-repeat 50% 50%;
    cursor: pointer;
}

.btn_login {
    width: 220px;
    height: 48px;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

.btn_login2 {
    width: 220px;
    height: 48px;
    margin: 38px auto 18px;
    background: url("/img/signup/btn_login.png") no-repeat 50% 50%;
    cursor: pointer;
}

.btn_pw {
    width: 220px;
    height: 48px;
    margin: 68px auto 18px;
    background: url("/img/signup/btn_pw.png") no-repeat 50% 50%;
    cursor: pointer;
}

.pw_su {
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pw_su.jp {
    width: 246px;
}

/* .pw_su:after {
    display: block;
    content: "";
    clear: both;
} */

.pw_su > li {
    /* padding: 0 20px; */
    /* float: left; */
    color: #fff;
    opacity: 0.8;
    cursor: pointer;
    font-size: 12px;
}
.pw_su > li:hover {
    color: #319bf1;
    opacity: 1;
}
/* .pw_su > li > a{
    font-size: 15px;
} */
/* .pw_su > li:first-of-type {
    background: url("/img/main/blackbar.png") no-repeat 100% 50%;
    padding-left: 0;
}

.pw_su > li:nth-child(2) {
    background: url("/img/main/blackbar.png") no-repeat 100% 50%;
} */

.f_ty2 {
    height: 460px;
}

/*메인페이지*/
.main_header {
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.main_slider_wrap {
    position: relative;
    width: 100%;
    height: 600px;
    background: url("/img/main/SerialID_mainimg.png") no-repeat 50% 50%;
    background-size: cover;
}

.inner_slide_alarm {
    position: absolute;
    width: 100%;
    height: 70px;
    left: 0;
    bottom: 0;
    background:#232222;
    border-top: 1px solid #5b7280;
}

.inner_slide_alarm > ul {
    position: relative;
    width: 1366px;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%);
}

.inner_slide_alarm > ul:after {
    display: block;
    content: "";
    clear: both;
}

.inner_slide_alarm > ul > li {
    width: 50%;
    float: left;
    color: #fff;
}

.inner_slide_alarm > ul > li > h4 {
    display: inline-block;
    margin-right: 20px;
}

.inner_slide_alarm > ul > li > h4 > span {
    padding: 6px 25px;
    border: 1px solid #fff;
    border-radius: 6px;
    font-size: 16px;
}

.inner_slide_alarm > ul > li > p {
    display: inline-block;
    width: 536px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}

.page_link {
    width: 1200px;
    margin: 100px auto 85px;
}

.page_link:after {
    display: block;
    content: "";
    clear: both;
}

.page_link > li {
    width: 250px;
    float: left;
    margin-right: 66px;
}

.page_link > li:last-of-type {
    margin-right: 0;
}

.link_img_box {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    background: #fafdff;
    border-radius: 50%;
    box-shadow: 2px 2px 2px #dfdfdf;
}

.ic {
    display: block;
    position: relative;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.ic:after {
    display: block;
    position: absolute;
    width: 130px;
    height: 2px;
    top: 50%;
    right: -149px;
    background: url("/img/main/line.png") repeat-x 0 50%;
    content: "";
    clear: both;
    transform: translateY(-50%);
}

.ic4:after {
    display: none;
}

.ic1 {
    background: url("/img/main/icon1.png") no-repeat 50% 50%;
    background-size: 84px;
}

.ic2 {
    background: url("/img/main/icon2.png") no-repeat 50% 50%;
    background-size: 84px;
}

.ic3 {
    background: url("/img/main/icon3.png") no-repeat 50% 50%;
    background-size: 84px;
}

.ic4 {
    background: url("/img/main/icon4.png") no-repeat 50% 50%;
    background-size: 84px;
}

.page_link > li > h4 {
    margin: 48px auto 40px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

.page_link > li > p {
    text-align: center;
    font-size: 14px;
    margin-bottom: 44px;
}

.btn_link {
    position: relative;
    width: 100px;
    height: 28px;
    margin: 0 auto;
    border: 1px solid #232222;
    border-radius: 6px;
    transition: all 0.2s ease 0s;
}

.btn_link:hover {
    background: #232222;
}

.btn_link > a {
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #232222;
}

.btn_link:hover > a {
    color: #fff;
}

.market_list_wrap {
    background: #fbfbfb;
}

.inner_market_list_wrap {
    width: 1366px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 100px;
}

.tc {
    color: #232222;
    margin-bottom: 20px;
}

.txs {
    margin-bottom: 60px;
    font-size: 14px;
    color: #232222;
}

.market_list {
    width: 100%;
    padding: 60px 40px;
    background: #fff;
    margin-bottom: 70px;
}

.market_table {
    width: 100%;
}

.market_table th, .market_table td {
    text-align: center;
    font-size: 15px;
}

.market_table th {
    /*font-weight: bold;*/
    padding: 20px;
    border-bottom: 2px solid #d0d0d0;
}

.market_table td {
    padding: 16px;
}

.market_table tr {
    border-bottom: 1px solid #d0d0d0;
}

.btn_purc {
    display: block;
    position: relative;
    width: 70px;
    height: 30px;
    left: 50%;
    border: 1px solid #232222;
    border-radius: 8px;
    transform: translateX(-50%);
    cursor: pointer;
}

.btn_purc > span {
    width: 100%;
    text-align: center;
}

.market_page_list {
    width: 140px;
    height: 20px;
    margin: 60px auto 0px;
}

.market_page_list > li {
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
    box-sizing: border-box;
    /*border: 1px solid #a6a6a6;*/
    cursor: pointer;
}

.market_page_list > li > span {
    color: #a6a6a6;
}

.market_page_list > li.on > span {
    color: #dbbe5d;
}

.market_page_list > li:last-of-type {
    margin-right: 0;
}
.market_page_list:after {
    display: block;
    position: absolute;
    width: 20px;
    height: 15px;
    padding: 3px 0 2px 0;
    content: ">";
    clear: both;
    border: 1px solid #a6a6a6;
    text-align: center;
    vertical-align: middle;
    color: #a6a6a6;
    transform: translate(160px, -1px);
    cursor: pointer;
}

.market_page_list:before {
    display: block;
    position: absolute;
    width: 20px;
    height: 15px;
    padding: 3px 0 2px 0;
    content: "<";
    clear: both;
    border: 1px solid #a6a6a6;
    text-align: center;
    vertical-align: middle;
    color: #a6a6a6;
    transform: translate(-42px, -1px);
    cursor: pointer;
}

/*serial ID*/
.reward_wrap {
    position: relative;
    padding-top: 74px;
	padding-bottom: 70px;    min-height: calc(100vh - 229px);

}
.guide_frame_fix li a {
    text-indent: 16px;
}
.guide_frame {
    position: absolute;
    width: 170px;
    top: 74px;
    left: 0;
    border: 1px solid #b4bec5;
    border-radius: 10px;
    overflow: hidden;
}

.guide_frame * {
    color: #fff;
}

.guide_frame > h3 {
    padding: 20px 0;
    text-indent: 24px;
    font-size: 18px;
}

.guide_frame > ul > li > a {
    position: relative;
    padding: 14px 0;
    cursor: pointer;
}
.guide_frame li:hover {
    background: #f8f8f8;
    border-left: 2px solid #dbbd5c;
    opacity: 0.8;
    color: black;
}
.guide_frame li:active {
    background: #f8f8f8;
    border-left: 2px solid #dbbd5c;
    opacity: 0.5;
}
.guide_frame > ul > li > a {
    display: block;
    width: 100%;
    padding: 14px 24px;
    font-size: 15px;
    text-indent: 0px;
}

.guide_frame > ul > li.on {
    background: #f8f8f8;
    border-left: 2px solid #dbbd5c;
}

.guide_frame > ul > li.on > a {
    color: #dbbd5c;
    font-size: 15px;
}

.inner_contents_wrap {
    width: 1102px;
    margin-left: 248px;
}

.rw_title1 {
    padding-top: 4px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b4bec5;
    font-size: 22px;
    margin-bottom: 30px;
}
.api_cont{
    padding: 0 !important;
}
.reward_img_box {
    width: 100%;
    height: 300px;
    margin-bottom: 60px;
}

.reward_bg1 {
    background: url("/img/reward/main1_img.jpg") no-repeat 50% 50%;
    background-size: cover;
}

.reward_bg2 {
    background: url("/img/reward/main2_img.jpg") no-repeat 50% 50%;
    background-size: cover;
}

.reward_bg3 {
    background: url("/img/reward/main3_img.jpg") no-repeat 50% 50%;
    background-size: cover;
}

.yc {
    color: #d1aa29;
}

.rw_title2 {
    font-size: 25px;
    text-align: center;
    margin-bottom: 25px;
}

.rw_ex1 {
    font-size: 15px;
    text-align: center;
    /*font-weight: bold;*/
    margin-bottom: 100px;
    line-height: 22px;
}

.event_flow {
    width: 924px;
    margin: 0 auto 100px;
}

.event_flow:after {
    display: block;
    content: "";
    clear: both;
}

.event_flow > li {
    width: 213px;
    height: 204px;
    float: left;
    margin-right: 22px;
}

.event_flow > li:last-of-type {
    margin-right: 0;
}

.rw1_img {
    background: url("/img/reward/r1.png") no-repeat 50% 50%;
}

.rw2_img {
    background: url("/img/reward/r2.png") no-repeat 50% 50%;
}

.rw3_img {
    background: url("/img/reward/r3.png") no-repeat 50% 50%;
}

.rw4_img {
    background: url("/img/reward/r4.png") no-repeat 50% 50%;
}

.r1_img {
    background: url("/img/reward/rww1.png") no-repeat 50% 50%;
}

.r2_img {
    background: url("/img/reward/rww2.png") no-repeat 50% 50%;
}

.r3_img {
    background: url("/img/reward/rww3.png") no-repeat 50% 50%;
}

.r4_img {
    background: url("/img/reward/rww4.png") no-repeat 50% 50%;
}

.bpan {
    font-size:20px;
}

.current_event_box {
    width:924px;
    margin:0 auto;
    padding: 33px 0 30px 0;
    border:1px dashed #d1aa29;
}

.rw_title3 {
    margin:0 auto 30px;
    font-size:20px;
    /*  font-weight:bold;*/
    text-align: center;
}

.celist {
    /*width: 460px;*/
    margin: 0 auto 30px;
}

.celist:after {
    display: block;
    content: "";
    clear: both;
}

.celist > li {
    width: 50%;
    /*background: url("/img/reward/icon6.png") no-repeat 0 50%;*/
    /*background-size: 14px;*/
    float: left;
    font-size: 16px;
    /*text-indent: 20px;*/
}
.celist > li:first-child {
    text-align: right;
    padding-right:10px;
}
.celist > li:last-child {
    text-align: left;
    padding-left:10px;
}
.celist > li > img {
    width: 16px;
    height: 16px;
    margin-right: 3px;
}
.cep {
    /*background: url(/img/reward/icon7.png) no-repeat 5px 40%;*/
    /*background-size: 14px;*/
    /*text-indent: 23px;*/
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px;
}
.cep > img {
    width: 18px;
    height: 18px;
    margin-right: 3px;
}
.btn_join_event {
    width: 176px;
    height: 46px;
    margin: 34px auto 67px;
    background: url("/img/reward/btn1.png") no-repeat 50% 50%;
    cursor: pointer;
}

.epro {
    width: 924px;
    margin: 0 auto 44px;
    padding: 78px 22px 72px 100px;
    background: #fbfcff;
    box-shadow: 2px 2px 2px #dfdfdf;
}

.epro_frame {
    margin-bottom: 58px;
}

.epro_frame:after {
    display: block;
    content: "";
    clear: both;
}

.epro_frame:last-of-type {
    margin-bottom: 0;
}

.epro_l {
    width: 164px;
    height: 40px;
    float: left;
    margin-right: 33px;
}

.el1 {
    background: url("/img/reward/el1.png") no-repeat 50% 50%;
}

.el2 {
    background: url("/img/reward/el2.png") no-repeat 50% 50%;
}

.el3 {
    background: url("/img/reward/el3.png") no-repeat 50% 50%;
}

.epro_r {
    width: 560px;
    float: left;
    font-weight: bold;
}

.epro_r > dt {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 16px;
}
.epro_r > dd {
    font-size: 18px;
    line-height: 30px;
}
.btn_go_manual {
    width: 205px;
    height: 40px;
    margin: 0 auto 140px;
    background: url("/img/reward/btn2.png") no-repeat 50% 50%;
    cursor: pointer;
}

.boxes_wrap {
    width: 924px;
    margin: 0 auto 200px;

}

.boxes_wrap:after {
    display: block;
    content: "";
    clear: both;
}

.boxes_wrap > div {
    position: relative;
    width: 438px;
    padding: 36px;
    float: left;
    border: 1px solid #b3b3b3;
    border-radius: 15px;
}

.boxes_wrap > div:after {
    display: block;
    content: "";
    clear: both;
}

.boxes_wrap > div > ul {
    width: 160px;
    float: left;
    margin-right: 44px;
}

.boxes_wrap > div > ul > li {
    /*  padding:2px 0;*/
    font-size: 15px;
    line-height: 24px;
}

.boxes_wrap > div > ul:last-of-type {
    margin-right: 0;
}

.boxes_wrap > div > h3 {
    position: absolute;
    top: -16px;
    left: 50%;
    padding:5px 20px;
    transform: translateX(-50%);
    border-radius:20px;
    font-size:17px;
}

.ls_box_frame {
    margin-right:48px;
}

.ls_title {
    background: #d2ab2a;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.rs_title {
    background: #e2e2e2;
    font-size: 14px;
    font-weight: bold;
}

/*마켓*/
.market_bg {
    height: 346px;
    background: url("/img/market_bg.png") no-repeat 50% 50%;
}

.imk_f {
    background: #fff;
    padding-top: 0;
}

.table_linker {
}

.table_linker:after {
    display: block;
    content: "";
    clear: both;
}

.table_linker > li {
    float: left;
}

.table_linker > li > a {
    display: block;
    padding: 20px 30px;
    font-size: 14px;
}

.table_linker > li.on > a {
    background:#232222;
    color:#f9f9f9;
}

.market_style_th th {
    padding:30px 0;
    background:#f9f9f9;
    border-top: 2px solid #002339;
    border-bottom:none!important;
}
.history_style_th th{
    padding:30px 0;
    background:#f9f9f9;
    /*  border-top: 2px solid #d0d0d0;*/
    border-bottom:none!important;
}
.inst2 {
    padding-top: 0;
}

.psty2 {
    margin-top: 0;
}

.btn_cancel {
    color: #e62b00;
    border: 1px solid #e62b00;
}

/*공지사항*/
.nt1 {
    border-bottom:2px solid var(--market-color2);
    margin-bottom:0;
    color: var(--market-color2);
}

.bnt_search {
    width:80px;
    height:26px;
    background:#002339;
    float:right;
    color:#fff;
    border:none;
    cursor:pointer;
}

.input_search {
    height:26px;
    margin-right:10px;
    float:right;
    border:1px solid #002339;
    text-indent: 5px;
}

.notice_list1 {
    padding: 0;
}

.notice_table1 th {
    border-top: 0;
}

.notice_list1_p {
    margin: 40px auto 70px;
}

/*공지사항 상세*/
.ndetail_info {
}

.ndetail_info > dt {
    padding: 30px 10px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #d0d0d0;
}

.nviews {
    padding: 0 13px;
    float: right;
    font-weight: normal;
    color: #a7a7a7;
}

.ndate {
    position: relative;
    padding: 0 13px;
    float: right;
    font-weight: normal;
    color: #a7a7a7;
}
/*
.ndate:after {
    content: "";
    display: block;
    clear: both;
    background: #a7a7a7;
    height: 9px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 51%;
    transform: translateY(-50%);
}
*/
.ndetail_info > dd {
    padding: 10px;
    border-bottom: 2px solid #d0d0d0;
    font-size: 16px;
    min-height: 30vh;
}
.pagination li.edge span svg{
    filter: invert(1)
}
.btn_list {
    height: 30px;
    background: transparent;
    color:#fff;
    border:1px solid #fff;
    cursor: pointer;
    font-size: 15px;
    text-align: center;
    line-height: 26px;
    margin-top: 27px;
    margin-bottom: 67px;
    position: relative;
}

select {
    height: 24px;
    border: 1px solid #232222;
}


.inq {
    width: 100%;
    margin-bottom: 24px;
}
.mySwiper .swiper-slide{
    display: flex;
    width:100%;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    justify-content: center;
    align-items: flex-start;
}
.mySwiper .swiper-slide1{
    background-image: url("../../img/global/desktop/mainSlide1.jpg");
}
.mySwiper .swiper-slide2{
    background-image: url("../../img/global/desktop/mainSlide2.jpg");
}
.mySwiper .swiper-slide3{
    background-image: url("../../img/global/desktop/mainSlide3.jpg");
}
.inq th {
    width: 200px;
    background: var(--main-color1);
    font-weight: bold;
    text-align: center;
    font-size: 16px;
}

.inq th, .inq td {
    border-bottom: 1px solid #d0d0d0;
}

.inq td {
    width: calc(100% - 200px);
}

.inq td select{
    height: 88px;
    box-shadow: 0;
    outline: 0;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.inq td input{
    height: 88px;
    outline: 0;
    border: 0;
    font-size: 16px;
    padding: 20px 10px;
}
.btn-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}
.btn-list_contact{
    background-color: transparent;
    border: 1px solid #fff;
    box-shadow: none;
}
.btn-submit_contact{
    background-color: transparent;
    box-shadow: none;
    border :1px solid var(--market-color2);
    color: var(--market-color2);
}
.btn-contact{
    width: 100%;
    font-size: 16px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.nt_sel {
    width: 600px;
    text-indent: 12px;
}

.nt_text {
    width: 600px;
    height: 200px;
    border: 1px solid #d0d0d0;
}

.intext {
    height: 315px;
    
}
#cke_editor{
    height: 100%;
    border: 0;
}
#cke_1_contents{
    height: 272px !important;
}
.cke_wysiwyg_frame, .cke_wysiwyg_div{
    background-color: transparent;
    color: #fff;
}
.nt_text {
    resize: none;
}

.notice_title {
    margin: 23px 0 16px 16px;
    font-size: 16px;
    font-weight: bold;
}

.noticep {
    margin-left: 16px;
}

.yp {
    color: #d1aa29;
}

.nomb {
    margin-bottom: 30px;
}

.btn_inquire {
    width: 152px;
    height: 42px;
    margin: 0 auto 70px;
    background: url("/img/cs/btn3.png") no-repeat 50% 50%;
    background-size: contain;
    cursor: pointer;
}

/*인증단계*/
.cert_wrap {
}

.certi_bg1 {
    width: 1290px;
    height: 275px;
    margin: 0 auto;
    background: url("/img/certification/1step.png") no-repeat 50% 50%;
}

.certi_bg2 {
    width: 1290px;
    height: 275px;
    margin: 0 auto;
    background: url("/img/certification/2step.png") no-repeat 50% 50%;
    margin-bottom: 130px;
}
.certi_bg3{
    width:1290px;
    height:275px;
    margin:0 auto;
    background:url("/img/certification/3step.png") no-repeat 50% 50%;
    margin-bottom:130px;
}
.certi_bg4 {
    width: 1290px;
    height: 275px;
    margin: 0 auto;
    background: url("/img/certification/4step.png") no-repeat 50% 50%;
    margin-bottom: 130px;
}
.certi_bg5 {
    width: 1290px;
    height: 275px;
    margin: 0 auto;
    background: url("/img/certification/5step.png") no-repeat 50% 50%;
    margin-bottom: 130px;
}

.cert3_innerf{
    width:570px;
    margin:50px auto 70px;
}
.cert3_innerf:after{display:block;
    content:"";clear:both;
}
.cert3_innerf > li{
    width:190px;
    height:120px;
    background:url("/img/certification/icon2.png") no-repeat 50% 50%;
    float:left;
    text-align: center;
    line-height: 120px;
}
.cert3_innerf > li.on{
    background:url("/img/certification/icon3.png") no-repeat 50% 50%;
}
.ct1 {
    margin-top: 80px;
    margin-bottom: 60px;
}
.certp {
    /* background-size:84px; */
    width:288px;
    margin:120px auto 80px;
    background:url("/img/certification/icon1.png") no-repeat 0 40%;
    text-align: center;
    font-size:14px;
}

.certp2 {
    width: 600px;
    margin: 5px auto;
    text-align: left;
    text-indent: 25px;
}

.certp2:last-of-type {
    margin-bottom: 85px;
}

.certi_table {
    width: 760px;
    margin: 80px auto 160px;
}

.certi_table th {
    border: none !important;
}

.certi_table tr {
    border: none;
}

.certi_table td {
    border-bottom: 1px solid #d0d0d0;
}

.btn_pay {
    width:706px;
    margin:0 auto 200px;
    /*  line-height: 72px;*/
    padding: 15px;
    /*  height:72px;*/
    background:#06637a;
    color:#fff;
    font-weight:bold;
    font-size:16px;
    text-align: center;
    border-radius:10px;
    cursor:pointer;
}
.btp2{
    display: block;
    width:240px;
    height:50px;
    /*line-height: 50px;*/
}
.cert3_flow {
    width: 1110px;
    margin: 68px auto 138px;
}

.cert3_flow:after {
    display: block;
    content: "";
    clear: both;
}

.cert3_flow > li {
    position: relative;
    width: 310px;
    height: 64px;
    float: left;
    border-radius: 8px;
    margin-right: 90px;
    line-height: 64px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.cert3_flow > li:after {
    display: block;
    position: absolute;
    width: 64px;
    height: 2px;
    top: 50%;
    right: -78px;
    background: url("/img/certification/line.png") repeat-x 0 50%;
    content: "";
    clear: both;
    transform: translateY(-50%);
}

.cert3_flow > li:nth-of-type(1) {
    background: #6ca1ae;
}

.cert3_flow > li:nth-of-type(2) {
    background: #428fa3;
}

.cert3_flow > li:nth-of-type(3) {
    background: #067592;
    margin-right: 0;
}

.cert3_flow > li:nth-of-type(3):after {
    display: none;
}

.cert4_table {
    width: 100%;
}

.cert4_table * {

    height: 70px;
    border: 1px solid #d0d0d0;
    text-align: center;
    font-size: 14px;
}

.cert4_table th {
    background: #f8f8f8;
    font-weight: bold;
    /* border-top:1px solid #d0d0d0;
    border-bottom:1px solid #d0d0d0; */
}

.nbor {
    border-left: 1px solid #fff;
}

.nbor2 {
    border-right: 1px solid #fff;
}

.cert4_table td {
    color: #999;
    /* border-right:1px solid #d0d0d0; */
}

.cert4_2_sec {
    width: 1110px;
    margin: 140px auto;
}

.cert4_2_sec > h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
}

.certi_img5 {
    width: 675px;
    height: 580px;
    margin: 120px auto 64px;
    background: url("/img/certification/5step_img.png") no-repeat 50% 50%;
}

.btn_godabit {
    width: 700px;
    height: 74px;
    margin: 0 auto 240px;
    background: #06637a;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 74px;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #dfdfdf;
    cursor: pointer;
}

/*마이페이지*/
.mypage_title {
    font-size: 18px;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 30px;
}

.ben_wrap {
    margin-top: 80px;
}

.ben_wrap:after {
    display: block;
    content: "";
    clear: both;
}

.ben_wrap > div {
    float: left;
}

.ben_charge1 {
    width: 450px;
    height: 320px;
    border: 1px solid #d0d0d0;
    box-shadow: 2px 2px 2px #dfdfdf;
    margin-right: 20px;
}

.ben_charge1 > h3 {
    height: 70px;
    background: #f9f9f9;
    color: #06637a;
    text-align: center;
    line-height: 70px;
    font-size: 18px;
    text-shadow: 2px 2px 2px #dfdfdf;
    font-weight: bold;
}

.ben_charge1 > div {
    padding: 50px 40px;
}

.bc1 {
    background: url("/img/mypage/ben/icon1.png") no-repeat 0 7px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #06637a;
    padding-bottom: 16px;
    margin-bottom: 40px;
    text-indent: 24px;
}

.bc1 > span {
    position: relative;
    top: -5px;
    float: right;
    font-size: 12px;
}

.bc1 > span > span {
    margin: 0 10px;
    font-size: 24px;
    font-weight: bold;
}

.bcsty1 {
    padding: 0;
    background: url("/img/mypage/ben/icon2.png") no-repeat 0 7px;
    border-bottom: none;
    margin-bottom: 12px;
}

.rec {
    color: #cb3636;
}

.ben_charge2 {
    width: 644px;
    height: 320px;
}

.ben_charge2 > dl {
    position: relative;
    width: 100%;
    height: 100%;
}

.ben_charge2 > dl > dt {
    position: absolute;
    width: 180px;
    height: 50px;
    top: 0;
    left: 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 48px;
}

.ben_charge2 > dl > dt.on {
    background: #f9f9f9;
    color: #d1aa29;
    box-shadow: 2px 0px 2px #dfdfdf;
}

.ben_charge2 > dl > dd {
    display: none;
    position: absolute;
    width: 100%;
    height: 270px;
    top: 51px;
    left: 0;
    border: 1px solid #d0d0d0;
    box-shadow: 2px 2px 2px #dfdfdf;
}

.ben_charge2 > dl > dd.on {
    display: block;
}

.ben_charge2 > dl > .dt2 {
    left: 180px;
}

.dd1 {
    padding-top: 70px;
    padding-left: 130px;
}

.dd1 > h4 {
    font-size: 16px;
    margin-bottom: 16px;
}

.dd1 > input {
    width: 340px;
    height: 38px;
    border-radius: 8px;
    border: 1px solid #06637a;
    margin-bottom: 50px;
}

.btn_create {
    width: 86px;
    height: 30px;
    background: #06637a;
    border-radius: 8px;
    box-shadow: 2px 3px 2px #dfdfdf;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    margin-left: 127px;
}

.dd2 {
    padding-top: 55px;
    padding-left: 40px;
}

.dd2 > p {
    width: 560px;
    height: 30px;
    font-size: 16px;
    margin-bottom: 20px;
}

.dd2 > p > span {
    float: right;
    font-size: 12px;
}

.scc {
    position: relative;
    top: -7px;
}

.dd2 > p > span > span {
    margin: 0 10px;
    font-size: 24px;
    font-weight: bold;
}

.scinput {
    width: 300px;
    height: 30px;
    float: right;
    border: 1px solid #000;
    border-radius: 8px;
    margin-right: 10px;
    text-indent: 5px;
}

.scc2 {
    position: relative;
    top: 14px;
}

.scinput2 {
    width: 334px;
    height: 30px;
    float: right;
    border: 1px solid #000;
    border-radius: 8px;
    text-indent: 5px;
}

.scty2 {
    margin-left: 232px !important;
}

/*serial id page*/
.serid_table {
    /*margin-top: 70px;*/
}

.setp {
    /*width: 320px;*/
}

.setp:last-of-type {
    margin-bottom: 24px;
}

.btn_seri {
    width: 320px;
}
.api_cont .api_tit{
    color: white !important;
}
.opt1_title {
    color:white;
    /*  text-indent: 20px;*/
    margin-top:10px;
    margin-bottom:16px;
    font-size:18px;
}
.otp-next-wrap {
    text-align: right;
    border-top: 1px solid #898989;
    padding-top: 20px;
    margin-bottom: 200px;
}
.otp-next-wrap > span.prev-btn {
    float: left;
    font-size: 18px;
}
.otp-next-wrap > span.prev-btn:after {
    display: block;
    content: ' ';
    clear: both;
}
.otp-next-wrap > span.next-desc {
    margin-right: 20px;
    color: #878787;
    font-size: 18px;
}
.otp-next-wrap > span.next-btn {
    font-size: 18px;
}
.otp_step {
    width:100%;
    border:2px solid #3FA390;
    margin-bottom:70px;
}

.otp_step:after {
    display: block;
    content: "";
    clear: both;
}

.otp_step > li {
    width:25%;
    height:45px;
    box-sizing: border-box;
    float:left;
    border-right:2px solid #3FA390;
    line-height: 45px;
    font-weight:bold;
    text-align: center;
    font-size:17px;
}

.otp_step > li.on {
    background:#3FA390;
    color:#fff;
}

.otp_step > li:last-of-type {
    border: none;
}

.otp1_sub {
    font-size:25px;
    /*  font-weight:bold;*/
    color:#3FA390;
    margin-bottom:27px;
}
.otp2_sub{
    height: 40px;
    font-size:25px;
    /*  font-weight:bold;*/
    color:#3FA390;
    /* margin-left:60px; */
    margin-bottom:27px;
}
.otp1_sub > span {
    margin-left:30px;
    color:#878787;
    font-size: 19px;
}
.otp1_sub > span >span{
    font-size: 19px;
    color: #3FA390;
}
.step1img {
    width: 500px;
    margin-bottom: 120px;
    /* margin-left: 150px; */
}

.step1img:after {
    display: block;
    content: "";
    clear: both;
}

.step1img > li {
    width: 235px;
    height: 100px;
    float: left;
    cursor: pointer;
}

.step1img > li:nth-of-type(1) {
    background: url("/img/mypage/otp/otp1img1.png") no-repeat 50% 50%;
}

.step1img > li:nth-of-type(2) {
    background: url("/img/mypage/otp/otp1img2.png") no-repeat 50% 50%;
}

.otpnextp {
    padding-top:20px;
    border-top:1px solid #898989;
    text-indent:685px;
    color:#878787;
    font-size: 18px;
}

.otpnextp:after {
    display: block;
    content: "";
    clear: both;
}

.otpnextp span {
    display:block;
    position:relative;
    width:200px;
    height:70px;
    top:-20px;
    right:-36px;
    background:url("/img/mypage/otp/btn1.png") no-repeat 50% 50%;
    float:right;
    cursor:pointer;
}

.btn_prevstep {
    position:relative;
    top:-70px;
    color:#878787;
    cursor:pointer;
    font-size: 18px;
}

.otp2_qr_box {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.otp2_qr_box:after {
    display: block;
    content: "";
    clear: both;
}

.otp2_qr_box > li {
}

.otp2_qr_box > li:nth-of-type(1) {


}
.otp2_qr_box > li:nth-of-type(1) > div{
    position: relative;
    width: 100%;
    padding: 0px 0;
    font-size: 15px;
    text-align: center;
}
.otp2_qr_box > li:nth-of-type(1) > div:nth-last-child(1){
    margin-top: 10px;
    margin-bottom: 10px;
}
.qrcode{

    position: relative;
    width: 100%;
    height: 160px;
}

.otp2_qr_box .btn-copy{
    width: 100%;
}
.otp2_qr_box > li:nth-of-type(2) {
}
.myinfo-item-container li table tr td:last-child{
    width: 36% !important;
}

.otp2_qr_box > li:nth-of-type(2) >
.otp2_1 {
    width: 300px;
    height: 36px;
    background: #ededed;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 15px;
    color: black;
    overflow: auto;
}

.otp2_2 {
    color: #737373;
    font-size: 19px;
    line-height: 28px;
}

.otp3_frame {
    width:930px;
}

.otp3_frame > li:first-of-type {
    width: 280px;
    height: 270px;
    background: url("/img/mypage/otp/memo.png") no-repeat 50% 50%;
    border: none;
    line-height: 270px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.otp3_frame li:nth-of-type(2){
    width:550px;
}
.otp3_1 {
    color: #737373;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 19px;
}

.otp3_2 {
    color:#cb3636;
    font-size: 19px;
}

.otp3_next {
    text-indent: 550px;
}

.btn_otp4_fin {
    right: -14px !important;
    background: url("/img/mypage/otp/btn2.png") no-repeat 50% 50% !important;
}

.otp_input {
    border: 1px solid #ededed;
    padding: 20px;
}

.otp4_div:nth-child(3) {
    margin-bottom: 20px;
}

.otp4_div > label {
    display: inline-block;
    width: 160px;
    text-align: right;
    color: #787878;
    font-size: 15px;
    margin-right: 20px;
}

.otp4_div > input {
    width: 330px;
    height: 30px;
}
.otp_dis_div{
    display: grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 10px;
    margin-bottom: 20px;
}
.otp_dis_div > *{
    font-size: 16px;
}
.otp_dis_div p{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.otp_dis_div input{
    padding: 10px 15px;
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.btn-otp_dis{
    width: 100%;
    background-color: transparent;
    background-color: rgba(6, 67, 100, 0.8);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: var(--market-color2);
    box-shadow: none;
    font-size: 16px;
    text-align: center;
    background-image: none;
    border: 1px solid var(--market-color2);
    
}
.info_img {
    width: 222px;
    height: 195px;
    margin: 50px auto 30px;
    background: url("/img/mypage/myinfo/mypage_img.png") no-repeat 50% 50%;
}

.info_email {
    width: 314px;
    height: 52px;
    margin: 0 auto 42px;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-radius: 8px;
    border: 1px solid #ededed;
}

.info_list {
    width: 820px;
    height: 220px;
    margin: 0 auto 56px;
    border: 1px solid #ededed;
    border-radius: 8px;
}

.info_list:after {
    display: block;
    content: "";
    clear: both;
}

.info_list > li {
    position: relative;
    width: 33.33%;
    height: 220px;
    float: left;
}

.info_list > li > h3 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #d1aa29;
    margin-top: 20px;
}

.info_list > li > div {
    width: 110px;
    height: 90px;
    margin: 16px auto 18px;
}

.iflist1 {
    background: url("/img/mypage/myinfo/mypage_icon1.png") no-repeat 50% 50%;
}

.iflist2 {
    background: url("/img/mypage/myinfo/mypage_icon2.png") no-repeat 50% 50%;
}

.iflist3 {
    background: url("/img/mypage/myinfo/mypage_icon3.png") no-repeat 50% 50%;
}

.info_list > li > p {
    width: 156px;
    height: 36px;
    margin: 0 auto;
    background: #ededed;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    font-weight: bold;
}

.info_list > li:after {
    display: block;
    position: absolute;
    width: 1px;
    height: 200px;
    top: 50%;
    right: 0px;
    background: #ededed;
    content: "";
    clear: both;
    transform: translateY(-50%);
}

.info_list > li:last-of-type:after {
    display: none;
}

.info_list > li > .btn_change {
    background: url("/img/mypage/myinfo/mypage_btn.png") no-repeat 50% 50%;
    background-size: cover;
    cursor: pointer;
}

.nof {
    margin: 0 auto 140px;
    border-top: 1px solid #bbbbbb;
}

.title_findpw {
    margin-bottom: 28px;
	color: #fff;
}

.find_pw_ {
    text-align: center;
    font-size: 14px;
    margin-bottom: 37px;
}

.pwf {
    /*margin-bottom: 70px;*/
}
.smb{
    margin-bottom:51px;
}
.btn_find_pw {
    width:220px;
    height:45px;
    margin:0 auto;
    background:#002339;
    text-align: center;
    cursor:pointer;
    line-height: 50px;
    border-radius:12px;
    color:#fff;
    font-size:20px;
}

.pwf_frame {
    /*height:480px;*/
}

.pop_guide {
    width: 580px;
    /*height: 500px;*/
}
.pop_guide * {
    -webkit-font-smoothing: auto !important;
    line-height: initial;
}
.pop1_bg {
    display: flex;
    position: fixed;
    width: 100%;
    height: 75px;
    background: url("/img/popup/top1.png") no-repeat 50% 50%;
    margin-bottom: 12px;
    align-items: center;
    justify-content: center;
}
.popup_noticename{
    font-size: 28px;
}
.pop-btn-wrap {
    text-align: center;
}
.pop-btn-wrap > .pop-btn {
    display: inline-block;
    padding: 15px 70px;
    background: #003759;
    color: #fff;
    margin-top: 7px;
    font-size: 16px;
    border-radius: 6px;
    cursor: pointer;
}
.pop-btn-wrap > .pop-btn:hover {
    opacity: 0.8;
}
.pop-btn-wrap > .pop-btn:active {
    opacity: 0.5;
}
.login-btn-wrap {
    text-align: center;
    margin-top: 80px;
}
.login-btn-wrap > .login-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    background: linear-gradient(180deg, #319bf1, #4aa6f1);
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 4px;
    padding: 6px 12px;
    color: #fff;
    outline: none;
    cursor: pointer;
    width: 100%;
    height: 40px;
}
/* .login-btn-wrap > .login-btn {
    display: inline-block;
    padding: 10px 79px;
    background: #2a2a2a;
    color: #fff;
    margin-top: 7px;
    font-size: 23px;
    border-radius: 14px;
    cursor: pointer;
} */
.login-btn-wrap > .login-btn:hover {
    opacity: 0.8;
}
.login-btn-wrap > .login-btn:active {
    opacity: 0.5;
}


.psk1 {
    position: relative !important;
    height: 21px !important;
    top: 28px !important;
    margin-left: 45px !important;
    margin-right: 10px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
.popinner1 {
    overflow-y: auto;
    max-height: calc(85vh - 155px);
}

.popinner1 > h3 {
    padding: 10px 0 5px;
    font-size: 24px;
    text-align: center;
}

.popinner1 > h3 > b {
    font-size: 14px;
}

.pop1ul {
    padding: 20px;
    background: #fbfbfb;
    margin-bottom: 8px;
    line-height: 19px;
}
.pop1ul > .bold {
}
.pop1ul > h3 {
    padding: 10px 0 5px;
}
.pop1ul > li {
    margin-bottom: 20px;
}

.pop1ul > li:last-of-type {
    margin-bottom: 0;
}

.bcpop {
    color: #0f3d92;
    margin-bottom: 40px;
}

.pop1_low {
    position: relative;
    height: 78px;
    background: #e7e7e7;
    margin-top: 16px;
}

.btn_popcan {
    position: absolute;
    width: 55px;
    height: 47px;
    top: 18px;
    right: 38px;
    background: url("/img/popup/close_icon.png") no-repeat 50% 50%;
    cursor: pointer;
}

.psk1 {
    position: relative;
    top: 30px;
    margin-left: 45px;
    margin-right: 10px;
}

.psk12 {
    position: relative;
    top: 33px;
    font-size: 14px;
    font-weight: bold;
}

.pop_guide2 {
    width: 568px;
    height: 320px;
}

.pop_top {
    position: relative;
    height: 48px;
    background: #232222;
}

.btn_pop_close {
    position: absolute;
    width: 34px;
    height: 34px;
    top: 7px;
    right: 6px;
    background: url("/img/popup/_close.png") no-repeat 50% 50%;
    cursor: pointer;
}

.checkimg {
    width: 115px;
    height: 107px;
    margin: 15px auto;
    background: url("/img/popup/icon1.png") no-repeat 50% 50%;
}
.pop_guide2 > p {
    font-size: 16px;
    text-align: center;
    line-height: 24px;
}

.yon {
    width: 235px;
    margin: 43px auto 0;
    margin-top: 25px;
}

.yon > span {
    display: inline-block;
    width: 110px;
    height: 34px;
    cursor: pointer;
    text-align: center;
    line-height: 34px;
    color: #fff;
    font-size: 18px;
}

.p2y {
    background: #232222;
    margin-right: 10px;
}

.p2n {
    background: #b7b6b6;
}

.pop3ti {
    position: absolute;
    top: 11px;
    left: 24px;
    color: #fff;
    font-size: 16px;
}

.pt3sub {
    margin-top: 44px;
    margin-bottom: 44px;
}

.sidinty {
    display: inline-block;
    width: 110px;
    height: 35px;
    text-align: center;
    border: 1px solid grey;
}

.sid_input {
    text-align: center;
}

.pop_guide3 {
    width: 1366px;
    height: auto !important;
    background: url("/img/popbg_5.jpg") no-repeat 100% 22px, url("/img/popbg_6.jpg") no-repeat 0 139%;
    text-align: left;
}

.pop_guide3 > .pt4sub {
    position: relative;
    /*font-weight: bold;*/
    width: 170px;
    margin: 76px auto;
    margin-bottom: 60px;
    font-size: 20px;
}


.pt4sub {

}

.pt4sub:before {
    display: none;
    position: absolute;
    width: 14px;
    height: 2px;
    top: 55%;
    left: -14px;
    background: #000;
    content: "";
    /*display: block;*/
    clear: both;
    transform: translateY(-50%);
}

.pt4sub:after {
    display: none;
    position: absolute;
    width: 14px;
    height: 2px;
    top: 55%;
    right: -14px;
    background: #000;
    content: "";
    /*display: block;*/
    clear: both;
    transform: translateY(-50%);
}

.paform {
    width: 1080px;
    margin: 0 auto 34px;
    padding: 40px 44px;
    background: #fbfbfb;
    box-shadow: 1px 2px 2px #dfdfdf;
}

.paform > h3 {
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #dedede;
    padding-bottom: 8px;
    margin-bottom: 30px;
}

.paform > h3 > span {
    font-size: 30px;
    color: #d1aa29;
    text-shadow: 2px 2px 2px #dfdfdf;
    margin-right: 10px;
}

.paform > form {
    width: 760px;
    margin: 0 auto;
}

.paform > form > table {
    width: 100%;
    margin-bottom: 20px;
}

.paform > form > table td {
    height: 30px;
}

.paform > form > table td > input {
    position: relative;
    top: 1px;
    margin-right: 8px;
}

.dsb {
    display: block;
}

.paform > form > textarea {
    width: 100%;
    height: 70px;
    resize: none;
    margin-top: 6px;
}

.pst4fin {
    width: 190px;
    height: 54px;
    margin: 70px auto 0;
    background: #232222;
    text-align: center;
    line-height: 54px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}
.cert3_tih{
    text-align: center;
    font-size:18px;
    font-weight:bold;

}
.cert3-remodal {
    width: auto !important;
    padding: 0 !important;
    max-width: none !important;
}
/*last*/


.cert_wrap::after {
    display: block;

    content: ' ';
    clear: left;
}

.top_title_article {}

.top_title_article > .top_title_wrapper > a > em {
    float: left;
    /*line-height: 42px;*/
    padding-right: 4px;
}

.top_title_article > .top_title_wrapper > a > em > img {
    /*max-width: 31px;*/
    /*max-height: 28px;*/
    width: 31px;
    vertical-align: middle;
    /*height: 31px;*/
}

.top_title_article p.title {
    font-size: 25px;
    line-height: 1.1;
    font-weight: bold;
    color: #fff;
}

.top_title_article p.title > small {
    font-size: 17px;
    line-height: 1;
    font-weight: normal;
    color: #fff;
    padding-left: 5px;
}


/* 좌측 보드 */
.left_nav_article {
    width: 200px;
    height: 1000px;
    /*background-color: blue;*/
    float: left;
    /* margin-right: 10px; */
}
.wallet_wrap .left_nav_article{
    height: fit-content;
}

.aside_coin {
    /*background-color: #fff;*/
    box-sizing: border-box;
    margin-bottom: 15px;
	margin-top: 15px;
    overflow: auto;
}
.aside_coin.wallet{
    /*height: calc(100vh - 228px);*/
    height: fit-content;
    margin-top: -49px;
    margin-bottom: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px solid #fff;
}
.aside_coin:last-child {
    margin-bottom: 0;
}
.aside_coin > table {
    width: 100%;
    text-align: center;

}

.aside_coin > .coin_list > thead th {
    height: 46px;
    text-align: center;
    line-height: 46px;
    font-size: 13px;
}

.aside_coin > .coin_list {
    /* color:#54565d; */
}

.aside_coin > .market > thead th {
    width: 50%;
    height: 46px;
    text-align: center;
    line-height: 46px;
    /* color:#4B4B4B; */
    border-bottom: 1px solid rgba(112,112,112,0.15);
    font-size: 15px;
}
.aside_coin > .market > tbody td {
    position: relative;
    height: 46px;
    /*line-height: 46px;*/
    /* color:#4B4B4B; */
    font-size: 15px;
    vertical-align: middle;
}
.aside_coin > .coin_list > tbody td {
    position: relative;
    height: 42px;
    /*line-height: 46px;*/
    font-size: 13px;
    vertical-align: middle;
}
.aside_coin > table > tbody td.name {
    position:relative;
    /* line-height: 46px; */
    padding: 15px;
    border: 1px solid transparent;
}
.market_right .aside_coin > table > tbody td.name {
    padding: 0 10px;
}
.aside_coin > table > tbody td.name:hover {
    background-color: rgba(6, 67, 100, 0.8)!important;
    color: var(--market-color2);
}
/*.aside_coin > table > tbody td > p:nth-child(2) {
    font-family: 'Arial',"Microsoft YaHei", sans-serif!important;
    color: #838c97;    
}*/
.aside_coin > table > tbody tr td:nth-child(2) {
/*    text-align: right;
    padding-right: 15px;*/
}
/*
.aside_coin > table > tbody tr:hover > td:first-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color:var(--market-color2);
}
*/

.aside_coin > table > tbody#coin_list tr > td {
    border: 0;
}
.aside_coin > table > tbody tr > td#price {
    text-align: right;
}

.aside_coin > .coin_list > tbody td#24h_total_price {
    text-align: right;
}

.aside_coin > table > tbody tr:hover > td {
    background-color: #fbfbfb;
    cursor: pointer;
    color: black;
}
.aside_coin > table > tbody#coin_list tr:hover  {
    background-color: rgba(0, 255, 206, 0.25); ;
}
.aside_coin > table > tbody#coin_list tr:hover > td {
    background-color: transparent;
    color: #fff;
}
.aside_coin > table > tbody tr .up {
    color:var(--market-color2);
}
.aside_coin > table > tbody tr .down {
    color:var(--market-color1);
}


/* 중앙 컨텐츠*/
.center_content_article {

    /*width: 1186px;*/
    /*width: 936px;*/
    width: 850px;
    float: left;
}

/* 전광판 */
.display-board {
    position: relative;
    /*width: 800px;*/
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    float:left;
}

.display-board > table {
    width: 100%;
    text-align: center;
}
.display-board > table th {
    font-size: 13px;
}
.display-board > table td {
    position: relative;
    /*height: 55px;*/
    line-height: 48px;
    vertical-align: middle;
    font-size: 13px;
}
.display-board > table tr:first-child td:first-child {width: 350px; height: 97px;
    padding-left: 12px;text-align: left;
}
.display-board > table td:first-child {
    line-height: 16px;
}
.display-board > table tr:first-child td, .display-board > table tr:first-child th{
    border-bottom: 1px solid #4c4c4c;
}
.display-board > table tr:first-child td:first-child {
    border-bottom: none;
}
.display-board > table td:first-child div.upper {
	margin-top: 5px;
}
.display-board > table td:first-child div.lower {
    margin-top: 5px;
}
.display-board > table td:first-child div.lower > span {
    font-size: 12px;
}
.display-board > table td span.current {
    font-size: 24px;
	font-weight: bolder;
}
.display-board > table td span.currency {
    font-size: 20px;
}
.display-board > table td span.currency.up {
    color: var(--market-color2);
}
.display-board > table td span.currency.down {
	color: var(--market-color1);
}
.display-board > table td span.percent {
    margin: 0 5px;
	font-size: 15px !important;
    font-weight: bolder;
}

.display-board > table td span.money.up {
    background: url('/img/trade/up.png') 0 center no-repeat;
    padding-top: 2px;
    padding-left: 20px;
	font-size: 15px !important;
    font-weight: bolder;
}
.display-board > table td span.money.down {
    background: url('/img/trade/down.png') 0 center no-repeat;
    padding-top: 2px;
    padding-left: 14px;
	font-size: 15px !important;
    font-weight: bolder;
}
.display-board > table td span.money.normal {
    background: url('/img/trade/normal.png') 0 center no-repeat;
    padding-top: 2px;
    padding-left: 14px;
}
.display-board > table td span.up {
    color: var(--market-color2);
    margin-right:10px;
}
.display-board > table td span.down {
    color: var(--market-color1);
}
.display-board > table td span.normal {
    color: #000;
}

.display-board > table th {
    position: relative;
    height: 36px;
    line-height: 36px;
    vertical-align: middle;

    text-align: left;
}
.display-board > table td.up {
    color: var(--market-color2);
	font-weight: bolder;
}
.display-board > table td.down {
    color: var(--market-color1);
	font-weight: bolder;
}
/* 트레이딩뷰 */
.trading-view {
    display: block;
    position: relative;
    width: inherit;
    height: 451px;
    background-color: #fbfbfb;
    overflow: hidden;
    /* float: left; */
    width: 100%;
}
/* ETH 매수 */
.buying-board {
    position: relative;
    /*width: 50%;*/
    width: 100%;
    height: 422px;
    padding: 10px 15px 5px;
    float:left;
}
.buying-board > form {

}
.buying-board > form > h1:first-child {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.buying-board > form > .form-group {
    margin-bottom: 5px;
    overflow: auto;
}
.buying-board > form > .form-group > dt {
    display: inline-block;
    /*width: 30%;*/
    width: 140px;
    line-height: 30px;
    font-size: 13px;
}
.buying-board > form > .form-group > dd {
    display: block;
    /*width: 69%;*/
    width: 244px;
    font-size: 15px;
    float:right;
    line-height: 30px;
    text-align: right;
}
.buying-board > form > .form-group > dd > span.quantity {
    font-size: 20px;
    color:#fff;
}
.buying-board > form > .form-group > dd > span.currency {
    font-size: 15px;
    font-weight:bold;
    color:#fff;
}
.buying-board > form > .form-group > ul {
    width: 244px;
    float: right;
}
.buying-board > form > .form-group > ul > li {
    width: 55px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #dbdbdb;
    float:left;
    text-align: center;
    line-height: 30px;
    margin-right: 7px;
    font-size: 13px;
	color: #1a2732;
}
.buying-board > form > .form-group > ul > li span:hover {
    background-color: var(--market-color2);
    cursor: pointer;
    color: black;
}
.buying-board > form > .form-group > ul > li span:active {
    background-color: var(--market-color2);
    opacity: 0.5;
    color: black;
}
.buying-board > form > .form-group > ul > li:last-child {
    margin-right: 0;
}
.buying-board > form > .form-group > dd input {
    width: 100%;
    height: 30px;
    border-radius: 6px;
    border: 1px solid #dbdbdb;
    line-height: 30px;
    padding-right: 15px;
    text-align: right;
    font-size: 13px;
    padding-top: 2px;
}
.buying-board > form > .form-group > dd input[type="number"]::-webkit-outer-spin-button, .buying-board > form > .form-group > dd input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.buying-board > form > .form-group > dd input[type="number"] {
    -moz-appearance: textfield;
}
.buying-board > form > .form-group > dd input:focus {
    outline: none;
    border: 1px solid var(--market-color2);
}
.buying-board > form > .form-group > dd input:hover {
    border: 1px solid var(--market-color2);
}
.buying-board > form > .form-group > span.tip {
    line-height: 20px;
    float: right;
}
.buying-board > form > .form-group > span.tip > p {
    font-size: 14px;
}
.buying-board > form > .form-group > .form-submit-btn {
    width: 100%;
    padding: 7px 0;
    background-color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
	font-weight: bolder;
	margin-top: 10px;
}
.buying-board > form > .form-group > .form-submit-btn:hover {
    background-color: var(--market-color2);
    cursor: pointer;
    color: #fff;
}
.buying-board > form > .form-group > .form-submit-btn:active {
    background-color: var(--market-color2);
    opacity: 0.5;
    color: black;
}
.buying-board > form > .form-group > .form-submit-btn.buying {
    background-color: var(--market-color2);
    color: #fff;
}
.buying-board > form > .form-group > .form-submit-btn.sell {
    background-color: var(--market-color2);
    color: black;
}
/* ETH 매도 */
.sell-board {
    position: relative;
    /*width: 50%;*/
    width: 100%;
    height: 422px;
    padding: 10px 15px 5px;
    float:right;
}
.sell-board > form {

}
.sell-board > form > h1:first-child {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.sell-board > form > .form-group {
    margin-bottom: 5px;
    overflow: auto;
}
.sell-board > form > .form-group > dt {
    display: inline-block;
    /*width: 30%;*/
    width: 140px;
    line-height: 30px;
    font-size: 13px;
}
.sell-board > form > .form-group > dd {
    display: block;
    /*width: 69%;*/
    width: 244px;
    float:right;
    line-height: 30px;
    text-align: right;
}
.sell-board > form > .form-group > dd > span.quantity {
    font-size: 20px;
    color:#fff;
}
.sell-board > form > .form-group > dd > span.currency {
    font-size: 15px;
    font-weight:bold;
    color:#fff;
}
.sell-board > form > .form-group > ul {
    width: 244px;
    float: right;
}
.sell-board > form > .form-group > ul > li {
    width: 55px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #dbdbdb;
    float: left;
    text-align: center;
    line-height: 30px;
    margin-right: 7px;
    font-size: 13px;
	color: #1a2732;
}
.sell-board > form > .form-group > ul > li span:hover {
    background-color: var(--market-color1);
    cursor: pointer;
    color: #fff;
}
.sell-board > form > .form-group > ul > li span:active {
    background-color: var(--market-color1);
    opacity: 0.5;
    color: #fff;
}
.sell-board > form > .form-group > ul > li:last-child {
    margin-right: 0;
}
.sell-board > form > .form-group > dd input {
    width: 100%;
    height: 30px;
    border-radius: 6px;
    border: 1px solid #dbdbdb;
    line-height: 30px;
    padding-right: 15px;
    text-align: right;
    font-size: 13px;
    padding-top: 2px;
}
.sell-board > form > .form-group > dd input[type="number"]::-webkit-outer-spin-button, .sell-board > form > .form-group > dd input[type="number"]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.sell-board > form > .form-group > dd input[type="number"] {
    -moz-appearance: textfield;
}
.sell-board > form > .form-group > dd input:focus {
    outline: none;
    border: 1px solid var(--market-color1);
}
.sell-board > form > .form-group > dd input:hover {
    border: 1px solid var(--market-color1);
}
.sell-board > form > .form-group > span.tip {
    line-height: 20px;
    float: right;
}
.sell-board > form > .form-group > span.tip > p {
    font-size: 14px;
}
.sell-board > form > .form-group > .form-submit-btn {
    width: 100%;
    padding: 7px 0;
    background-color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
	font-weight: bolder;
	margin-top: 10px;
}
.sell-board > form > .form-group > .form-submit-btn:hover {
    background-color: var(--market-color1);
    cursor: pointer;
    color: #fff !important;
}
.sell-board > form > .form-group > .form-submit-btn:active {
    background-color: var(--market-color1);
    opacity: 0.5;
    color: #fff;
}
.sell-board > form > .form-group > .form-submit-btn.buying {
    background-color: var(--market-color1);
    color: #fff;
}
.sell-board > form > .form-group > .form-submit-btn.sell {
    background-color: var(--market-color1);
    color: #fff;
}
/* 바텀 컨텐츠 보드 */
.bottom_content_article {
	display: inline-block;
    width: 100%;
    margin-top: 15px;
    min-width: 1350px;
    margin-bottom: 60px;
}
.bottom_content_article div.title {
    position: relative;
    font-size: 14px;
    padding-left: 7px;
    margin-bottom: 5px;
}
.bottom_content_article div.title > span {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #a2a2a2;
    font-size:12px;
    
}
/* 미체결 주문 */
.bottom_content_article > .unfinished-board {
    border: 1px solid #f3f3f3;
    max-height: 1000px;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.bottom_content_article > .unfinished-board > table {
    width: 100%;
    text-align: center;
}
.bottom_content_article > .unfinished-board > table th:first-child {
    width: 180px;
}
.bottom_content_article > .unfinished-board > table th {
    width: 50px;
    height: 40px;
    background-color: var(--market-color3);
    line-height: 40px;
    font-size: 12px;
    text-align: center;
}
.bottom_content_article > .unfinished-board > table td {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}
.bottom_content_article > .unfinished-board > table td.up {
    color:var(--market-color2);
}
.bottom_content_article > .unfinished-board > table td.down {
    color:var(--market-color1);
}
.bottom_content_article > .unfinished-board > table tbody tr td:last-child {
    cursor: pointer;
}
.bottom_content_article > .unfinished-board > table tbody tr td:last-child:hover {
    opacity: 0.8;
}
.bottom_content_article > .unfinished-board > table tbody tr td:last-child:active {
    opacity: 0.5;
}
/* 체결 주문 */
.bottom_content_article > .finished-board {
    border: 1px solid #f3f3f3;  
    max-height: 1000px;
    overflow: hidden;
}
.bottom_content_article > .finished-board > table {
    width: 100%;
    text-align: center;
}
.bottom_content_article > .finished-board > table th:first-child {
    width: 180px;
}
.bottom_content_article > .finished-board > table th {
    height: 40px;
    background-color: var(--market-color3);
    line-height: 40px;
    font-size: 12px;
    text-align: center;
}
.bottom_content_article > .finished-board > table td {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}
.bottom_content_article > .finished-board > table td.up {
    color:var(--market-color2);
}
.bottom_content_article > .finished-board > table td.down {
    color:var(--market-color1);
}

/* 오른쪽 보드 */
.right-board {
    position: relative;
    /*width: 356px;*/
    width: 280px;
    /*background-color: #F7F8F9;*/
    text-align: center;
    border-radius: 6px;
    margin-left: 10px;
    float:right;
}

/* 현황 보드 */
.right-board > .table-header {
    width: 100%;
    border: 1px solid rgba(112,112,112,0.15);
    border-bottom: none;
    border-radius: 6px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.right-board > .table-header table {
    width: 100%;
}
.right-board > .table-header > table tr th {
    vertical-align: middle;
    font-size: 15px;
}
.right-board > .table-header > table tr > th {
    height: 46px;
    line-height: 46px;
    /*border-bottom: 1px solid #f3f3f3;*/
}
.right-board > .table-header > table tr > th:first-child {
    padding-left: 13px;
    text-align: left;
    color: #333232;
}
.right-board > .table-header > table tr > th:last-child {
    padding-right: 13px;
    text-align: right;
    color: #333232;
}
.right-board > .current-board {
    position: relative;
    width: auto;
    height: 511px;
    overflow-y: scroll;
    border: 1px solid rgba(112,112,112,0.15);
    border-top:none;
    border-radius: 6px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -webkit-margin-after: 10px;
    /*-moz-margin-end: 8px;*/
}
.right-board > .current-board > table {
    width: 100%;
}
.right-board > .current-board > table tr th, .right-board > .current-board > table tr td {
    vertical-align: middle;
}
.right-board > .current-board > table tr td.up {
    color:var(--market-color2);
}
.right-board > .current-board > table tr td.down {
    color:var(--market-color1);
}
.right-board > .current-board > table tr > th {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid#70707025;
}
.right-board > .current-board > table tr>th:first-child {
    padding-left: 15px;
    text-align: left;
}
.right-board > .current-board > table tr>th:last-child {
    padding-right: 15px;
    text-align: right;
}
.right-board > .current-board > table tr.last-price > td {
    height: 60px;
    border-top: 1px solid #70707025;
    border-bottom: 1px solid#70707025;
    font-size: 15px;
}
.right-board > .current-board > table tr.last-price > td > p:nth-child(2) {
	font-size: 14px !important;
}
.right-board > .current-board > table tr td#orderbook-current-price {
    width: 65%;
    text-align: left !important;
}
.right-board > .current-board > table tr td#orderbook-current-price img {
    display: inline-block;
    width: 10px;
    height: 12px;
    line-height: 30px;
    margin-bottom: 3px;
}
.right-board > .current-board > table > tbody > tr:first-child > td {
    padding-top: 8px;
}
.right-board > .current-board > table > tbody > tr:last-child > td {
    padding-bottom: 8px;
}
.right-board > .current-board > table tr>td:first-child {
    padding-left: 15px;
    text-align: left;
}
.right-board > .current-board > table tr>td:first-child:hover {
    cursor: pointer;
    opacity: 0.8;
}
.right-board > .current-board > table tr>td:last-child {
    padding-right: 15px;
    text-align: right;
}
.right-board > .current-board > table tr td {
    /*line-height: 46px;*/
    height: 45px;
/*     line-height: 30px; */
    font-size: 15px;
    letter-spacing: 0.5px;
        
}
/* 히스토리 보드 */
.right-board > .history-board {
    position: relative;
    width: auto;
    height: 313px;
    overflow-y: scroll;
    border: 1px solid #f3f3f3;
    border-radius: 6px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.right-board > .history-board > table {
    width: 100%;
	border-collapse: separate;
	border-spacing: 0 13px;
}
.right-board > .history-board > table tr th, .right-board > .history-board > table tr td {
    vertical-align: middle;
}
.right-board > .history-board > table tr td.up > p:first-child{
    color:var(--market-color2);
}
.right-board > .history-board > table tr td.down > p:first-child {
    color:var(--market-color1);
}
.right-board > .history-board > table tr > th {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #f3f3f3;
}
.right-board > .history-board > table tr td {
/*     line-height: 30px; */
	vertical-align: top;
/*     height: 45px; */
    font-size: 15px;
    letter-spacing: 0.5px;
}
.right-board > .history-board > table tr td > p:first-child {
/* 	line-height: 10px; */
	font-size:15px;
/* 	color: #7e87a0; */
}
.right-board > .history-board > table tr td > p:last-child {
	line-height: 10px;
	font-size:12px;
	color: #7e87a0;
}
.right-board > .history-board > table tr>th:first-child {
    padding-left: 15px;
    text-align: left;
}
.right-board > .history-board > table tr>th:last-child {
    padding-right: 15px;
    text-align: right;
}
.right-board > .history-board > table tr>td:first-child {
    text-align: center;
}
.right-board > .history-board > table tr>td:last-child {
    padding-right: 15px;
    text-align: right;
}
.right-board > .history-board > table > tbody > tr:first-child > td {
    margin-top: 8px;
}
.right-board > .history-board > table > tbody > tr:last-child > td {
    padding-bottom: 8px;
}



/* 지갑 wide 중앙 컨켄츠 */
.wide_center_content_article {
    display: flex;
    position: relative;
    align-items: baseline;
    justify-content: space-between;
    margin-left: auto;
    max-width: 83%;
}
.wide_center_content_article > .deposit-board {
    width: 550px;
    /*height: 717px;*/
    height: 750px;
    border-radius: 6px;
    border: 1px solid #f3f3f3;
    margin-top: 15px;

    float: left;
    margin-right: 16px;
}
.wide_center_content_article > .deposit-board .address-container {
    padding: 0 20px;
    background-color: #404040;
    border: 1px solid #f3f3f3;
    text-align: left;
    line-height: 30px;
    overflow: auto;
    margin-bottom: 5px;
	word-break: break-all;
}
.wide_center_content_article > .deposit-board .address-container > span:first-child {
    float: left;
}
.wide_center_content_article > .deposit-board .address-container > span:last-child {
    float: right;
}
.wide_center_content_article > .deposit-board .address-container > span.point {
    color:var(--market-color2);
    font-size: inherit;
    cursor: pointer;
}
.wide_center_content_article > .deposit-board .address-container > span.point:active {
    color: red;
}
.wide_center_content_article > .deposit-board > h1 {

    padding: 0 20px;

    background-color: #fbfbfb;
    line-height: 45px;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #f3f3f3;

    font-size: 15px;

    margin-bottom: 20px;
}

.wide_center_content_article > .deposit-board > .deposit_title {background: #d80001; color: #fff; font-weight: bolder;}
.wide_center_content_article > .withdraw-board > .withdraw_title {background: #0044a7; color: #fff; font-weight: bolder;}
.wide_center_content_article > .deposit-board > dl > dt {
    padding: 0 20px;
    margin-bottom: 15px;
    font-size: 14px;
}
.wide_center_content_article > .deposit-board > dl > dt > span.point {
    color:var(--market-color2);
    font-size: inherit;
}

.wide_center_content_article > .deposit-board > dl > dd {
    padding: 0 20px;
    margin-bottom: 15px;
}
.wide_center_content_article > .deposit-board > dl > dd.qr-container {
    text-align: center;
}
.wide_center_content_article > .deposit-board > dl > dd.qr-container > p {

    padding-top: 70px;
    padding-bottom: 70px;
    font-size: 14px;
}
.wide_center_content_article > .deposit-board > dl > dd > ul.descript {
    width: 100%;
}
.wide_center_content_article > .deposit-board > dl > dd > ul.descript > li {
    margin-bottom: 15px;
    line-height: 17px;
}
.wide_center_content_article > .deposit-board > dl > dd .btn {
    display: block;
    width: 100%;
    padding: 13px 0;
    background-color: transparent;
    color: var(--market-color2);
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.5px;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 25px;
    border: 1px solid var(--market-color2);
}
.wide_center_content_article > .deposit-board > dl > dd .btn:hover {
    cursor: pointer;
    opacity: 0.8;
    color: #fff !important;
}
.wide_center_content_article > .deposit-board > dl > dd .btn:active {
    opacity: 0.5;
    color: #fff;
}
.wide_center_content_article > .withdraw-board {
    width: 550px;
    /*height: 717px;*/
    height: 750px;

    margin-top: 15px;
    border-radius: 6px;
    border: 1px solid #f3f3f3;

    float: right;
}
.wide_center_content_article > .withdraw-board input::placeholder {
    color: #A9A9A9;
}


.wide_center_content_article > .withdraw-board input:focus {
    outline: none;
}
.wide_center_content_article > .withdraw-board > h1 {

    padding: 0 20px;

    background-color: #fbfbfb;
    line-height: 45px;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom: 1px solid #f3f3f3;

    font-size: 15px;

    margin-bottom: 20px;
}
/*.wide_center_content_article > .withdraw-board > .table-container {
    width: 100%;
    padding: 0 25px 10px;
}*/
.wide_center_content_article > .withdraw-board ul {
    width: 100%;
}
.wide_center_content_article > .withdraw-board ul * {
    font-size: 13px;
}
.wide_center_content_article > .withdraw-board ul li {
    padding: 0 13px 10px;
    overflow: auto;
    margin-bottom: 15px;
    line-height: 21px;
}
.marginT50 {
    margin-top: 50px;
}
.wide_center_content_article > .withdraw-board ul li.top {
    border-top: 1px solid #f3f3f3;
    margin-top: 15px;
    padding-top: 18px;
}
.wide_center_content_article > .withdraw-board ul li.bottom{
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: calc(15px + 15px);
    padding-bottom: 18px;
}
.wide_center_content_article > .withdraw-board ul li > span {
    display: inline-block;
    line-height: inherit;
}
.wide_center_content_article > .withdraw-board ul li > span:first-child {
    width: auto;
    text-align: left;
    /* float: left; */
}
.wide_center_content_article > .withdraw-board ul li > span:last-child {
    width: 62%;
    text-align: right;
    float: right;
}
.wide_center_content_article > .withdraw-board ul li > span:last-child > input {
    width: 100%;
    /*line-height: inherit;*/
    height: 43px;
	background: #404040;
    border: 1px solid #f3f3f3;
    text-align: right;
    padding-right: 10px;
	color: #fff;
    vertical-align: middle;
}
.wide_center_content_article > .withdraw-board ul li > span:last-child > input.inline {
    width: 83%;
    float: left;

}
.wide_center_content_article > .withdraw-board ul li > span:last-child > span.inline-btn {
    display: block;
    width: 17%;
    height: 43px;
    background-color: #404040;
    float: right;
    text-align: center;
    border: 1px solid #f3f3f3;
    border-left: 0;
    line-height: 43px;
    cursor: pointer;
}
.wide_center_content_article > .withdraw-board ul li.input {
    overflow: auto;
    line-height: 47px;
    padding-top: 3px;
}
.wide_center_content_article > .withdraw-board ul li > div.limit {
    padding: 0 20px;
    background-color: #404040;
    border: 1px solid #f3f3f3;
    text-align: center;
    line-height: 40px;
    overflow: auto;

    margin-bottom: 5px;
}
.wide_center_content_article > .withdraw-board ul li > div.limit > span.name {
    float:left;
}
.wide_center_content_article > .withdraw-board ul li > div.limit > span.value {
    float:right;
    color:var(--market-color2);
}
.wide_center_content_article > .withdraw-board ul li > .btn {
    display: block;
    width: 100%;
    padding: 13px 0;
    color: #fff;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.5px;
    border-radius: 6px;
    cursor: pointer;
}
.wide_center_content_article > .withdraw-board ul li > .btn:hover {
    cursor: pointer;
    opacity: 0.8;
    color: #fff !important;
}
.wide_center_content_article > .withdraw-board ul li > .btn:active {
    opacity: 0.5;
    color: #fff;
}
/* 추가 */
.bg-red {
    background-color:var(--market-color2);
}
.bg-blue {
    background-color:var(--market-color1);
}
.marginT20 {
    margin-top: 20px;
}
img.eth {
    width: 26px !important;
    margin-top:10px;
}
.aside_coin > table > tbody tr > td.active:before {
    position: absolute;
    width: 3px;
    top: 0;
    left: 0;
    bottom: 0;
    background-color:var(--market-color2);
    content: '';
}
.aside_coin > table > tbody tr.active td {
    background-color: #fbfbfb;
}
.aside_coin > table > tbody tr > td.active {
    background-color: #ffffff;
}


/* term - privacy */
.term-privacy {
    padding: 0 50px;
}
.term-privacy > h1 {
    padding: 20px 0;
    text-align: center;
    font-size: 25px;
}
.term-privacy > h2 {
    padding: 15px 0 15px;
    font-size: 20px;
}
.term-privacy > h3 {
    padding: 10px 0 10px;
    font-size: initial;
}
.term-privacy > h2 + h3 {
    padding-top: 0;
}
.term-privacy > p {
    text-align: left;
}
.term-privacy > ul {
    list-style: initial !important;
    margin-top: 13px;
    margin-bottom: 13px;
    padding-left: 40px;
}
.pop_guide4 {
    background: url("/img/popbg_5.jpg") no-repeat 100% 22px, url("/img/popbg_6.jpg") no-repeat 0 164.5% !important;
    padding-bottom: 30px;
}
.pop_guide5 {
    background: url("/img/popbg_5.jpg") no-repeat 100% 22px, url("/img/popbg_6.jpg") no-repeat 0 120%;
    padding-bottom: 30px;
}

.remodal {
    display: none;
}
/* remodal confirm modal */
.remodal.confirm-remodal {
    width: auto;
    padding: 0;
}
.remodal.confirm-remodal > .pop-modify {
    width: 450px !important;
    height: auto !important;
    padding-bottom: 27px;
}
.remodal.confirm-remodal > .pop-modify .yon {
    margin-top: 20px !important;
}
#buying-confirm-modal-message {
    padding: 0 30px;
}
#buying-confirm-modal-message table {
    width: 100%;
}
#buying-confirm-modal-message table tr th, #buying-confirm-modal-message table tr td {
    /*padding-bottom: 15px;*/
/*     line-height: 42px; */
    height:60px;
    font-size: 20px;
}
#buying-confirm-modal-message table tr td .sub-price {
	font-size: 13px;
	padding-right: 0;
}
#buying-confirm-modal-message table tr th {
    text-align: left;
}
#buying-confirm-modal-message table tr td {
    text-align: right;
}
#buying-confirm-modal-message table tr:first-child th[colspan='2'] {
    padding: 15px 0;
    background-color: #f3f3f3;
    text-align: center;
    font-size: 18px;
}
#buying-confirm-modal-message table tr td span#amount {
    font-size: 20px;
}
#buying-confirm-modal-message table tr td span#price {
    font-size: 20px;
}
#buying-confirm-modal-message table tr td span#total {
    font-size: 20px;
}

#buying-confirm-modal-message table tr:nth-child(2) th, #buying-confirm-modal-message table tr:nth-child(2) td {
    padding-top:10px;
}
#buying-confirm-modal-message .small {
    font-size: 70%;
}
#buying-confirm-modal-message .up {
    color:var(--market-color2);
}
#buying-confirm-modal-message .down {
    color:var(--market-color1);
}

/* sell confirm modal */
#sell-confirm-modal-message {
    padding: 0 30px;
}
#sell-confirm-modal-message table {
    width: 100%;
}
#sell-confirm-modal-message table tr th, #sell-confirm-modal-message table tr td {
    /*padding-bottom: 15px;*/
/*     line-height: 42px; */
    height:60px;
    font-size: 20px;
}
#sell-confirm-modal-message table tr td .sub-price {
	font-size: 13px;
	padding-right: 0;
}
#sell-confirm-modal-message table tr th {
    text-align: left;
}
#sell-confirm-modal-message table tr td {
    text-align: right;
}
#sell-confirm-modal-message table tr:first-child th[colspan='2'] {
    padding: 15px 0;
    background-color: #f3f3f3;
    text-align: center;
    font-size: 18px;
}
#sell-confirm-modal-message table tr td span#amount {
    font-size: 20px;
}
#sell-confirm-modal-message table tr td span#price {
    font-size: 20px;
}
#sell-confirm-modal-message table tr td span#total {
    font-size: 20px;
}

#sell-confirm-modal-message table tr:nth-child(2) th, #sell-confirm-modal-message table tr:nth-child(2) td {
    padding-top:10px;
}
#sell-confirm-modal-message .small {
    font-size: 70%;
}
#sell-confirm-modal-message .up {
    color:var(--market-color2);
}
#sell-confirm-modal-message .down {
    color:var(--market-color1);
}






/* bot page for desktop */
/* common */
.yCenter {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
}

.xCenter {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
}

.xyCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}


.box_bot_heade {
    position: absolute;
    width: 100%;
    height: 50px;
    background: #1a2732;
    border: solid 0 red;
}
.box_bot_heade > div {
    padding-left: 30px;
    font-size: 20px;
    color: white;
}
.box_checking_bot {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.box_checking_bot > div {
    position: absolute;
}
.box_bot_menu {
    width: 200px;
    top: 50px;
    left: 0;
    bottom: 0;
    background: #394a59;
    border: solid 0 red;
}
.box_bot_menu > div {
    position: relative;
    height: 50px;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
}
.box_bot_menu > div > span {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 15px;
}
.box_bot_contents {
    top: 50px;
    left: 200px;
    bottom: 0;
    right: 0;
    background: #ffffff;
    border: solid 0 black;
}
.box_bot_menu_tab {
    width: 95%;
    height: 40px;
    background: #688a7e;
    margin-top: 10px;
}
.box_bot_menu_tab div {
    position: relative;
    width: 100px;
    height: 100%;
    float: left;
    border-right: solid 1px white;
}
.box_bot_menu_tab div > span {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 13px;
}
.box_bot_menu_tab div.on {
    background: white;
}
.box_bot_menu_tab div.on > span {
    color: #688a7e;
    font-size: 14px;
}
.box_bot_tables {
    position: absolute;
    width: 95%;
    top: 60px;
    bottom: 10px;
    background: #F7F7F7;
}
.box_bot_tables > div {
    height: 100%;
    float: left;
    overflow: auto;
}
.box_bot_tables > ._order {
    width: 40%;
    height: 100%;
    border-right: solid 10px white;
}
.box_bot_tables > ._order ._head {
    position: relative;
}
.box_bot_tables > ._order ._head span {
    width: 100%;
    text-align: center;
}
.box_bot_tables > ._order ._head ._title {
    border-bottom: solid 3px #EAEAEA;
    color: #688a7e;
}
.box_bot_tables > ._order ._head ._contents {
    background: white;
    border-bottom: solid 3px #EAEAEA;
    color: #688a7e;
}
.box_bot_tables > ._order ._head > div {
    position: relative;
    height: 30px;
}
.box_bot_tables > ._order ._head > div > div {
    position: relative;
    width: 33.3%;
    height: 100%;
    float: left;
}
.box_bot_tables > ._order ._body {
    position: absolute;
    width: 40%;
    top: 60px;
    bottom: 0;
    overflow: auto;
}
.box_bot_tables > ._order ._body span {
    width: 100%;
    text-align: center;
}
.box_bot_tables > ._order ._body span.buy {
    color: var(--market-color1);
}
.box_bot_tables > ._order ._body span.sell {
    color: var(--market-color2);
}
.box_bot_tables > ._order ._body > div {
    position: relative;
    height: 30px;
}
.box_bot_tables > ._order ._body > div > div {
    position: relative;
    width: 33.3%;
    height: 100%;
    float: left;
}

.box_bot_tables > ._transaction {
    width: 60%;
}
.box_bot_tables > ._transaction {
    width: 60%;
    height: 100%;
    border-right: solid 0 white;
}
.box_bot_tables > ._transaction ._head {
    position: relative;
}
.box_bot_tables > ._transaction ._head span {
    width: 100%;
    text-align: center;
}
.box_bot_tables > ._transaction ._head ._title {
    border-bottom: solid 3px #EAEAEA;
    color: #688a7e;
}
.box_bot_tables > ._transaction ._head ._contents {
    background: white;
    border-bottom: solid 3px #EAEAEA;
    color: #688a7e;
}
.box_bot_tables > ._transaction ._head > div {
    position: relative;
    height: 30px;
}
.box_bot_tables > ._transaction ._head > div > div {
    position: relative;
    width: 25%;
    height: 100%;
    float: left;
}
.box_bot_tables > ._transaction ._body {
    position: absolute;
    width: 60%;
    top: 60px;
    bottom: 0;
    overflow: auto;
}
.box_bot_tables > ._transaction ._body span {
    width: 100%;
    text-align: center;
}
.box_bot_tables > ._transaction ._body span.buy {
    color: var(--market-color1);
}
.box_bot_tables > ._transaction ._body span.sell {
    color: var(--market-color2);
}
.box_bot_tables > ._transaction ._body > div {
    position: relative;
    height: 30px;
}
.box_bot_tables > ._transaction ._body > div > div {
    position: relative;
    width: 25%;
    height: 100%;
    float: left;
}

.withdraw-checkimg {
    width: 115px;
    height: 107px;
    margin: 15px auto 27px;
    background: url("/img/popup/withdraw.png") no-repeat 50% 50%;
}
.withdraw-confirm-modal .content .address-title {
    text-align: left;
    font-size: 20px;
}
.withdraw-confirm-modal .content .address-text {
    padding: 11px 0;
    background-color: #ededec;
    color: #6d6d6d;
    word-break: break-all;
}
.withdraw-confirm-modal .content {
    padding: 0 25px;
}
.withdraw-confirm-modal .content > table {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 27px;
    border: 1px solid #b7b6b6;
}
.withdraw-confirm-modal .content > table tr {
    /* 	height: 50px; */
}
.withdraw-confirm-modal .content > table th {
    text-align: left;
    color: #6d6d6d;
    font-size: 16px;
    padding-left: 15px;
    padding-top: 30px;
}
.withdraw-confirm-modal .content > table th > p {
    font-size: 16px;
}
.withdraw-confirm-modal .content > table th > p:last-child {
    font-size: 12px;
}
.withdraw-confirm-modal .content > table td {
    text-align: right;
    font-size: 15px;
    padding-right: 15px;
    padding-top: 30px;
}
.withdraw-confirm-modal .content > table td input {
    height: 34px;
    line-height: 34px;
    text-align: right;
    padding-right: 5px;
}
.withdraw-confirm-modal .content > table td span {
    font-size: 15px;
}
.withdraw-confirm-modal .content > table td .small {
    color: #6d6d6d;
}
.withdraw-confirm-modal .content > table tr.seperate {}
.withdraw-confirm-modal .content > table tr.seperate td {
    padding: 30px 15px 0;
}
.withdraw-confirm-modal .content > table tr:last-child td,
.withdraw-confirm-modal .content > table tr:last-child th {
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 30px;
}
.withdraw-confirm-modal .content > table tr:last-child td #total-withdrawal-amount {
    color: #dcc261;
}
.withdraw-confirm-modal .content > table hr {
    display: block;
    width: 100%;
    text-align: center;
    color: #6d6d6d;
}
#modal-pop_put_id {
    overflow-y: auto;
}

/* main coin 슬라이더 정보 */
.maincoin {
    display: flex;
    width: 100%;
}
.maincoin .tt1 {
    width: 14.485%;
    background: rgb(2, 21, 43);
    border-left: 1px rgba(92, 92, 92, 0.5) solid;
}
.maincoin .tt1 a {
    display: block;
    width: calc(100% - 28px);
    padding: 15px 8px 15px 30px;
    color: rgb(146, 145, 145);
}
.maincoin .tt1 .coin {
    width: 100%;
}
.ht1 li {
    display: flex;
    width: 100%;
}
.ht1 h4 {
    font-size: 14px;
    font-weight: bold;
    color: #929191;
}

.coin .ht1 .ar {
    width: 0;
    height: 0;
    border-top: 7px var(--market-color1) solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: 30px;
    margin-top: 10px;
}
.coin .ht1 .cr {
    width: 0;
    height: 0;
    border-bottom: 7px #f97485 solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-left: 30px;
    margin-top: 10px;
}
.maincoin .tt1 .coin h2 {
    color: rgb(193, 194, 194);
    margin-top: 12px;
    font-size: 22px;
    font-weight: bold;
}
/* main coin 슬라이더 정보 */

#news_section {
    position: relative;
    width: 100%;
    height: 180PX;
    margin: 190px 0;
    background: rgba(117, 117, 117, .3);
}
#news_section .notice {
    width: 440px;
    height: 180px;
    margin: 0 auto;
    padding: 30px 60px;
    background: rgba(3, 42, 65, 0.96);
    color: aliceblue;
    box-shadow: 5px 7px 7px rgba(48, 48, 48, .6);
}
#news_section .notice:nth-child(1) {
    position: relative;
    top: 65px;
    left: -140px;
}
#news_section .notice:nth-child(2) {
    position: relative;
    top: -245px;
    left: 250px;
}

.notice h3 {
    width: 100%;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 10px;
    color: #fff;
    font-weight: bold;
}
.notice span {
    display: inline-block;
    width: 100%;
    line-height: 32px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notice span:hover {
    text-decoration: underline aliceblue;
}

/* ------------------news_section end-------------------- */

/* --------------------app 다운로드--------------------- */

#down_section {
    position: relative;
    width: 100%;
    height: 180PX;
    background: rgba(117, 117, 117, .3);
    margin-top: 190px;
}

#down_section .notice2 {
    display: flex;
    width: 440px;
    height: 180px;
    margin: 0 auto;
    padding: 40px 60px;
    background: rgba(3, 42, 65, 0.96);
    color: aliceblue;
    box-shadow: 5px 7px 7px rgba(48, 48, 48, .6);
}
#down_section .notice2:nth-child(1) {
    position: relative;
    top: -65px;
    left: -140px;
}
#down_section .notice2:nth-child(2) {
    position: relative;
    top: -115px;
    left: 250px;
}
#down_section .notice2 img {
    width: 65px;
    height: 65px;
    margin-top: 20px;
}
#down_section .notice2:nth-child(2) img {
    margin-top: 17px;
}
#down_section .notice2 h2 {
    font-size: 25px;
    font-weight: 400;
    color: #fff;
    margin-top: 35px;
    margin-left: 25px;
}
#down_section .notice2 a h2:hover {
    color: rgb(230, 215, 88);
}

/* ---------------app 다운로드 end--------------------- */

#bigsecurity {
    width: 100%;
    background: rgba(192, 220, 238, 0.5);
}
#bigsecurity #security {
    display: flex;
    margin: 0 auto;
    padding: 50px 0;
    max-width: 1350px;
    margin-top: 70px;
}

#bigsecurity #security #platform {
    width: 20%;
    text-align: center;
}
#security #platform img {
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
}
#security #platform h2 {
    width: 100%;
    font-size: 15px;
    color: #333;
    margin-bottom: 15px;
    font-weight: bold;
}
#security #platform p {
    width: 100%;
    font-size: 13px;
    color: rgb(104, 103, 103);
    line-height: 17px;
}

/* ------------------security  end---------------- */

/* ------------------news box start-------------------- */

#dbxnews {
    margin: 0 auto;
    max-width: 1350px;
}
#dbxnews h1 {
    width: 100%;
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    color: #fff;
}
#dbxnews .newsbox {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 60px;
}
#dbxnews .newsbox .news_m {
    position: relative;
    width: 31%;
    background: #fff;
    outline: 1px rgb(201, 200, 200) solid;
    box-shadow: 5px 5px 5px #000;
    word-break: keep-all;
}
.news_m b {
    display: block;
    font-size: 18px;
    font-weight: bolder;
    margin-bottom: 15px;
}
.news_m img {
    width: 100%;
    height: 235px;
}
.news_m ul {
    width: 100%;
    padding: 30px 30px 50px;
    text-align: center;
}
.news_m ul li {
    width: 100%;
}
.news_m ul span {
    font-size: 14px;
    color: #444;
}
.news_m ul li:nth-child(2) {
    margin-top: 15px;
}
.news_m ul li:nth-child(2) a {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}
.news_m ul li:nth-child(3) p {
    margin-top: 20px;
    font-size: 16px;
    color: #555555;
}
.clickbox {
    position: absolute;
    width: 50px;
    left: calc(50% - 25px);
    bottom: -25px;
    background: rgba(3, 42, 65, 0.96);
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    transition: all 0.4s;
}
.clickbox img {
    width: 36px;
    height: 36px;
}
.clickbox:hover {
    background: lightslategrey;
}

/* -------------------news box end-------------------- */

/* -----------------------table start---------------------------- */
#marketcoin {
    margin: 170px auto 0;
    max-width: 1350px;
}
#marketgnb {
    display: flex;
    width: 100%;
    border-bottom: 1px solid rgba(179, 177, 177, .6);
}
#marketgnb #ms_gnb {
    display: flex;
    width: 40%;
    height: 65px;
    padding: 10px 0;
    justify-content: space-between;
}
#marketgnb #ms_gnb li {
    width: 25%;
    text-align: center;
}
#marketgnb #ms_gnb a {
    display: block;
    width: 100%;
    line-height: 45px;
    font-size: 16px;
    color: #000;
    text-align: center;
    font-weight: 600;
}

#ms_gnb a:hover {
    color: rgb(2, 86, 134);
    border: 1px solid rgb(2, 86, 134);
    border-radius: 5px;
}
#marketcoin input {
    padding: 0 30px;
    background: rgb(231, 230, 230);
    margin-left: auto;
    margin-top: 20px;
    border-radius: 15px;
    border: 1px rgb(182, 180, 180) solid;
    margin-right: 20px;
}

#marketcoin #subgnb {
    width: 625px;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
#marketcoin #subgnb li {
    width: calc(20% - 10px);
    float: left;
    margin-right: 10px;
}
#marketcoin #subgnb a {
    display: block;
    width: 100%;
    padding: 0 20px;
    background: rgba(6, 67, 100, 0.8);
    line-height: 33px;
    text-align: center;
    color: rgb(255, 255, 255);
    border-radius: 15px;
    font-size: 13px;
    border: 1px rgb(151, 150, 150) solid;
    transition: all 0.4s;
}
#marketcoin #subgnb a:hover {
    width: 100%;
    background: snow;
    color: rgba(3, 42, 65, 0.96);
    border: 1px rgba(3, 42, 65, 0.96) solid;
    border-radius: 15px;
}

#coin_list {
    width: 100%;
    border-collapse: collapse;
    color: #fff;
}

#coin_list thead tr {
    width: 100%;
    background: rgba(231, 231, 231, .5);
    line-height: 47px;
    border-top: 1px solid rgb(194, 192, 192);
    border-bottom: 1px solid rgb(194, 192, 192);
}
#coin_list tbody tr:hover {
    background-color: transparent !important;
    border: 1px solid #00ffce;
}
#coin_list thead tr th {
    width: 15.5%;
}
#coin_list thead tr .trc {
    text-align: left;
}
#coin_list thead tr .digital_c h4 {
    color: rgb(102, 102, 102);
    font-weight: 400;
    line-height: 36px;
}
#coin_list thead tr .trc:nth-child(1) {
    padding-left: 30px;
    overflow: hidden;
}
#coin_list thead tr .trc:nth-child(1) h4 {
    float: left;
}

.digital_c .ojh1 {
    display: block;
    width: 0;
    height: 0;
    border-bottom: 9px rgb(194, 192, 192) solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-bottom: 3px;
}
.digital_c .ojh2 {
    display: block;
    width: 0;
    height: 0;
    border-top: 9px solid rgb(121, 168, 196);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

#coin_list thead tr .trc:nth-child(1) .arrow {
    margin-left: 60px;
    margin-top: 8px;
}

#coin_list thead tr .trc:nth-child(2) .arrow {
    margin-left: 50px;
    margin-top: 8px;
}
#coin_list thead tr .trc:nth-child(2) h4 {
    float: left;
}

#coin_list thead tr .trc:nth-child(3) h4 {
    float: left;
}
#coin_list thead tr .trc:nth-child(3) #coinrate {
    float: left;
}
#coin_list thead tr .trc:nth-child(3) #coinrate {
    margin-top: 7px;
    margin-left: 15px;
}
#coin_list thead tr .trc:nth-child(3) .arrow {
    margin-left: 150px;
    margin-top: 8px;
}

/*---------------------------thead end------------------- */

/* ---------------------  tbody end ---------------------  */
#coinstart {
    width: 100%;
    border-bottom: rgb(194, 192, 192);
}
#coinstart #coinbox {
    width: 100%;
    line-height: 67px;
    border-top: 1px solid rgb(211, 209, 209);
    border-bottom: 1px solid rgb(211, 209, 209);
}
#coinstart #coinbox .box {
    width: 15.5%;
}

#coinstart #coinbox .coin1 {
    padding-left: 15px;
    overflow: hidden;
}
#coinstart #coinbox .coin1 .kl5 {
    width: 17px;
    height: 17px;
    margin-top: 10px;
}
#coinstart #coinbox .coin1 .kl5 {
    float: left;
}
#coinstart #coinbox .coin1 a {
    display: block;
    width: 100%;
    margin-left: 27px;
    text-align: left;
}
/* #coinstart #coinbox:nth-child(3) .coin1 a{margin-left: -100px;} */
#coinstart #coinbox .coin1 a h3 {
    line-height: 18px;
}

#coinstart #coinbox .coin1 a h3:nth-child(1) {
    display: block;
    font-size: 16px;
    color: rgb(53, 53, 53);
    font-weight: bold;
}
#coinstart #coinbox .coin1 a h3:nth-child(2) {
    display: block;
    font-size: 12px;
    color: rgb(131, 128, 128);
    font-weight: bold;
}

#coinstart #coinbox .usdt_show h3 {
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    color: #000;
}

#coinstart #coinbox .bk7 h3 {
    width: 100%;
}
#coinstart #coinbox .price_rate {
    overflow: hidden;
}
#coinstart #coinbox .price_rate h3 {
    font-size: 15px;
    font-weight: 600;
    color: rgb(248, 31, 16);
    float: left;
}

#coinstart #coinbox .price_rate .jr1::before {
    content: "+";
}
#coinstart #coinbox .price_rate .jr1::after {
    content: "원";
}
#coinstart #coinbox .price_rate .jr2::before {
    content: "(";
}
#coinstart #coinbox .price_rate .jr2::after {
    content: ")";
}

#coinstart #coinbox .price_rate.down h3 {
    color: rgb(7, 93, 192);
}
#coinstart #coinbox .price_rate .kh {
    width: 0;
    height: 0;
    border-bottom: 10px solid rgb(248, 31, 16);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-top: 10px;
    margin-left: 110px;
}
#coinstart #coinbox .price_rate .kh6 {
    width: 0;
    height: 0;
    border-top: 10px solid rgb(7, 93, 192);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    margin-top: 10px;
    margin-left: 110px;
}

#coinstart #coinbox .chart6 img {
    width: 30px;
    height: 30px;
}

#coinstart #coinbox .sum {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
#coinstart #coinbox:hover {
    background: rgba(185, 219, 253, 0.2);
}

#coinbox .usdt_show h3::after {
    content: "원";
}
#coin_list tbody tr {
    cursor: pointer;
}

/* ---------------------- 거래소 끝------------------- */
/* .wallet_wrap .top_title_article{
    padding-left:225px;
} */

.wallet_wrap .top_title_article p.title {
    font-size: 16px;
    line-height: 3;
    font-weight: bold;
    padding-left: 10px;
    color: white;
}

.wallet_wrap .top_title_article .top_title_wrapper {
    width: 83%;
    border-bottom: 1px solid white;
    margin-left: auto;
}

.wallet_wrap .menu_active {
    color: var(--market-color2) !important;
}

.wallet_wrap .aside_coin thead tr {
    height: 50px;
    border-bottom: 1px solid rgba(112,112,112,0.15);
}

.wallet_wrap .aside_coin tbody tr td,
.wallet_wrap .aside_coin thead tr th {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
}
.wallet_wrap .aside_coin tbody tr:nth-last-child(1) td{
    border: 0;
}

/****** 코인 정보 팝업 ******/
.help_popup {
    display: none;
    position: absolute;
    z-index: 2;
    width: 510px;
    left: 170px;
    padding: 10px;
    background: #fff;
    min-height: 200px;
    border: 2px solid #0b3046;
}
.help_coin_icon {
    width: 35px;
    margin-top: -10px;
}
.help_icon {
    float: right;
}
.help_icon img {
    width: 23px;
    margin-bottom: -5px;
    padding-bottom: 5px;
}
.help_coin_title {
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
    color: #000;
}
.help_popup .summary_info {
    margin: 10px;
    color: #000;
}
.help_popup h2 {
    margin: 10px;
    color: #0b3046;
    font-weight: bold;
    font-size: 14px;
}
.help_popup table {
    margin: 10px;
}
.help_popup table tr th {
    width: 15%;
    font-weight: bold;
}
.help_popup table tr td,
.help_popup table tr th {
    padding: 5px;
    color: #000;
    border: 1px solid #000;
}
.help_popup .down_btn {
    padding: 10px;
    background: #0b3046;
    border-radius: 6px;
    float: right;
    margin-right: 10px;
}
.help_popup .down_btn span {
    color: #fff;
}
.help_popup .down_btn img {
    width: 25px;
}

.lang_box {
    display: flex;
    width: calc(100% - 200px);
    border-top: none;
    justify-content: space-between;
    margin-right: -17px;

}
.lang_box li {
    width: 25%;
    height: 100%;
    text-align: center;
    cursor: pointer;
    float: left;
    line-height: 90px;
    color: #000;
}
.lang_box li span {
    display: block;
    position: relative;
    width: 100%;
    font-size: 14px;
    color: #9e9e9e;
    font-weight: bolder;
}
.lang_box li.select_lang span {
    color: var(--market-color2);
}
.lang_box li:not(:last-child) span:after {
    position: absolute;
    height: 12px;
    top: 50%;
    right: 0;
    content: "";
    border-right: 2px solid #9e9e9e;
    transform: translate(0, -50%);
}

/* 23-02-20노종현 css주석처리 */
/* .lang_box li.select_lang:nth-last-child(1){
    width: 19.5%;
}
.lang_box li.select_lang:nth-last-child(1) span{
    text-align: right;
} */

/* new main start */

.section-mainvisual {
    position: relative;
    height: calc(100vh - 90px);
    background: #f2f2f2;
}
.section-mainvisual .slick-wrapper {
    height: calc(100% - 192px);
}
.section-mainvisual .slick-wrapper .slick_list {
    height: 100% !important;
}
.section-mainvisual .slick-wrapper .slick_list .slick-list {
    height: 100% !important;
}
.section-mainvisual .slick-wrapper .slick_list .slick-list .slick-track {
    height: 100% !important;
}

.status_list_box {
    position: absolute;
    z-index: 100;
    width: 1150px;
    height: 288px;
    left: 50%;
    bottom: 70px;
    margin: 0 auto;
    transform: translate(-50%) !important;
}
.status_list_box > li {
    width: 25%;
    height: 100%;
    padding: 25px;
    box-sizing: border-box;
    float: left;
}
.status_list_box > li {
    background: #fff;
    color: #2f5998;
}
.status_list_box > li:nth-child(4) {
    background: #2f5998;
    color: #fff;
}
.status_list_box > li > h2 {
    background: #fff;
    color: #2f5998;
    cursor: pointer;
}
.status_list_box > li:nth-child(4) > h2 {
    background: #2f5998;
    color: #fff;
}
.status_list_box > li > h2 {
    margin: 10px 0 15px !important;
    text-align: center;
    font-size: 22px;
    font-weight: bolder;
}
.status_list_box > li #coin_value_scr {
    height: calc(100% - 49px);
    overflow-y: auto;
}
.status_list_box > li #coin_value_scr::-webkit-scrollbar {
    width: 1px;
    background-color: #2f5998;
}
.status_list_box > li #coin_value_box li {
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
.status_list_box > li #coin_value_box li:hover {
    color: #e3e458;
}
.status_list_box > li #coin_value_box li span {
    font-size: 14px;
}
.status_list_box > li #coin_value_box li span > i {
    font-size: 14px;
}
.status_list_box > li #coin_value_box li .coin_name {}
.status_list_box > li #coin_value_box li .coin_value {
    display: inline-block;
    float: right;
}
.status_list_box > li > a > p {
    font-size: 24px;
    text-align: right;
    font-weight: bolder;
    color: #000;
}
.status_list_box > li > a > p.up {
    color: var(--market-color2);
}
.status_list_box > li > a > p.down {
    color: var(--market-color1);
}
.status_list_box > li > a > span {
    display: block;
    text-align: right;
}
.status_list_box > li > a > span > font {
    display: inline-block;
    font-size: 16px !important;
    color: #000;
}
.status_list_box > li > a > span > font.up {
    color: var(--market-color2);
}
.status_list_box > li > a > span > font.down {
    color: var(--market-color1);
}
.status_list_box > li > a > span > font:first-child {
    position: relative;
    margin-right: 15px;
}
.status_list_box > li > a > span > font.arrow_style.up:before {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    top: 60%;
    left: -24px;
    content: "";
    border-bottom: 9px var(--market-color2) solid;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    transform: translateY(-50%);
}
.status_list_box > li > a > span > font.arrow_style.down:before {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    top: 60%;
    left: -24px;
    content: "";
    border-top: 9px var(--market-color1) solid;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    transform: translateY(-50%);
}

section.view_container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
section.view_container_footer {
    position: relative;
    width: 100%;
    height: calc(100vh - 260px);
    background: #2f5998;
}

#secter1 .container {
    padding: 80px 100px 0 !important;
    box-sizing: border-box;
}
#secter1 .container > .secter1_header {
    text-align: center;
    margin-bottom: 70px;
}
#secter1 .container > .secter1_header h2 {
    font-size: 36px;
    font-weight: bolder;
    color: #2f5998;
    margin-bottom: 20px;
}
#secter1 .container > .secter1_header p {
    font-size: 24px;
    font-weight: bolder;
    color: #9b9b9b;
}
#secter1 .container > .secter1_body {
    width: 100%;
    overflow: auto;
}
#secter1 .container > .secter1_body > div {
    float: left;
}
#secter1 .container > .secter1_body > div:nth-child(1) {
    width: 360px;
}
#secter1 .container > .secter1_body > div:nth-child(2) {
    width: calc(100% - 360px);
}
#secter1 .container > .secter1_body .service_info_list {
    margin-left: 140px;
    overflow: hidden;
}
#secter1 .container > .secter1_body .service_info_list li {
    position: relative;
    padding: 15px 0;
    overflow: auto;
}

#secter1 .container > .secter1_body .service_info_list li:last-child {
    margin-top: 70px;
}
#secter1 .container > .secter1_body .service_info_list li > div {
    position: relative;
    float: left;
}
#secter1 .container > .secter1_body .service_info_list li > div:nth-child(2) {
    width: calc(100% - 128px);
    height: 100px;
    margin-left: 28px;
}
#secter1 .container > .secter1_body .service_info_list li > div > .img_ball {
    position: relative;
    width: 100px;
    height: 100px;
    background: #e0dcdc;
    border-radius: 50%;
}
#secter1 .container > .secter1_body .service_info_list li > div > .img_ball img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#secter1 .container > .secter1_body .service_info_list li:hover > div > .img_ball {
    background: #2f5998;
}
#secter1 .container > .secter1_body .service_info_list li:hover > div > .img_ball img {
    filter: brightness(0) invert(1);
}
#secter1 .container > .secter1_body .service_info_list li > div span {
    display: block;
    font-size: 20px;
    font-weight: bolder;
    color: #2f5998;
    margin-bottom: 10px;
}
#secter1 .container > .secter1_body .service_info_list li > div p {
    margin: 0;
    font-size: 18px;
    color: #868686;
    letter-spacing: -1px;
}
#secter1 .container > .secter1_body .service_info_list li > .notice2 {
    width: 215px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px;
    background: #2f5998;
    text-align: center;
    float: right;
    margin-right: 6px !important;
}
#secter1 .container > .secter1_body .service_info_list li > .notice2:first-child {
    margin-right: 0 !important;
}
#secter1 .container > .secter1_body .service_info_list li > .notice2 a {
    display: inline-block;
}
#secter1 .container > .secter1_body .service_info_list li > .notice2 h2 {
    display: inline-block;
    margin: 0 0 0 5px;
    font-size: 18px;
    color: #fff;
    font-weight: bolder;
    line-height: 30px;
}
#secter1 .container > .secter1_body .service_info_list li > .notice2 img {
    width: 30px;
    float: left;
}

#secter2 > .container {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
#secter2 .secter2_box1 {
    position: relative;
    width: 100%;
    height: calc(100% - 270px);
    background: url("../../img/new/section2_background.png");
    background-size: cover;
    background-position: center;
}
#secter2 .secter2_box1 .container {
    position: relative;
    width: 100%;
    top: 50%;
    padding: 2.5vh 100px !important;
    box-sizing: border-box;
    box-sizing: border-box;
    transform: translate(0, -50%);
}
#secter2 .secter2_box1 .container .section_header {}
#secter2 .secter2_box1 .container .section_header h2 {
    margin: 0;
    font-size: 58px;
    font-weight: 500;
    color: #2f5998;
}
#secter2 .secter2_box1 .container .section_header p {
    margin: 12px 0;
    font-size: 26px;
    font-weight: bolder;
    color: #fff;
}
#secter2 .secter2_box1 .container .section_body > .body_list {
    width: 100%;
    height: 240px;
    padding: 30px;
    background: rgba(255,255,255,0.5);
}
#secter2 .secter2_box1 .container .section_body > .body_list > .body_header {
    position: relative;
    height: 50px;
    font-weight: bolder;
}
#secter2 .secter2_box1 .container .section_body > .body_list > .body_header h2 {
    margin: 0;
    font-size: 26px;
    font-weight: bolder;
}
#secter2 .secter2_box1 .container .section_body > .body_list > .body_header a {
    position: absolute;
    top: 4px;
    right: 0;
}
#secter2 .secter2_box1 .container .section_body > .body_list > .body_header a span {
    color: #666666;
    font-size: 16px;
    float: left;
}
#secter2 .secter2_box1 .container .section_body > .body_list > .body_header a .arrow_btn {
    position: relative;
    width: 24px;
    height: 24px;
    background: #fff;
    color: #666666;
    float: left;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    font-weight: bolder;
    border: 1px solid #cccccc;
    margin-left: 5px;
}
#secter2 .secter2_box1 .container .section_body > .body_list > .body_header a .arrow_btn:before {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    content: "";
    border-bottom: 2px solid #666666;
    border-right: 2px solid #666666;
    transform: translate(-50%, -50%) rotate(-45deg);
}
#secter2 .secter2_box1 .container .section_body > .body_list > .body_content {
    width: 50%;
    height: calc(100% - 50px);
    float: left;
    font-weight: bolder;
}
#secter2 .secter2_box1 .container .section_body > .body_list > .body_content:nth-child(2) {
    padding-right: 20px;
}
#secter2 .secter2_box1 .container .section_body > .body_list > .body_content:nth-child(3) {
    padding-left: 20px;
}
#secter2 .secter2_box1 .container .section_body > .body_list > .body_content span {
    font-size: 18px;
    color: #3c3c3c;
    margin-bottom: 5px;
}
#secter2 .secter2_box1 .container .section_body > .body_list > .body_content p:nth-child(2) {
    font-size: 16px;
    color: #2f5998;
}
#secter2 .secter2_box1 .container .section_body > .body_list > .body_content p:nth-child(3) {
    display: -webkit-box;
    height: 62px;
    font-size: 14px;
    color: #3c3c3c;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 22px;
}
#secter2 .container .secter2_box2 {
    width: 100%;
    height: 270px;
}
#secter2 .container .secter2_box2 .service_box {
    width: 100%;
    height: 100%;
}
#secter2 .container .secter2_box2 .service_box > li {
    position: relative;
    width: 25%;
    height: auto;
    top: 50%;
    float: left;
    text-align: center;
    transform: translate(0, -50%);
    font-weight: bolder;
}
#secter2 .container .secter2_box2 .service_box > li:first-child {
    text-align: left;
}
#secter2 .container .secter2_box2 .service_box > li:last-child {
    text-align: right;
}
#secter2 .container .secter2_box2 .service_box > li:last-child .service_bot a {
    padding-right: 60px;
}
#secter2 .container .secter2_box2 .service_box > li .service_top {}
#secter2 .container .secter2_box2 .service_box > li .service_top span {
    font-size: 22px;
    margin-left: 15px;
}
#secter2 .container .secter2_box2 .service_box > li .service_mid {
    position: relative;
    height: 30px;
    font-size: 22px;
    margin-top: 12px;
}
#secter2 .container .secter2_box2 .service_box > li .service_mid > ul {
    display: inline-block;
    position: absolute;
    width: 204px;
    top: 14px;
    left: 50%;
    overflow: auto;
    transform: translate(-50%);
}
#secter2 .container .secter2_box2 .service_box > li .service_mid > ul > li {
    display: inline-block;
    float: left;
    margin-left: 3px;
}
#secter2 .container .secter2_box2 .service_box > li .service_mid > ul > li:first-child {
    margin-left: 0;
}
#secter2 .container .secter2_box2 .service_box > li .service_bot {
    display: block;
    height: 26px;
    font-size: 18px;
    margin-top: 8px;
}
#secter2 .container .secter2_box2 .service_box > li .service_bot a {
    display: block;
    height: 26px;
    font-size: 18px;
}

#secter3 .container {
    position: relative;
    padding: 90px;
}
#secter3 .container .section_header {
    padding: 0 32px;
    text-align: right;
}
#secter3 .container .section_header h2 {
    margin: 0;
    font-size: 42px;
    font-weight: 500;
    color: #fff;
}
#secter3 .container .section_header p {
    margin: 12px 0;
    font-size: 26px;
    font-weight: bolder;
    color: #c3c3c3;
}
#secter3 .container #video_box {
    margin-top: 80px;
}
#secter3 .container #video_box .body_content {}
#secter3 .container #video_box .body_content a {}
#secter3 .container #video_box .body_content img {
    margin: 0 auto;
}
#secter3 .container #video_box .body_content p {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bolder;
}

#secter3 .container #video_box .slick-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 45%;
    left: -30px;
    background: inherit;
    border: none;
    border-bottom: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: translateY(-50%) rotate(135deg);
}
#secter3 .container #video_box .slick-next {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 45%;
    right: -30px;
    background: inherit;
    border: none;
    border-bottom: 5px solid #fff;
    border-right: 5px solid #fff;
    transform: translateY(-50%) rotate(-45deg);
}

/* new main end */

/* new market start */
/* #market_box > div {
    float: left;
} */
#market_box .shadow_box {
    border: 1px solid #4c4c4c;
}

.market_top{
    display: flex;
}

#market_box > .market_top >  .market_left {
    /* width: 950px; */
    flex: 1;
    margin-right: 20px;
}
#market_box > .market_top >  .market_left .top_title_article {
    position: relative;
    padding: 10px 12px;
}
#market_box > .market_top >  .market_left .top_title_article span {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: var(--market-color1);
    font-size: 18px;
    font-weight: bolder;
}
#market_box .table-header {
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#market_box .table-header table {
    width: 100%;
}
#market_box .table-header > table tr th {
    vertical-align: middle;
    font-size: 15px;
}
#market_box .table-header > table tr > th {
    height: 34px;
    line-height: 34px;
}
#market_box .table-header > table tr:first-child > th {
    height: 46px;
    line-height: 46px;
    color: #fff;
}
#market_box .table-header > table tr:first-child > th {
    background: var(--market-color3);
    text-align: center;
    color: #fff;
    font-weight: bolder;
    font-size: 16px;
}
#market_box .table-header > table tr:last-child > th:first-child {
    padding-left: 13px;
    text-align: left;
    color: #fff;
}
#market_box .table-header > table tr:last-child > th:last-child {
    padding-right: 13px;
    text-align: right;
    color: #fff;
}

/* 호가 보드 */
#market_box .market_left #order_box {
    display: flex;
    margin-top: 15px;
    justify-content: space-between;
}
#market_box .market_first #quote_box {
    width: 380px;
}
#market_box .market_left #order_box > div {
    float: left;
}
#market_box .market_left #order_box .order_support_box {
    width: 49%;
}
#market_box .market_left #order_box .order_support_box > ul {
    width: 100%;
    overflow: auto;
}
#market_box .market_left #order_box .order_support_box > ul > li {
    width: 100%;
    height: 46px;
    background: var(--market-color3);
    float: left;
    line-height: 46px;
    text-align: center;
    font-weight: bolder;
    font-size: 16px;
}
#market_box .market_left #order_box #order_support_box1 > ul > li {
    background: var(--market-color2);
    color: #fff;
}
#market_box .market_left #order_box #order_support_box2 > ul > li {
    background: var(--market-color1);
    color: #fff;
}
#market_box .market_left #order_box .order_support_box > .board_box {
    padding: 12px 25px;
}
#market_box .market_left #order_box .order_support_box > .board_box h1 {
    font-size: 14px;
    font-weight: bolder;
    margin-bottom: 12px;
}
#market_box .market_left #order_box .order_support_box > .board_box form > .form-group {
    margin-bottom: 5px;
}
#market_box .market_left #order_box .order_support_box > .board_box form > .form-group > dt {
    width: 146px;
    height: 40px;
    padding-left: 10px;
    line-height: 40px;
}
#market_box .market_left #order_box .order_support_box > .board_box form > .form-group > dd {
    width: calc(100% - 146px);
    line-height: 40px;
}
#market_box .market_left #order_box .order_support_box > .board_box form > .form-group > dd input {
    height: 40px;
    padding: 0;
    background: transparent;
    line-height: 40px;
    border-radius: 0;
    padding-right: 10px;
    color: #fff;
}
#market_box .market_left #order_box .order_support_box > .board_box form > .form-group > ul {
    width: calc(100% - 146px);
}
#market_box .market_left #order_box .order_support_box > .board_box form > .form-group > ul li {
    width: calc(25% - 6px);
    background-color: transparent;
    border: 0;
    margin-right: 0;
    margin-right: 8px;
    color: #fff;
}
#market_box .market_left #order_box .order_support_box > .board_box form > .form-group > ul li:last-child {
    margin-right: 0;
}
#market_box .market_left #order_box .order_support_box > .board_box form > .form-group > ul li span {
    display: inline-block;
    width: 100%;
    border: 1px solid #dbdbdb;
}
#market_box .current-board {
    position: relative;
    width: auto;
    height: 995px;
    overflow-y: scroll;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    overflow-x: hidden;
}
#market_box .current-board > table {
    width: 100%;
}
.aside_coin > table thead tr th {
    background: var(--market-color3);
    font-size: 14px !important;
    font-weight: bolder;
    color: #fff;
}
#market_box .current-board > table tr th,
.right-board > .current-board > table tr td {
    vertical-align: middle;
}
#market_box .current-board > table tr td.up {
    color: var(--market-color2);
}
#market_box .current-board > table tr td.down {
    color: var(--market-color1);
}
#market_box .current-board > table tr > th {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid#70707025;
}
#market_box .current-board > table tr > th:first-child {
    padding-left: 15px;
    text-align: left;
}
#market_box .current-board > table tr > th:last-child {
    padding-right: 15px;
    text-align: right;
}
#market_box .current-board > table tr.last-price > td {
    height: 60px;
    /*border-top: 1px solid #70707025; border-bottom: 1px solid#70707025;*/
    border: 1px solid #055583;
    font-size: 13px;
}
#market_box .current-board > table tr.last-price.up > td {
    border: 1px solid #d80001;
}
#market_box .current-board > table tr.last-price.down > td {
    border: 1px solid #0044a7;
}
#market_box .current-board > table tr.last-price > td:nth-child(1) {
    border-right: 0;
}
#market_box .current-board > table tr.last-price > td:nth-child(2) {
    border-right: 0;
    border-left: 0;
}
#market_box .current-board > table tr.last-price > td:nth-child(3) {
    border-left: 0;
}
#market_box .current-board > table tr.last-price > td > p:nth-child(2) {
    font-size: 14px !important;
}
#market_box .current-board > table tr td#orderbook-current-price {
    width: 65%;
    text-align: left !important;
}
#market_box .current-board > table tr td#orderbook-current-price img {
    display: inline-block;
    width: 10px;
    height: 12px;
    line-height: 30px;
    margin-bottom: 3px;
}
#market_box .current-board > table > tbody > tr:first-child > td {}
#market_box .current-board > table > tbody > tr:last-child > td {}
#market_box .current-board > table tr > td:first-child {
    padding-left: 15px;
    text-align: left;
}
#market_box .current-board > table tr > td:first-child:hover {
    cursor: pointer;
    opacity: 0.8;
}
#market_box .current-board > table tr > td:nth-child(2) {
    padding-right: 15px;
    text-align: right;
}
#market_box .current-board > table tr > td:last-child {
    padding-right: 15px;
    text-align: right;
}
#market_box .current-board > table tr td {
    height: 35px;
    font-size: 12px;
    letter-spacing: 0.5px;
}

/* 히스토리 보드 */
#market_box .history-board {
    position: relative;
    width: auto;
    height: 469px;
    overflow-y: scroll;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
#market_box .history-board > table {
    width: 100%;
    border-collapse: collapse;
}
#market_box .history-board > table thead tr th {
    background: var(--market-color3);
    font-size: 13px !important;
}
#market_box .history-board > table tr {}
#market_box .history-board > table tr th,
.right-board > .history-board > table tr td {
    vertical-align: middle;
}
#market_box .history-board > table tr td.up > p:first-child {
    color: var(--market-color2);
}
#market_box .history-board > table tr td.down > p:first-child {
    color: var(--market-color1);
}
#market_box .history-board > table tr > th {
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid #f3f3f3;
}
#market_box .history-board > table tr td {
    padding: 6px 0;
    vertical-align: center;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-align: right;
}
#market_box .history-board > table tr td > p:first-child {
    font-size: 12px;
}
#market_box .history-board > table tr td > p:last-child {
    line-height: 10px;
    font-size: 12px;
    color: #7e87a0;
}
#market_box .history-board > table tr > th:first-child {
    padding-left: 15px;
    text-align: left;
}
#market_box .history-board > table tr > th:last-child {
    padding-right: 15px;
    text-align: right;
}
#market_box .history-board > table tr > td:first-child {
    text-align: center;
}
#market_box .history-board > table tr > td:last-child {
    padding-right: 15px;
    text-align: right;
}
#market_box .history-board > table > tbody > tr:first-child > td {
    margin-top: 8px;
}
#market_box .history-board > table > tbody > tr:last-child > td {
    padding-bottom: 8px;
}

#market_box > .market_top > .market_right {
    width: 380px;
    margin-top: 49px;
}
#market_box > .market_top > .market_right .market_option {
    width: 100%;
}
#market_box > .market_top > .market_right .aside_coin.shadow_box {
    margin-top: 10px;
}
/* #market_box > .market_right .market_option tbody tr td {padding: 18px 0; text-align: center; font-size: 16px;} */
#market_box > .market_top > .market_right .market_option tbody tr td {
    padding: 13.4px 0;
    text-align: center;
    font-size: 16px;
}
#market_box > .market_top > .market_right .market_option tbody tr td.coin_changes_btn {
    cursor: pointer;
}
#market_box > .market_top > .market_right .market_option tbody tr td.coin_changes_btn.notranslate {
    /* border-top: 1px solid #b2b2b2; */
    background-color: rgba(49, 155, 241, 0.25);
}
/* new market end */

@media (max-height: 900px) {
#secter1 .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
}
#secter2 .secter2_box1 .container {
    position: absolute;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
}
#secter2 .container .secter2_box2 {
    transform: scale(0.7);
}
#secter3 .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
}
}

@media (max-height: 800px) {
#secter2 .secter2_box1 .container {
    transform: translate(-50%, -50%) scale(0.7);
}
#secter2 .container .secter2_box2 {
    transform: scale(0.6);
}
#secter1 .container {
    transform: translate(-50%, -50%) scale(0.7);
}
}

#main_wrap {}
#main_wrap > .section_wrap {
    min-width: 1350px;
}
#main_wrap #section1 {
    width: 100%;
    height: 100vh;
}
#main_wrap #section1 .content_box {
    position: relative;
    width: 100%;
    height: calc(100% - 80px);
    background: url("../../../img/global/desktop/main_slide1.png");
    background-size: cover;
    background-position: center;
}
#main_wrap #section1 .content_box img {
    position: absolute;
    width: 700px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#main_wrap #section1 #notice {
    width: 1350px;
    height: 80px;
    margin: 0 auto;
    min-width: 1350px;
    color: black;
}
#main_wrap #section1 #notice > div {
    position: relative;
    width: 50%;
    height: 100%;
    float: left;
    text-align: center;
    line-height: 80px;
    cursor: pointer;
}
#main_wrap #section1 #notice > div:nth-child(1) {
    padding-right: 30px;
}
#main_wrap #section1 #notice > div:nth-child(2) {
    padding-left: 30px;
}
#main_wrap #section1 #notice > div > img {
    position: relative;
    width: 53px;
    top: 50%;
    float: left;
    transform: translate(0, -50%);
    margin-right: 30px;
}
#main_wrap #section1 #notice > div > span {
    font-size: 16px !important;
    float: left;
}
#main_wrap #section1 #notice > div > span:nth-child(2) {
    display: block;
    width: calc(100% - 160px);
    height: 100%;
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
#main_wrap #section1 #notice > div > span:nth-child(3) {
    float: right;
}
#main_wrap #section2 {
    width: 100%;
}
.section-coinlist .tit-list {
    padding: 30px 0 ;
}
.section-coinlist .tit-list ul {
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    overflow: auto;
}

#main_wrap #section3 {
    width: 100%;
    background: #080808;
}
#main_wrap #section3 .contentBox {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0;
    max-width: 1350px;
}
#main_wrap #section3 .contentBox .slide_box {
    display: flex;
    height: 280px;
    justify-content: space-between;
    text-align: center;
    align-items: center;
}
#main_wrap #section3 .contentBox .slide_box > div {
    flex: 0 0 25%;
}
#main_wrap #section3 .contentBox .slide_box > div > h2 {
    color: #319bf1;
    font-weight: bolder;
    font-size: 22px;
    letter-spacing: 2px;
    margin-top: 20px;
}
#main_wrap #section3 .contentBox .slide_box > div > p {
    color: #319bf1;
    font-size: 16px;
    margin-top: 20px;
    letter-spacing: 1px;
}

#main_wrap #section4 {
    width: 100%;
    overflow: auto;
    padding: 50px 0;
}
#main_wrap #section4 .contentBox {
    width: 1350px;
    margin: 0 auto;
    min-width: 1350px;
}
#main_wrap #section4 .contentBox .download_box {
    width: 100%;
}
#main_wrap #section4 .contentBox .download_box > div {
    float: left;
}
#main_wrap #section4 .contentBox .download_box .img_box {
    width: 750px;
    height: 620px;
    background: url("../../../img/global/desktop/section4_img1.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#main_wrap #section4 .contentBox .download_box .down_box {
    display: flex;
    width: calc(100% - 870px);
    height: 620px;
    min-width: 599px;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#main_wrap #section4 .contentBox .download_box .down_box .text_box {
    color: #02133f;
}
#main_wrap #section4 .contentBox .download_box .down_box .text_box > h2 {
    font-size: 30px;
    font-weight: bolder;
    letter-spacing: 4px;
    margin-bottom: 34px;
    padding-left: 50px;
}
#main_wrap #section4 .contentBox .download_box .down_box .text_box > p {
    font-size: 18px;
    margin-bottom: 60px;
    letter-spacing: 1px;
    padding-left: 50px;
}
#main_wrap #section4 .contentBox .download_box .down_box .btn_box {
    overflow: auto;
    padding-left: 50px;
}
#main_wrap #section4 .contentBox .download_box .down_box .btn_box > div {
    float: left;
}
#main_wrap #section4 .contentBox .download_box .down_box .btn_box > div:nth-child(1) {
    width: 289px;
    height: 200px;
    margin-right: 60px;
}
#main_wrap #section4 .contentBox .download_box .down_box .btn_box > div:nth-child(1) > div {
    height: 70px;
    background: #319bf1;
    line-height: 70px;
}
#main_wrap #section4 .contentBox .download_box .down_box .btn_box > div:nth-child(1) > div > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 16px;
}
#main_wrap #section4 .contentBox .download_box .down_box .btn_box > div:nth-child(1) > div > a > img {
    margin-right: 20px;
}
#main_wrap #section4 .contentBox .download_box .down_box .btn_box > div:nth-child(1) > div:nth-child(2) > a {
    padding-right: 30px;
}
#main_wrap #section4 .contentBox .download_box .down_box .btn_box > div:nth-child(1) > div:nth-child(1) {
    margin-bottom: 60px;
}
#main_wrap #section4 .contentBox .download_box .down_box .btn_box > div:nth-child(2) {
    position: relative;
    width: 200px;
    height: 200px;
}
#main_wrap #section4 .contentBox .download_box .down_box .btn_box > div:nth-child(2) > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#main_wrap #section5 {
    width: 100%;
    height: fit-content;
    padding: 120px 0 110px;
    background: url("../../../img/global/desktop/index/section05bg.jpg");
    background-size: cover;
    background-position: center;
    max-height: 600px;
}
#main_wrap #section5 .contentBox {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 1350px;
    text-align: center;
}
#main_wrap #section5 .contentBox > h2 {
    font-family: 'WelcomeB', sans-serif;
    font-size: 48px;
    line-height: normal;
    color: #fff;
}
#main_wrap #section5 .contentBox > p {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    margin-top: 40px;
    font-size: 18px;
    letter-spacing: 1px;
    font-family: 'WelcomeR', sans-serif;
    margin-bottom: 80px;
    padding: 0 50px;
}
#main_wrap #section5 .contentBox > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 347px;
    height: 51px;
    margin: 0 auto;
    color: #7aeeff;
    border: 1px solid #319bf1;
    font-family: 'WelcomeB', sans-serif;
    font-size: 24px;    
    border-radius: 20px;
}

#main_wrap #section6 {
    width: 100%;
    height: 445px;
    background: #f6eefe;
}
#main_wrap #section6 .contentBox {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 1500px;
}
#main_wrap #section6 .contentBox > div {
    width: 50%;
    height: 100%;
    float: left;
}
#main_wrap #section6 .contentBox > .notice_box {
    padding-right: 70px;
    box-sizing: border-box;
}
#main_wrap #section6 .contentBox > .notice_box h2 {
    margin-top: 80px;
    font-size: 20px;
    font-weight: bolder;
    letter-spacing: 3px;
    border-bottom: 1px solid #fff;
    line-height: 40px;
}
#main_wrap #section6 .contentBox > .notice_box ul {}
#main_wrap #section6 .contentBox > .notice_box ul li {
    height: 40px;
    line-height: 40px;
    cursor: pointer;
}
#main_wrap #section6 .contentBox > .notice_box ul li > span {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 2px;
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 560px;
    color: #000;
}
#main_wrap #section6 .contentBox > .notice_box ul li > span:last-child {
    float: right;
}
#main_wrap #section6 .contentBox > .market_ranking {}
#main_wrap #section6 .contentBox > .market_ranking h2 {
    margin-top: 80px;
    font-size: 20px;
    font-weight: bolder;
    letter-spacing: 3px;
    line-height: 40px;
}
#main_wrap #section6 .contentBox > .market_ranking ul {}
#main_wrap #section6 .contentBox > .market_ranking ul li {
    width: 25%;
    height: 34px;
    background: #fff;
    float: left;
    text-align: center;
    line-height: 38px;
    color: #b3b3b3;
    font-size: 16px;
    font-weight: bolder;
    letter-spacing: 2px;
    cursor: pointer;
}
#main_wrap #section6 .contentBox > .market_ranking ul li.on {
    background: #319bf1;
    color: #fff;
}
#main_wrap #section6 .contentBox > .market_ranking table {
    width: 100%;
}
#main_wrap #section6 .contentBox > .market_ranking table tr {}
#main_wrap #section6 .contentBox > .market_ranking table tr td {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #000;
    font-size: 16px;
    font-weight: bolder;
}
#main_wrap #section6 .contentBox > .market_ranking table tr td .rank_number {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #adadad;
    line-height: 30px;
    text-align: center;
    color: #fff;
    float: left;
}
#main_wrap #section6 .contentBox > .market_ranking table tr td .rank_number.on {
    background: #319bf1;
}
#main_wrap #section6 .contentBox > .market_ranking table tr td:nth-child(2) span {
    font-size: 16px;
}
#main_wrap #section6 .contentBox > .market_ranking table tr td:nth-child(2) span.on {
    color: #319bf1;
}
#main_wrap #section6 .contentBox > .market_ranking table tr td.plus {
    color: #ff3a13;
}
#main_wrap #section6 .contentBox > .market_ranking table tr td.minus {
    color: #131bff;
}
#main_wrap #section6 .contentBox > .market_ranking table tr td.stop {}
#main_wrap #section6 .contentBox > .market_ranking table tr td:nth-child(1) {
    width: 40px;
}
#main_wrap #section6 .contentBox > .market_ranking table tr td:nth-child(2) {
    width: 147px;
    text-align: left;
}
#main_wrap #section6 .contentBox > .market_ranking table tr td:nth-child(3) {
    width: 187.5px;
}
#main_wrap #section6 .contentBox > .market_ranking table tr td:nth-child(4) {
    width: 187.5px;
}
#main_wrap #section6 .contentBox > .market_ranking table tr td:nth-child(5) {
    width: 187.5px;
}

#main_wrap #section7 {
    width: 100%;
    height: 550px;
    background: url("../../../img/global/desktop/section7_img1.png");
    background-size: cover;
    background-position: center;
}
#main_wrap #section7 .contentBox {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    max-width: 1500px;
    text-align: center;
}
#main_wrap #section7 .contentBox > h2 {
    padding-top: 210px;
    margin-bottom: 84px;
    font-size: 32px;
    font-weight: bolder;
    color: #fff;
    letter-spacing: 3px;
}
#main_wrap #section7 .contentBox > div > a {
    display: inline-block;
    width: 346px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 20px;
    font-size: 18px;
    font-weight: bolder;
    letter-spacing: 2px;
}
#main_wrap #section7 .contentBox > div > a:nth-child(1) {
    border: 1px solid #319bf1;
    color: #319bf1;
    margin-right: 26px;
}
#main_wrap #section7 .contentBox > div > a:nth-child(2) {
    border: 1px solid #319bf1;
    color: #319bf1;
}

.notice_popup_box {
    width: 100%;
    height: 400px;
    padding: 0 20px;
    overflow-y: auto;
}
.notice_popup_box textarea {
    border: 0;
    resize: none;
}

div#app.basic {
    background: #1a1d26;
    min-width: 1350px;
}
div#app.basic #market_box {
    color: #fff;
    /* max-width: 1350px; */
}
div#app.basic #market_box .display-board .upper {
    color: var(--market-color2);
}
div#app.basic #market_box .aside_coin {
    background: #1a1d26;
}
@media (max-width:1350px) {
    header{
        width: inherit;
    }
    
}
.terms_privacy a{
    margin-right: 20px;
}
.terms_privacy a:nth-last-child(1){
    margin-right: 0;
}
.terms_privacy a:hover{
    text-decoration: underline;
}
.faq_answer .common_content > p{
    margin : 0;
} 
.common_content *{
    margin: revert;
    padding: revert;
    font-weight: revert;
    font-size: revert;
    font-family: revert;
    line-height: revert;
    list-style: revert;
    list-style-position: inside;
}
.common_content a{
    text-decoration: underline;
}
.common_content a:hover{
    text-decoration: underline;
}
.none_style *{
    margin: revert;
    padding: revert;
    font-weight: revert;
    font-size: revert;
    font-family: revert;
    line-height: revert;
    list-style: revert;
    list-style-position: inside;
    color: revert;
    color: #19191a;
}

#layer_depositListBox .layer_box {
	height: auto;
}

#layer_depositQRBox .layer_box {
	height: auto;
}

.depositListContentDiv {
	height: auto !important;
	max-height: 500px;
	overflow: auto;
}

#layer_depositListBox .layer_footer {
	padding: 10px 0;
}


#layer_depositQRBox .layer_footer {
	padding: 10px 0;
}

.depositListContentBox {
	
}

.depositListContentBox li {
	padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
}

.depositListContentTextBox {
	overflow: hidden;
}

.depositListContentTextBox-left {
	float: left;
}

.depositListContentTextBox-right {
	float: right;
}

.depositListContentButton {
    display: block;
	padding: 10px;
    background: var(--market-color2);
    border-radius: 8px;
}

.depositListNoContent {
	color: #000;
}

.btn_flex{
    display: flex;
    width: 100%;
    justify-content: center;
}

.popup_skip_btn{
    width: 30%;
    height: 35px;
    background-color: #007AFF;
    min-width: 100px;
    max-width: 150px;
    border: none;
    color: #fff;
}

.popup_skip_btn:hover{
    background-color: #439dff;
}

.card_coin_select{
    all: inherit;
    background-color: transparent;
    color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    width: 100%;
    max-width: 33%;
    height: fit-content;
    padding: 5px 10px ;
    cursor: pointer;
    position: relative;
    background:url(/img/global/desktop/expand_more_w.svg) no-repeat right 15px center;
    background-size: 14px;
    margin: 15px 0;
}

.card_coin_select option{
    color: #000;
}

.fee_coin_select{
    all: inherit;
    background-color: transparent;
    color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    width: 100%;
    max-width: 33%;
    height: fit-content;
    padding: 5px 10px ;
    cursor: pointer;
    position: relative;
    background:url(/img/global/desktop/expand_more_w.svg) no-repeat right 15px center;
    background-size: 14px;
    margin: 15px 0;
}

.fee_coin_select option{
    color: #000;
}

.downBtn:hover {
	color: #319bf1 !important;
	background: #fff;
	font-weight: bolder;
}

.market_first{
    width: 380px;
    margin-top: 49px;
    margin-right: 20px;
}

.pbox{
    display: flex;
}

#sell .pbox p{    
    font-size: 12px;
}

#buying .pbox p{    
    font-size: 12px;
}

#market_box .history-board > table tr td.up .pbox p:first-child {
    color: var(--market-color2);
}
#market_box .history-board > table tr td.down .pbox p:first-child {
    color: var(--market-color1);
}



.logoText{
    font-size: 30px;
}

.flexBox{
    display: flex;
    justify-content: flex-end;
    flex: 1;
}

.input_style_login{
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    height: 44px;
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 4px;
    padding: 0 16px;
    font-size: 14px;
    color: hsla(0, 0%, 100%,1);
    transition: all .2s ease-in-out;
}

.input_style_login.id{
    margin-bottom: 24px;
}

.registerFlex{
    display: flex;
    align-items: center;
}

.input_signup{
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    height: 44px;
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 4px;
    padding: 0 16px;
    font-size: 14px;
    color: hsla(0, 0%, 100%,1);
    transition: all .2s ease-in-out;
}
.registerFlex button{
    margin-left: 10px;
}
.input_signup.nation option{
    color: #000;
} 

.agreeFlex{
    display: flex;
    flex-direction: column;
}

.mb-1{
    margin-bottom: 4px;
}
.underline{
    cursor: pointer;
}
.underline:hover{
    text-decoration: underline;
}

.tablesorter-default .header, .tablesorter-default .tablesorter-header {
    padding: 4px 20px 4px 4px;
    cursor: pointer;
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==)!important;
    background-position: center right;
    background-repeat: no-repeat;
}

.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerAsc, .tablesorter-default thead .tablesorter-headerSortUp{
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7)!important;
    border-bottom: #319bf1 1px solid !important;
}

.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .tablesorter-headerSortDown {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7)!important;
    border-bottom: #319bf1 1px solid !important;
}

.mt-6{
    margin-top: 24px;;
}
.checkBtn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    background: linear-gradient(180deg, #319bf1, #4aa6f1);
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 4px;
    padding: 6px 12px;
    color: #fff;
    outline: none;
    cursor: pointer;
    height: 40px;
    min-width: 100px;
    margin-left: 10px;
}

.resetBtnBox{
    justify-content: center;
    margin-top: 40px;
}

.btn_pw_cancel{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    background: linear-gradient(180deg, #9e9e9e, #9e9e9e);
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 4px;
    padding: 6px 12px;
    color: #fff;
    outline: none;
    cursor: pointer;
    height: 40px;
    min-width: 100px;
}

#saveButton{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    background: linear-gradient(180deg, #319bf1, #4aa6f1);
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 4px;
    padding: 6px 12px;
    color: #fff;
    outline: none;
    cursor: pointer;
    height: 40px;
    min-width: 100px;
    margin-left: 10px;
}

.resetBtnBox .checkBtn{
    flex: 1;
}