@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }

:root{
    --project-primary: #6374ff;
}

/* global s*/
html{
    direction: ltr;
}
body{
	font-family: 'S-CoreDream-3Light' !important;
	text-align: left !important;
}
input::placeholder {
  color: #BDBDBD !important;
}
label {
    font-weight: 400;
    color: black !important;
    font-size: 13px;
}
a:hover  {
    color: #3359A8;
/*     text-decoration: underline; */
}
/*a:active{*/
/*	color:white !important;*/
/*}*/
/*a:focus{*/
/*	color:white ;*/
/*}*/

p, a, div, span{
	font-family: 'S-CoreDream-3Light' !important;	
}
input:focus {
	outline:none;
	border:1px solid var(--project-primary) ;
}
textarea:focus {
	outline:none;
	border:1px solid var(--project-primary) ;
}
p{
	margin-bottom: 0px !important;
}
select {
	width:100%;
	padding: .8em .5em;
	border: 1px solid #999;
	font-family: inherit;
	background: url('../../resources/images/bottom_arrow.png') no-repeat 95% 50%;
    background-size: 12px;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.chkbox{
	cursor: pointer;
}
select::-ms-expand {
    display: none;
}
input[type="radio"]{
	display:none;
}


/* global e*/

/* font s */
.font_bold{
	 font-weight: bold !important;
}
.font_sc{
	font-family: 'S-CoreDream-3Light' !important;
}
.text_right{
	text-align: right !important;
}

.f_12{
	font-size:12px !important;
}

.hover_green:hover{
	color:#3359A8 !important;
}
.text_center{
	text-align:center;
}
/* font e */

/* margin s */
.mb_5{
	margin-bottom:5px !important;
}
.mb_10{
    margin-bottom: 10px !important;
}
.mb_30{
    margin-bottom: 30px !important;
}
.bb_none{
	border-bottom: none !important;
}
.flex_align{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex{
	display:flex !important;
}
.pt_6{
	padding-top: 6% !important;	
}
/* margin e */

/* width s */
.w_10{
	width:10% !important;
}
.w_15{
	width:15% !important;
}
.w_20{
	width:20% !important;
}
.w_25{
	width:25% !important;
}
.w_45{
	width:45% !important;
}
.w_50{
	width:50% !important;
}
.w_60{
	width:60% !important;
}
/* width e */

/* scroll table s*/
.scroll_table{
	max-height: 450px;
    overflow: auto;
    display: block;
    min-height: 100px;
    width: 100%;
}
.scroll_table tbody {
    min-width: 100%;
    width: 100%;
    max-width: 100%;
    display: table;
}
/* [start] 스크롤 */
	/* Let's get this party started */
	.scroll_tbody::-webkit-scrollbar {
	    width: 17px;
	}
	 
	/* Track */
	.scroll_tbody::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
	    -webkit-border-radius: 2px;
	    border-radius: 4px;
	}
	 
	/* Handle */
	.scroll_tbody::-webkit-scrollbar-thumb {
	    -webkit-border-radius: 2px;
	    border-radius: 4px;
	    background: #BDBDBD;
	    -webkit-box-shadow: inset 0 0 2px white;
	}
	.scroll_tbody::-webkit-scrollbar-thumb:window-inactive {
		background: #BDBDBD; 
	}
	

/* [end] 스크롤 */


.scroll_table02{
	max-height: 450px;
    overflow: auto;
    display: block;
    min-height: 100px;
    width: 100%;
}
.scroll_table02 thead{
	display: table;
    width: 100%;
}
.scroll_table02 tbody{
	display: table;
    width: 100%;
}

/* [start]��ũ�� */
	/* Let's get this party started */
	.scroll_table02::-webkit-scrollbar {
	    width: 17px;
	}
	 
	/* Track */
	.scroll_table02::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
	    -webkit-border-radius: 2px;
	    border-radius: 4px;
	}
	 
	/* Handle */
	.scroll_table02::-webkit-scrollbar-thumb {
	    -webkit-border-radius: 2px;
	    border-radius: 4px;
	    background: #BDBDBD;
	    -webkit-box-shadow: inset 0 0 2px white;
	}
	.scroll_table02::-webkit-scrollbar-thumb:window-inactive {
		background: #BDBDBD; 
	}
	

/* [end] ��ũ�� */


/* scroll table e*/

/* text s */
.text_center{
	text-align: center;
}

/* text e */

/* header s */
.has-fixed .menu-item a{
	color:black !important;
	font-family: 'S-CoreDream-3Light' !important;
}

.has-fixed .menu-btns a{
	color:black !important;
}

.menu-btns{
    display: flex;
    margin-bottom: -10px;
    margin-left: 30px;
}

.menu-item a{
	font-family: 'S-CoreDream-3Light' !important;
    font-weight: bold;
}

.has-fixed .menu-item a:hover{
	color: #B1DA28 !important;
}

.has-fixed .menu-drop .menu-item .menu-link{
	color:white !important;
}

.has-fixed .menu-drop .menu-item .menu-link:hover{
	color: #B1DA28 !important;
}

.header_login_li{
	text-align: center;
}
.header_login_text{
    padding: 10px 10px !important;
}
.header_login_img{
    width: 21px;
    margin-top: 5px;
}

.has-fixed.is-shrink .header-main{
	padding: 11px 0 !important;
}
.header_black{
	display:none;
}
.has-fixed .header_white{
	display:none;
}
.has-fixed .header_black{
	display:block;
    width: 25px;
    margin: 0 auto;
    margin-top: 11px;
}
/* .header_logo_black{ */
/* 	display:none !important; */
/* } */
/* .has-fixed .header_logo_black{ */
/* 	display:block !important; */
/* } */
/* .has-fixed .header_logo_white{ */
/* 	display:none !important; */
/* } */

.header_login_link{
	padding: 0px !important;
}
/* .is-dark .menu-item a .active, .is-dark .menu-item a:hover { */
/*     color: #3359A8 !important; */
/* } */
.is-dark .menu-drop li a:hover{
	color: #3359A8 !important;
    font-weight: normal;
	
}
.header_login_text:hover{
    color: #3359A8 !important;
    font-weight:bold;
}
.header_login_link:visited{
	color: var(--project-primary) ;
	font-weight:bold;
}

.has-fixed .menu-item a .active, .has-fixed .menu-item a:hover {
    color: var(--project-primary) !important;
    font-weight:bold;
/*     color: #B1DA28 !important; */
}
.menu-btns > li{
	padding: 0px 0px;
}
.header_login_text{
	font-size: 13px;
}
@media (min-width: 1200px){
	.menu > .menu-item > a {
	    padding: 20px 23px;
	}
}
.menu-item > a.active {
    color: var(--project-primary) !important;
    font-weight: bold;
}
.menu-item > a:hover{
    font-weight: bold;
}

.header_frame{
	position: fixed;
    width: 100%;
    background: transparent;
    z-index: 2222;
}

.header_form{
	width: 1300px;
    min-width: 1300px;
    max-width: 1300px;
    margin: 0 auto;
    padding: 13px 15px;
    display: flex;
    position: relative;
}

.header_logo_form{
    float: left;
    width: 20%;
    height: 100%;
    display: flex;
    align-items: center;
    height: 58px;
}
.header_menu_form{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 58px;
    position: absolute;
    right: 15px;
}
.main_langauge_img{
	margin-right: 3%;
}
/* header e */

/* new_header s */
.new_header_menu{
    display: flex;
    align-items: center;
    padding: 0;
}
.new_header_menu-item{
    position: relative;
}
.new_header_menu-link{
    padding: 20px 23px;
    color: black !important;
    font-family: 'S-CoreDream-3Light' !important;
    font-size: 14px;
    font-weight: bold;
}
.new_header_menu-link:hover {
    color: var(--project-primary) !important;
}

.new_header_menu-item.active > a.new_header_menu-link  {
    color: var(--project-primary) !important;
}
.new_header_menu-item.new_header_has-sub > a {
    padding-right: 23px !important;
}
.new_header_has-sub > a:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    content: '\e64b';
    font-family: 'themify';
    font-size: 8px;
    font-weight: 700;
    transition: transform .4s;
}
.new_header_has-sub > a:after {
    right: 8px;
}
.new_header_menu-sub {
    position: absolute;
    min-width: 215px;
    max-width: 215px;
    background: #fff;
    padding: 15px 10px;
    top: 50px;
    left: 0;
    display: block !important;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    border-radius: 4px;
    transform: translateX(0) translateY(-8px);
    box-shadow: 0 3px 12px 0 rgba(45, 63, 95, 0.08);
}
.is-dark .new_header_menu-sub {
    background-color: #0b1326;
}

.new_header_login_text{
	font-size: 12px;
    font-weight: bold;
}
.header_black02{
    margin-bottom: 10px !important;
}
.header_login_li02{
	padding: 10px !important;
}
.new_header_menu-drop li{
    display: flex;
}
.new_header_menu-drop li a{
	padding: 10px 15px !important;
    width: 100%;
	font-size: 13px;
    font-weight: normal;
    color: white !important;
}
.new_header_menu-drop li a:hover{
	color:var(--project-primary) !important;
	font-weight: bold;
}
.header_menu_title:hover{
    color: var(--project-primary) !important;
}
.header_login_li02 a:hover{
	color: var(--project-primary) !important;
}
.header_login_li02 a:hover{
    display: block;
}

.header_logo_img{
    width: 170px;
    height: auto !important;
}
/* new_header e */

/* btn s */


.btn-primary{
    color: #fff;
    background-color: var(--project-primary) !important;
    border-color: var(--project-primary) !important;
}
.btn-primary:hover{
    opacity: .7;
}

.nav-border .nav-item.show .nav-link, .nav-border .nav-link.active {
    background: transparent;
    color: var(--project-primary) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 3px solid var(--project-primary) !important;
}
.is-transparent:not(.has-fixed):not(.is-light) .menu > .menu-item:hover > a{
    color: var(--project-primary) !important;
}


/* btn e */

/* login s */
.login_input_form{
    font-size: 12.5px;
	padding-left: 10px !important;	
}

.login_to_register_link{
	color: black !important;
    text-decoration: underline;
}

.login_to_register_link:hover{
	color: #3359A8 !important;
    text-decoration: underline !important;
}
.address_btn{
	color: white;
    background: var(--project-primary);
    border: transparent;
    border-radius: 4px;
    margin-left: 2%;
}
.address_btn:hover{
    opacity: .7;
}
.address_input03{
	margin-right:1%;
}
.address_input04{
	margin-left:1%;
}
.login_card{
    margin: 50px 0px !important;	
}
.register_personal_text{
	font-size:13px;
	margin-left: 21px;
}
.register_text01{
	color: #777;
    margin-bottom: 15px !important;
}
.register_text_form{
    margin-bottom: 5px;
    margin-top: 5px !important;
}
.register_security_text{
    color: royalblue;
    font-size: 15px;
    font-weight: bold;
    font-style: italic;
}
.text_under{
    text-decoration: underline;
}
.guide_head_title{
    font-weight: bold;
    margin-bottom: 6%;
    color:black;
}
.guide_title{
	color: #3359A8;
	
}
.guide_content{
    color: black;
}
/* login e */


/* modal s */
.ath-body{
	padding: 32px 40px 40px;
    background: #fff;
    border-radius: 6px;
    font-size: 14px;
}
.bg-gray {
    background-color: #eaeaea;
}

.bg_green {
    background-color: #3359A8 !important;
    color: white !important;
}

.bg_green:hover {
    background-color: #3359A8 !important;
    color: white !important;
}

.bg_red {
    background-color: #FF5A5A !important;
    color: white !important;
}

.bg_red:hover {
    background: #DE4F4F !important;
    color: white !important;
}

.bg_blue {
    background-color: #3359A8 !important;
    border: none !important;
    color: white !important;
}

.bg_blue:hover {
    background: #CC7B1D !important;
    border: none !important;
    color: white !important;
}

.modal-close {
    position: absolute;
    cursor: pointer;
    top: -15px;
    right: -15px;
    height: 36px;
    width: 36px;
    line-height: 39px;
    padding: 0;
    text-align: center;
    z-index: 9999;
    border-radius: 50%;
    color: #305082;
    opacity: 1;
    background: #fff;
    box-shadow: 0px 2px 7px 0px rgba(48, 80, 130, 0.2);
}
[class^="ti-"], [class*=" ti-"] {
    line-height: 2.3;
}
.ath-heading{
    font-size: 18px;
    text-align: center;
}
.ti-close{
	font-size: 16px;
}
.register_chkbox{
	width: 16px;
    height: 16px;
    position: absolute;
    top: 1px;
/*     border: 2px solid #dbe4f7; */
}

/* modal e */

/* main s*/
.pd_top_0{
	padding-top: 0px !important;
}
/* .main_frame{ */
/*     min-width: 1300px; */
/* 	background : #F3F3F3; */
/* 	padding-bottom: 80px; */
/* 	display: flex; */
/* 	min-height: 700px; */
/* } */
.main_frame {
    min-width: 1300px;
    background: #F3F3F3;
    padding-bottom: 80px;
    display: flex;
    min-height: calc( 100vh - 200px);
}
.main_form{
    width: 1300px;
    margin: 0 auto;
    height: 100%;
    padding-top:145px;
    padding-left:15px;
    padding-right:15px;
    
    min-width: 1300px;
}
.main_form_left{
    float: left;
    width: 270px;
}

.main_form_right{
    float: right;
    width: 950px;
}
.side_nav_title_form{
    TEXT-ALIGN: CENTER;
    color: white;
    padding: 22px;
    font-size: 16px;
    font-weight: bold;	
    background-color: #141d38;
}
.side_nav_list_link{
	text-align: center;
    color: #7c7c7c ;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height:50px;
	font-size: 13px;
	background-color:white;
}
.side_nav_active{
    color: var(--project-primary) !important;
    font-weight: 700;
    background-color: #ececec;
}
a.side_nav_list_link:hover{
    color: var(--project-primary) !important;
}
.side_arrow{
    width: 12px;
    height: 12px;
    position: absolute;
    left: 90%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.side_nav_list_form ul li{
    position: relative;
}
.side_nav_list_form ul li a:hover{
    background-color: #E7EAED;
    color: #3359A8 !important;
    font-weight: 700;
}
.main_form_right{
	background-color: white;
	font-size:13px;
	color: black;
}
.main_form_right_frame{
	padding: 60px 60px;
}
.main_title_form{
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
}
.main_title_form .line{
    float: left;
    width: 8px;
    height: 28px;
    background-color: var(--project-primary);
    border-radius: 2px;
	margin-right: 8px;
}

.balance_div01 .line{
    float: left;
    width: 8px;
    height: 28px;
    background-color: var(--project-primary);
/*     background-color: #B1DA28; */
    border-radius: 2px;
	margin-right: 8px;
}

.main_title{
	font-size: 18px;
    font-weight: bold;
}
.main_form_right_frame .sub_title{
	text-align: right;
    font-size: 14px;
    color: #9F9F9F;
    font-weight: bold;
    margin-top: 10px;
}
.main_form_right_frame .sub_title .active{
    color: #47C83E;
}
.content{
    width: 100%;
    margin: 0 auto;
    margin-top: 4%;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.content_form{
    display: flex;
	margin-bottom: 10px;
}
.content_name{
    width: 60px;
    max-width: 60px;
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.content_info{
	width: 50%;
}

.swap_img{
	width: 100%;
	height: auto;
}

.content_info_input{
	border-radius: 6px;
    border: 1px solid #dfe0e5;
    width: 100%;
    padding: 10px 15px;
    line-height: 21px;
    font-size: 13px;
    color: black;
    transition: all .4s;
    background-color: transparent;
}
.width_100{
	width:100% !important;
}
.float_left{
    float: left;
} 
.width_50{
	width: 50%;
}
.float_right {
    float: right;
}
.content_btn_form{
    display: flex;
    float: right;
}
.content_btn{
	font-size: 14px;
    padding: 10px 20px;
    color: white;
    background: var(--project-primary);
    border: transparent;
    border-radius: 4px;
	cursor: pointer;

}
.content_btn:hover{
	color:white !important;
	opacity: .7;
}
.swap_ccl_logo{
    width: 30px;
    height: 30px;
}
.swap_ccl_input{
    position: relative;
}
.swap_ccl_input_detail{
    position: absolute;
    right: 20%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bg_ccl_input{
    background: #f7f7f7;
    color: black;
}
.main_title02{
    margin-left: 2%;
    margin-top: 1%;
}

.swap_logo{
	background: url('../../resources/image/logo/ether_logo.png') no-repeat 95% 50%;
}
.swap_ccl_input_detail span{
	font-weight: bold;
}
.file_input_left{
	width: 49% !important;
    float: left;
    margin-right: 1%;
}
.file_input_right{
	width: 49% !important;
    margin-left: 1%;

}
/* main e*/

/* balance s */


.balance_side_nav_form{
/*     padding: 30px 30px; */
    min-height: 750px;
    background: white;
}
.balance_coin_KRW{
	font-size: 13px;
    color: black;
    font-weight: bold;
}
.balance_form_left{
	float: left;
    width: 600px;
}
.balance_form_right{
    float: right;
    width: 620px;
	background-color: white;
    font-size: 13px;
    color: black;
}
.balance_list_table{
    width: 100%;
}
.balance_list_table th{
    text-align: center;
    font-size: 11px;
    background: white;
    border-top: 1px solid #d4d6dc;
    padding: 6px 0;
    color:#666;
}
.balance_td01_div:hover{
	text-decoration: underline;
	cursor: pointer;
}
.balance_list_table tbody tr{
	background: white;
    border-bottom: 1px solid #eeeef5;
    border-top: 1px solid #eeeef5;
    font-size: 13px;
/*     cursor: pointer; */
}
.balance_list_table tbody tr:hover{
    background-color: #f6f8f4;
}

.depoWith_list_table tbody tr{
	background: white;
    border-bottom: 1px solid #eeeef5;
/*     border-top: 1px solid #eeeef5; */
    font-size: 13px;
/*     cursor: pointer; */
}

.balance_list_table tbody tr td{
    height: 60px;
}

.depoWith_list_table tbody tr td{
    height: 60px;
    text-align: center;
    color: black;
}

.balance_logo_img{
    width: 30px;
    height: auto;
	float: left;
    margin-right: 10px;
}
.balance_td01{
    display: flex;
    align-items: center;
	padding-left: 34px;
    border-right: 1px solid #eeeef5;
}

.balance_td02{
    border-right: 1px solid #eeeef5;
	font-size: 12px;
	text-align: right;
    padding-right: 13px;
}
.balance_td03{
    font-size: 10px;
    text-align: center;
    color: #3736FF;
    font-weight: 600;
}
.balance_coin_name{
	font-weight: bold;
    color: black;
	font-size: 12px;
}

.balance_coin_symbol{
    font-size: 11px;
    margin-left: 5px;
    color: #666;
}
.balance_coin_amount{
	font-size: 13px;
    color: black;
    font-weight: bold;
}
.balance_list_table tbody .on{
	background-color: #f6f8f4;
}
.color_red{
	color:#d60000 !important;
}
.color_blue{
	color:#3736FF !important;
}
.balance_form_right_frame{
    padding: 30px 60px;
    min-height: 750px;
}
.balance_div01{
	border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
/* 	padding-left: 20px; */
}
.balance_div02{
    display: flex;
    padding: 20px 0;
	background: #fbfbfc;
	position: relative;
}
.balance_div02_text01{
	padding-left: 20px;
}
.balance_div02_left{
    float: left;
    width: 20%;
    display: flex;
    align-items: center;
}
.balance_div02_right{
	display: flex;
    align-items: center;
    justify-content: flex-end;
	width: 100%;
    float: right;
}
.balance_div02_text01{
/*     height: 100%; */
/*     display: flex; */
/*     align-items: center; */
	font-size: 13px;
    font-weight: bold;
/*   justify-content: center; */
}
.balance_div02_text02{
	font-size: 17px;
    font-weight: bold;
    margin-right: 8px;
}
.balance_div02_text03{
	padding-right: 20px;
/*     float: right; */
/*     position: absolute; */
/*     right: 0; */
/*     bottom: 0; */
}
.balance_div03 .nav-tabs li{
	width: 33%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 11px 0;
    color: black;
}
.nav-tabs{
    border-top: 1px solid #dee2e6;
}
.balance_div03 .nav-tabs li a{
    color: black !important;
    border-bottom: 0px !important;
}

.balance_div03 .nav-tabs .active{
	color:var(--project-primary) !important;
	border-bottom: 3px solid var(--project-primary);
}
.arrow_green_img{
	width: 10px;
	margin-right: 7px;
}
.tab-pane{
	padding: 0px !important;
}
.deposit_div01{
	text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #f1f1f4;
    font-size: 12px;
    font-weight: bold;
}
.deposit_div02{
	padding: 27px 20px;
}
.deposit_div02_address_input{
	padding: 10px;
    width: 88%;
    background: whitesmoke;
    border: 1px solid #dfe0e5;
	font-size: 12px;
    border-radius: 2px 0 0 2px;
}

.deposit_div02_address_form a{
    padding: 10px;
    float: right;
    width: 12%;
    background: #f9fafc;
    border: 1px solid #dfe0e5;
    color: black;
    font-weight: bold;
    text-align: center;
	font-size: 12px;
    border-radius: 0 2px 2px 0;
}
.deposit_div02_text{
	font-size: 13px;
    color: #666;
    padding-bottom: 7px;
}
.deposit_div02_text02{
    margin-top: 27px;
    margin-bottom: 15px;
    color: #666;
}
.deposit_div02_qrcode_form{
	display: flex;
    align-items: center;
    justify-content: center;
}
.deposit_div03{
    border-top: 1px solid #f1f1f4;
    padding: 10px 20px;
}
.deposit_div03_text01{
    color: red;
    font-weight: bold;
}
.balance_div03 .nav-tabs li a:hover{
	text-decoration: underline;
}
.withdraw_div01{
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #f1f1f4;
    display: flow-root;
}
.withdraw_div01_text01{
	float: left;
	padding-left: 20px;
}
.withdraw_div01_text02{
	float: right;
	padding-right: 20px;
}
.withdraw_div02{
	padding: 20px 0;
	border-bottom: 1px solid #f1f1f4;
}
.withdraw_div02_form01{
	display: flex;
    padding: 0 20px;
/*     margin-top: 30px; */
}
.withdraw_div02_text01{
    float: left;
    width: 18%;
    display: flex;
    align-items: center;
}
.withdraw_div02_text02{
    float: right;
    width: 100%;
	display: flex;
}
.withdraw_div02_address_input{
    padding: 10px;
    width: 80%;
    border: 1px solid #dfe0e5;
    font-size: 11px;
    border: 1px solid #dfe0e5;
    border-radius: 2px 0 0 2px;
	float: left;
}
.withdraw_div02_text02 a{
	background: whitesmoke;
    border: 1px solid #dfe0e5;
    /* padding: 10px; */
    width: 20%;
    float: right;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    font-weight: bold;
    border-radius: 0 2px 2px 0;
}
.withdraw_div01_text02 .amount{
    font-weight: bold;
    font-size: 14px;
}
.withdraw_div02_form02{
    display: flex;
    padding: 0 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.withdraw_div02_address_input{
    padding: 10px;
    width: 100%;
    border: 1px solid #dfe0e5;
    font-size: 12px;
    border-radius: 2px;
}
.withdraw_div02_form03_text{
    padding-left: 18%;
    width: 100%;
    padding-right: 20px;
    display: flex;
}
.withdraw_div02_text03_btn{
	padding: 7px;
    border: 1px solid;
    border: 1px solid #dfe0e5;
    width: 100%;
    color: black;
    font-size: 12px;
    text-align: center;
    margin-left: 6px;
    border-radius: 2px;
}
.withdraw_div02_form03_text .first_btn{
    margin-left: 0;
}
.withdraw_div03{
    padding: 20px 0;
	border-bottom: 1px solid #f1f1f4;
}
.withdraw_div03_form01{
	display: flex;
    padding: 0 20px;
    margin-bottom: 10px;
}
.withdraw_div03_form01_text01{
    float: left;
    width: 18%;
    display: flex;
    align-items: center;
}
.withdraw_div03_form01_text02{
    width: 100%;
    text-align: right;
    display: flex;
}
.fee_radio_label{
/*     padding: 7px; */
    border: 1px solid;
    border: 1px solid #dfe0e5;
    width: 100%;
    color: black;
    font-size: 12px;
    text-align: center;
/*     margin-left: 6px; */
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 0px;
}
.withdraw_div03_form02{
	display: flex;
    padding: 0 20px;
/*     margin-bottom: 10px; */
}
.withdraw_div03_form02_text01{
    float: left;
    width: 38%;
    display: flex;
    align-items: center;
}
.withdraw_div03_form02_text02{
	width: 82%;
    text-align: right;
}
.withdraw_div03_form02_text02 .amount{
    color: blue;
    font-weight: bold;
}
.withdraw_div02_text03_btn:hover,.withdraw_div02_text03_btn:active{
	color: white;
    background: #3359A8;
    font-weight: bold;
}
.withdraw_div03_form01_02{
    padding: 0 20px;
    text-align: right;
    width:100%
}
.withdraw_div04{
    padding: 20px 0;
    border-bottom: 1px solid #f1f1f4;
    
}
.withdraw_div04_text01{
	color: red;
    font-weight: bold;
}
.withdraw_div05{
	padding: 20px 0;
}
.withdraw_div05_btn{
	width: 100%;
    display: block;
    padding: 10px 0;
    text-align: center;
    background: var(--project-primary);
    color: white;
    border-radius: 2px;
}
.withdraw_div05_btn:hover{
	opacity: .7;
	color: white;
}
.withdraw_div02_form03_text .selected{
	color: white;
    background: #3359A8;
    font-weight: bold;
}
.fee02_text02{
	text-align: left;
	padding-left: 15%;

	}
/* balance  */


/* point s */
.point_img_form{
    text-align: center;
    width: 65%;
    margin:0 auto;
}
.point_img{
    width: 100%;
}
.point_text_form{
    text-align: center;
    width: 65%;
    margin: 0 auto;
	padding: 30px 0;
}
.point_text01{
/* 	display: flex; */
/* 	height: 41px; */

	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 41px;

}
.point_text01_first{
/*     float: left; */
/*     width: 30%; */
/*     text-align: left; */
/*     text-align: right; */
/*     display: flex; */
/*     align-items: center; */

	position: absolute;
    left: 0;
}
.point_text01_sec{

/*     display: flex; */
/*     align-items: center; */
/*     justify-content: center; */
/*     text-align: right; */
/*     float: right; */
/*     width: 70%; */
/*     text-align: right; */
/*     position: relative; */
}
.after_point{
	color: blue;
    font-weight: bold;
}
.point_text01_thir{
	position: absolute;
    right: 0;
}
.newccl_point_name{
    position: absolute;
    right: 0;
}
.newccl_point{
    font-weight: bold;
    font-size: 14px;
}
.point_text02{
	display: flex;
}
.point_input{
    padding: 10px;
    width: 260px;
    border: 1px solid #dfe0e5;
    font-size: 12px;
    border-radius: 2px;
    text-align: right;
}
.point_arrow{
    padding: 15px 0;
}
/* point e  */



/* help s */
.accordion-title.collapsed{
    color: black !important;
	font-weight: bold;
}
.accordion-title:hover{
	color: #3359A8 !important;
}
.accordion-title{
    color: black !important;
	font-weight: bold;
}
.current .accordion-title {
	color: var(--project-primary) !important;
	font-weight: bold;
}
.current .accordion-icon:before, .current .accordion-icon:after{
	color: var(--project-primary) !important;
}

.contact_board_table{
    width: 100%;
}
.contact_board_thead{
    width: 100%;
    /* display: flex; */
    /* align-items: center; */
    color: #333;
    border-bottom: 1px solid var(--project-primary);
}
.contact_board_thead tr th{
	height: 45px;
    font-size: 14px;
    text-align: center;
}

.contact_board_tbody tr{
	border-bottom: 1px solid #f2f2f2;
}
.contact_board_tbody tr td{
    color: #000;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    height: 45px;
}

.notice_detail_link{
    color:black !important;
}
.notice_detail_link:hover{
/*     text-decoration: underline;*/
    color:black !important;
}
.board_detail_title{
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 2px;
}
.board_detail_sub_title{
    display: flex;
    color: #7c7c7c;
    font-size: 12px;
}
.board_detail_sub_title .text01{
    margin-right: 10px;
}
.board_detail_sub_title .text02{
    margin-right: 5px;
}
.board_detail_content{
	margin: 40px 0;
}
.board_btn{
	width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 3px;
    border: 1px solid #d4d4d4;
    color: var(--project-primary);
    font-size: 14px;
    font-weight: bold;
}
.board_btn:hover{
	background: var(--project-primary);
	color:white;
}
.board_btn_form{
    width: 20%;
    float: right;
}
/* help  */

/* mypage s */
.pwdChange_input{
    border-radius: 6px;
    border: 1px solid #dfe0e5;
    width: 100%;
    padding: 10px 15px;
    line-height: 21px;
    font-size: 13px;
    color: #305082;
    transition: all .4s;
/*     background-color: transparent; */
	
}
.pwdChange_input_form{
	margin-bottom:10px;
}
.pwdChange_form{
    width: 60%;
    margin: 0 auto;
}
.userOut_img_form{
	text-align: center;
}
.userOut_img{
	width: 150px;
}
.userOut_text01{
	font-size: 21px;
    text-align: center;
    margin-top: 5%;
    color: #3359A8;
    font-weight: bold;
}
.userOut_text02{
	text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.userOut_btn_form{
    text-align: center;
    margin-top: 8%;
}
.contact_board_tbody .detail_link{
	color:black !important;
	
}
.contact_board_tbody .detail_link:hover{
	color:black !important;
	text-decoration: underline;
}
.mfp-close{
    cursor: pointer !important;
    top: -15px !important;
    right: -15px !important;
    height: 36px !important;
    width: 36px !important;
    line-height: 37px !important;
    padding: 0 !important;
    text-align: center !important;
    z-index: 9999 !important;
    border-radius: 50% !important;
    color: #305082 !important;
    opacity: 1 !important;
    background: #fff !important;
    box-shadow: 0px 2px 7px 0px rgba(48, 80, 130, 0.2) !important;
    transition: all .4s;
}
.mfp-img{
	max-height: 900px !important;
}
.swap_img_form{
    border-bottom: 1px solid #dfe0e5;
    padding: 4% 0;
}
.balance_side_nav_text_form_right{
	width: 80%;
    float: right;
    text-align: right;
    position: relative;
    padding-right: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.balance_side_nav_text_form_right .text{
	font-size: 11px;
}
.balance_side_nav_text_form_left{
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.balance_side_nav_text_form_left .text{
	padding-left: 34px;
    font-weight: bold;
    font-size: 13px;
}
.balance_side_nav_text_form{
    display: flex;
    padding: 27px 0;
    background: WHITE;
}
.balance_side_nav_text_form_right .cost{
    color: #d60000;
    font-size: 19px;
    font-weight: bold;
    padding-right: 10px;
}

.balance_td02_left{
	float: left;
    width: 85%;
}
.balance_td02_right{
	float: right;
    width: 15%;
	display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
}
.balance_td02_right .refresh{
	width: 50%;
}
.depoWith_div01{
	text-align: left;
	padding: 20px 0;
    border-bottom: 1px solid #f1f1f4;
    font-size: 12px;
    font-weight: bold;
}
.depoWith_div01_title{
	font-size:13px;
	font-weight:bold;
	padding-left: 20px;
}
.depoWith_div02{
/*     padding: 20px 0; */
    border-bottom: 1px solid #f1f1f4;
}
.depoWith_list_table .depoWith_DW{
    padding-left: 20px;
    font-size: 12px;
    text-align: left !important;
    font-weight: bold;
}
.depoWith_list_table .timeStamp{
/*     padding-right: 20px; */
    text-align: center;
    font-size: 12px;
    width: 120px;
}
.depoWith_list_table .title{
	text-align: center;
	font-size: 13px;
}
.depoWith_list_table .depoWith_status{
	font-size: 12px;
}
.board_nothing, .deposit_nothing{
	border-bottom: transparent !important;
}
.withdraw_div02_form02 .withdraw_div02_address_input{
	text-align: right;
}

.fee_radio_label input[type="radio"]:checked + div{
    background: var(--project-primary);
    color:#fff;
}

.fee_radio_label input[type="radio"] + div{
    padding: 7px;
/*     border: 1px solid; */
/*     border: 1px solid #dfe0e5; */
    width: 100%;
    color: black;
    font-size: 12px;
    text-align: center;
    /* margin-left: 6px; */
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 0px;
}
.paging_form{
    text-align: center;
    margin-top: 3%;
}
.pageCurrent{
    color: white !important;
    background: var(--project-primary) !important;
    font-size: 13px;
    border: 1px solid var(--project-primary) !important;
}
.paging_form a{
	color:black ;
    margin: 0 4px;
    border: 1px solid #c1c1c1;
    line-height: 28px;
    color: #2b2b2b;
    text-decoration: none;
    padding: 3px 8px;
}
.paging_form a:hover{
/*     font-weight: bold; */
}
.board_detail_content p{
	font-size:15px;
}

.board_write_btn_form{
	text-align: right;
    margin-top: 20px;
}
.board_write_btn{
	font-size: 12px;
}
.note-editor{
    border: 1px solid #dfe0e5 !important;
}
.write_form01{
    display: flex;
}
.write_form01 .text_form2{
    display: flex;
    align-items: center;
    /* justify-content: center; */
    width: 8%;
}
.write_form01 .input_form{
	width: 50%;
}
.write_form01 .chk_form{
	width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.write_form01 .chk_form .text{
	margin-left:3px;
}
.write_form01 .input_form input{
    border-radius: 6px;
    border: 1px solid #dfe0e5;
    width: 100%;
    padding: 8px 10px;
    line-height: 21px;
    font-size: 13px;
    color: #305082;
    transition: all .4s;
}
.write_form02{
	display: flex;
    width: 100%;
    margin-top: 2%;
}
.write_form02 .text_form2{
	width: 8%;
    display: flex;
    align-items: center;
}
.write_form02 .input_form{
	width: 92%;
}
.write_content{
    width: 100%;
    height: 350px;
    border: 1px solid #dfe0e5 !important;
    padding: 8px 10px;
}
.lock_color{
	width: 14px;
    margin-left: 6px;
}
.table_title{
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 500PX;
}
.lock_color_detail{
    width: 18px;
    margin-left: 2px;
}
.write_detail_title{
    display: flex;
    align-items: center;
}
.write_title_td{
	display: flex;
    align-items: center;
   	padding-left: 4%;
}
.table_indent{
	margin-left:20px;
}
.reply_img{
    width: 23px;
    margin-right: 6px;
}

.withdraw_div02_text03_btn:visited{
	color:white !important;
}
.withdraw_div02_text03_btn:active{
	color:white !important;
}
.withdraw_div02_text03_btn:focus{
	color:white !important;
}
.refresh_img{
	width:40%;
}
.balance_td04{
    border-right: 1px solid #eeeef5;
}
.notice_fix_tr{
    background: #f7fcf7;
}
.notice_fix_tr td{
    font-weight: bold !important;
}
.fix_no{
    background: #fff8f0;
    border: 1px solid #FCB96A;
    color: #3359A8;
    padding: 2%;
    border-radius: 4px;
    width: 50%;
    margin: 0 auto;
    font-size: 10px;
}
/* mypage e*/



/* footer s */

.footer_frame{
	padding-bottom: 40px !important;
	padding-top: 40px !important;
	text-align: center;
    min-width: 1300px;
/*     position: absolute; */
/*     bottom: 0px; */
    width: 100%;
    background: white;
}
.footer_Img02{
    width: 60px;
    margin-bottom: 1.5%;
}

/* footer e */
.nav-border .nav-item.show .nav-link, .nav-border .nav-link.active {
    color: var(--project-primary) !important;
    border-bottom: 3px solid var(--project-primary) !important;

}

.btn-sns {
    color: #fff !important;
    border-radius: unset !important;
    border-color: #fff !important;
    background-color: #bcc3ff !important;
}