./***********common****************/
*{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
}
p,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
a{
	text-decoration: none;
}
.container{
	width:600px;
	margin:0 auto;
}
h2{
	text-align: center;
}

/***************common end******************/
.form_div{
	width:90%;
	margin:20px auto;
	overflow: hidden;
}
.signup .container{
	background:url(../images/mainbg3.jpg);
	height:100%;
	min-height:100vh;
	max-height:auto;
	background-size: 100%;
}
.signup table tr td:first-of-type{
	padding:5px;
}
.signup h2{
	color:white;
}
.signup h3{
	width:90%;
	margin:0 auto;
	color:white;
}
.signup h5{
	margin-bottom:5px;
	color:white;
}
.signup p{
	color:white;
}
.signup label{
	color:white;
}
.signup .form_div select{
	width:100%;
	display:block;
	height:30px;
	border-radius:5px;
	background:white;
	color:black;
}

.signup .form_div option{
}
.signup .form_div input[type="text"]{
	width:100%;
	border-radius:5px;
	height:30px;
	display:inline-block;
	border:1px solid #A9A9A9;
	box-sizing: border-box;
	background:rgba(0,0,0,.5);
	color:white;
}
.signup .form_div input[type="password"]{
	width:100%;
	border-radius:5px;
	height:30px;
	display:inline-block;
	border:1px solid #A9A9A9;
	box-sizing: border-box;
	background:rgba(0,0,0,.5);
	color:white;
}
.signup input::placeholder{
	color:#ccc;
	padding-left:10px;
}
.signup .form_id input{
	display:inline-block;
	width:65%!important;
	border-radius:5px;
	height:30px;
	outline: none;
	background:none;
	color:white;
}
.signup button{
	width:30%;
	background:#7FB517;
	color:white;
	height:30px;
	border:none;
	outline: none;
	border-radius:5px;
	float:right;

}
.border_color input{
	border:1px solid #E8F836!important;
}
.border_color h5{
	color:#E8F836!important;
}
.form_tel input{
	float:left;
}
.form_tel input[type="text"]:nth-of-type(1){
	width:15%!important;
	text-align: center;
}
.form_tel input[type="text"]:nth-of-type(2){
	width:45%!important;
	margin-left:5%
}
.form_tel button{
	background:#11F2F5;
}
.authNumber input{
	width:65%!important;
}
.authNumber button{
	background:#11F2F5;
	
}
.form_email span{
	width:5%;
	line-height: 30px;
	text-align: center;
	float:left;
}
.form_email{
	position:relative;
	overflow:inherit;
	height:65px;
}

.form_email input{
	float:left;
}
.form_email input:nth-of-type(1){
	width:30%!important;
}
.form_email input:nth-of-type(2){
	width:30%!important;
}
.recommend input{
	width:65%!important;
}
.agree{
	margin:20px auto;
}
.agree p{
	text-align: left;
	font-size:13px;
}
.agree table tr td{
	font-size:12px;
}
.signup .submit{
	text-align: center;
}
.signup .submit input{
	width:40%!important;
	display:inline-block;
	background:#7FB517;
	border:none;
	color:white;
	outline: none;
	height:30px;
	border-radius:5px;
	font-size:15px;
}
/****************** 장진호 작업 시작 *****************/

.clear::after {
    content:'';
    display:block;
    clear:both;
}

.head_warp{
	/* background:url(/images/main_bg.png)no-repeat center center; */
	/* padding: 10px 0 0; */
	/* background-size: 100% 100%; */
	/* background-position: 0 -60px; */
	/* height: 100vh; */
	position: relative;
}
.header_img{
	position: absolute;
	top: 0;
	left: 0;
	max-width: 600px;
	width: 100%;
	height: 245px;
	z-index: -1;
}
.header_img img{
	width: 100%;
	height: 100%;
}
#header_warp{
	width:100%;
	padding: 10px 10px 0;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}
#header_warp > div {
	float: left;
	box-sizing: border-box;
}
.country {
	width: 25%;
	padding:10px 0;
	text-align: center;
}
.country img{
	width:45px;
	display: block;
	margin: 0 auto;
}
.country a {
	display: block;
	width: 100%;
}
.country p {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: white;
	border: 2px solid #49C1F0;
	border-radius: 10px;
	background: black;
	margin-top: 15px;
	padding: 0 2px;
}
.log_out{
	display: inline-block;
	float: right;
	padding: 15px 15px 0 0;
}
.log_out a{
	/* float:right; */
	width:80px;
	height:20px;
	line-height: 20px;
	text-align: center;
	margin-top:5px;
	border-radius: 5px;
	font-size:13px;
	color:#F097BE;
	margin-right:5px;
	font-weight: bold;
}
.log_out a img{
	height:18px;
	vertical-align: -2px;
}
.user {
		width:75%;
    padding-top:5px;
		padding-left: 10px;
		position: relative;
}
.user .user_name {
    width: 100%;
    overflow: hidden;
	margin-top:5px;
}
.user .user_name img{
	width:18px;
}
.user .user_name > p {
    display: block;
    float: left;
	
}
.user p{
	color:black;
	font-size:16px;
	font-weight:600;
}
.user span{
	color:white;
	font-size:13px;
	font-weight:600;
}
.user .user_name > p:first-child{
		margin-right: 15px;
		color: white;
}
.user_name span{
	float:right;
}


/* 친구초대 추가  */
.user_uid {
	width: 100%;
}
.friend_a {
	position:absolute;
	right: 15px;
	bottom: 5px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: white;
	border: 2px solid #49C1F0;
	border-radius: 10px;
	background: black;
	padding: 0 6px;
	cursor:pointer
}

/* 친구초대 추가  */

.dpay_gold_box {
	width: 80%;
	margin: 0 auto;
		padding: 20px 2.5%;
		background: white;
		border-radius: 15px;
		box-shadow: 2px 2px 5px rgb(45, 74, 121);
		margin-bottom: 15px;
}
.dpay_gold_box p{
	color:#333;
	width:100%;
}
.my_wallet_ap {
	width: 100%;
	margin-bottom: 15px;
	float: none!important;
}
.dpay_gold_box .gold p {
	width:100%;
}
.dpay_gold_box > div:nth-of-type(2) {
    width: 50%;
    float: left;
    text-align: right;
		border-right:2px solid #49C1F0;
		box-sizing: border-box;
		height:80px;
}

.dgb_inner {
	overflow: hidden;
	box-sizing: border-box;
	padding: 5px 0;
}
.dgb_inner > div {
	float: left;
}
.gold p {
	text-align: left;
	padding-left: 10px;
}
.gold p:first-child {
	font-size: 15px;
	font-weight: bold;
}
.gold p:nth-child(2) {
	font-size: 17px;
	color: #F19EC2!important;
	font-weight: bold;;
}
.dgb_img {
	width: 25%;
}
.dgb_img img{
	width: 100%;
	display: block;
	margin: 0 auto;
}
.dgb_inner .gold{
	width: 100%;
}
.dpay_gold_box > div:nth-of-type(1) span{
	margin-right:10%;
	font-size:13px;
	font-weight:1000;
	display: inline-block;
}
.dpay_gold_box > div:nth-of-type(1) a{
	display:inline-block;
	width:100%;
	text-align: center;
	height:20px;
	line-height: 20px;
	font-size:15px;
}
.dpay_gold_box > div:nth-of-type(1) a img{
	width:60px;
	height:20px;
}
.dpay_gold_box > div:nth-of-type(1) a:nth-of-type(2){
	margin-right:10%;
}
.dpay_gold_box > div:nth-of-type(2) {
    width: 50%;
    float: left;
    text-align: center;
		height:100%;
		height:50px;
}
.dpay_gold_box .gold a{
	display:block;
	height:20px;
	color:white;
	border-radius:5px;
	padding:0 2px;
	font-size:14px;
	width:120px;
	margin:0 auto;
}
.dpay_gold_box .gold button{
	display:block;
	height:20px;
	color:white;
	border-radius:5px;
	padding:0 2px;
	font-size:14px;
	width:120px;
	margin:0 auto;
	border:none;
	outline: none;
	cursor:pointer;
}
.dpay_gold_box .gold a img{
	height:20px;
}
.account_price {
	width: 100%;
	/* background: url(/images/package/package_box_bg.png) no-repeat center center;
	background-size: 100% 100%; */
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto;
}
.account_price div a{
	display:block;
	height:100%;
	cursor: default;
}
.account_price > div{
	width: 50%;
	float: left;
	text-align: center;
	box-sizing: border-box;
	border-left:none;
	border-right:none;
	height: 70px;
}
.account_price > div:nth-of-type(1),
.account_price > div:nth-of-type(3){
	border-right:1px solid #49c1f0;
}
/* .account_price > div:nth-of-type(3),
.account_price > div:nth-of-type(6){
	border-left:1px solid #49c1f0;
} */
.account_price > div:last-child{
    border-right: none;
}

.account_price div a > p {
    margin: 5px 0;
}
.account_price div a > p{
		color: #F097BE;
		font-weight: bold;
		font-size: 18px;
}
.font_ellipsis{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.eth_point{
    color: white;
    font-weight: bold;
    font-size: 16px;
}
.change {
  width: 100%;
	/* background:url(/images/main_footer.jpg); */
	padding-bottom:20px;
}
.change_icon {
    width: 95%;
		margin:0 auto;
		overflow: hidden;
}
.change_icon:nth-of-type(2) p, .change_icon:nth-of-type(3) p,.change_icon:nth-of-type(4) p{
	color:color;
	font-size:18px;
	font-weight:700;
}
.change_icon > div {
  float: left;
	height:100px;
  width: 32%;
  text-align: center;
	background:#83C7F6;
	box-sizing: border-box;
	padding-top:10px;
	border-radius:5px;
	margin-top:5%;
}
.change_icon{
	padding-bottom:5%;
}

.change_icon > div:nth-of-type(2){
	margin:5% 1.7% 0;
}

.change_icon div{
	width: 32%;
	height: 100px;
	background: #F9A61A;
	box-shadow: 2px 2px 3px #333;
}

.change_icon:nth-of-type(1) div p{
	color:white;
	font-size:18px;
	font-weight: bold;
}
.change_icon div p{
	color:white;
	font-weight: bold;
	text-shadow: 2px 4px 3px black;
	-webkit-text-shadow: 2px 4px 3px black;
}
.change_icon img{
	width:45px;
}
#footer_warp {
    background-color: #E0E0E0;
    padding: 20px 2.5%;
    overflow: hidden;
    box-sizing: border-box;
}
.my_account {
    width: 100%;
}
.address {
	background:#E0E0E0;
	height:100px;
	padding:10px;
}
.address p{
	word-wrap: break-word;
	font-size:14px;
	margin-bottom:15px;
}
.address button{
	color:white;
	background:#5E5E5E;
	width:80px;
	height:25px;
	border:none;
	outline: none;
	border-radius:5px;
	margin-right:5px;
}
.popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
}
.popup img{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width:300px;
}
/**************largemoney****************/
.back{
	height:40px;
	background:#7FB517;
	position:relative;
}
.back a{
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	height:40px;
	width:30px;
	line-height: 40px;
	padding-left:10px;
	font-size:25px;
	font-weight:700;
	color:white;
}
.back h2{
	text-align: center;
	line-height: 40px;
	color:white;
	font-size:22px;
}
.largemoney .container{
	background:#C8D2EB;
	height:100vh;
}
.largemoney_box h2{
	width:90%;
	margin:30px auto 0;
	text-align: center;
}
.largemoney_box_top{
	width:90%;
	margin:30px auto;
	height:80px;
	line-height:80px;
	background:#9CAACD;
	overflow:hidden;
}
.largemoney_box_top h5{
	float:left;
	margin-left:10px;
	font-size:18px;
}
.largemoney_box_top h4{
	float:right;
	margin-right:10px;
}
.largemoney_box_bottom{
	width:90%;
	margin:0 auto;
}
.largemoney_box_bottom h5{
	margin-bottom:10px;
	margin-top:10px;
  color:#C59C00;
}
.largemoney_box_bottom .largemoney_input{
	overflow:hidden;
}
.largemoney_box_bottom .largemoney_input input{
	width:50%;
	height:25px;
	background:none;
	border-radius:5px;
	border:none;
	outline: none;
	border:2px solid #C59C00;
	color:#C59C00;
	padding-left:10px;
}
.largemoney_box_bottom .largemoney_input input::placeholder{
	
	font-size:12px;
	color:#C59C00;
}
.largemoney_box_bottom .largemoney_input button{
	width:20%;
	float:right;
	height:29px;
	background:#2A85CC;
	border-radius:5px;
	color:white;
	font-weight:600;
	border:none;
	outline: none;
	vertical-align: middle;
}
.largemoney_box_bottom p{
	font-size:12px;
	color:red; 
	margin-top:5px;
}
.popup_th{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
	display:none;
}
.popup_uid{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
	display:none;
}
.popup_th_box1{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:500px;
	text-align: center;
	padding:20px 0;
	display:none;
}
.popup_th_box1 div{
	margin: 10px 0;
}
.popup_th_box1 div button:nth-of-type(1){
	background:#BEBEBE;
	width:40%;
	color:white;
	border:none;
	outline: none;
	border-radius:5px;
	height:30px;
}
.popup_th_box1 div input{
	background:#009A44;
	width:40%;
	color:white;
	border:none;
	outline: none;
	border-radius:5px;
	height:30px;
}
.popup_th_box2{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:500px;
	text-align: center;
	padding:20px 0;
	display:none;
}
.popup_uid_1{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:500px;
	text-align: center;
	padding:20px 0;
	display:none;
}
.popup_th_box2 p:nth-of-type(2){
	margin:10px 0;
}
.popup_th_box2 p:nth-of-type(3){
	font-size:14px;
}
.popup_th_box2 p:nth-of-type(4){
	font-size:14px;
}
.popup_th_box2 button{
	background:#009A44;
	width:40%;
	color:white;
	border:none;
	outline: none;
	border-radius:5px;
	height:30px;
	margin:10px 0;
}
.popup_uid_1 button{
	background:#3498DB;
	width:40%;
	color:white;
	border:none;
	outline: none;
	border-radius:5px;
	height:30px;
	margin:10px 0;
}
.largemoney_box_footer{
	width:90%;
	margin:20px auto;
	overflow:hidden;
}
.largemoney_box_footer small{
	color:#FFD700;
	text-shadow: 1px 1px 2px black;
	font-size: 17px;
}
.largemoney_box_footer img {
	width: 100%;
}
.largemoney_box_footer button{
	background:#D7DADF;
	width:30%;
	color:black;
	font-weight:600;
	border:none;
	outline: none;
	border-radius:5px;
	margin:10px 1.666%;
	float:left;
	padding: 5px 8px;
	box-sizing: border-box;
}
.bener{
	width:100%;
	height:auto;
	background: #2980B9;
	text-align: center;
}
.bener p{
	color:white;
	line-height: 80px;
}

.qrbox{
	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,.5);
}
.qrbox div{
	width:300px;
	background:#EDEDED;
	border-radius:5px;
	padding:20px 0;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.qrbox div button{
	
}
/**************moving********************/
.moving_box{
	margin-top:50px;
}
.moving_left{
	width:90%;
	background:#E0E0E0;
	height:170px;
	margin:0 auto;
	padding:20px 0;
	text-align: center;
}
.moving_left h5{
	font-size:18px;
}
.moving_left h4{
	font-size:20px;
	margin:30px 0 40px;
}
.moving_left input{
	display:block;
	width:80%;
	text-align: right;
	margin:0 auto;
	height:30px;
	border-radius:5px;
	border:none;
	border:1px solid #ccc;
	padding-right:10px;
}
.moving_left input::placeholder{
	padding-right:10px;
}
.moving_center{
	width:20%;
	height:170px;
	padding:20px 0;
}
.moving_center h2{
	line-height: 150px;
}
.moving_right{
	width:40%;
	background:#E0E0E0;
	height:170px;
	padding:20px 0;
}
.moving_right h5{
	font-size:18px;
	margin-bottom:25px;
}
.moving_right p{
	margin-bottom:10px;
	font-size:14px;
}
.moving_right h4{
	font-size:20px;
	margin-bottom: 10px;
}
.moving_right h4:last-of-type{
	color:red;
}
.moving_btn{
	width:100%;
	text-align: center;
}
.moving_btn input{
	width:100px;
	height:30px;
	color:white;
	border-radius:5px;
	background:#3498DB;
	border:none;
	outline: none;
	margin-top:50px;
}
.moving_popup{
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
	position:fixed;
	top:0;
	left:0;
	display:none;
}
.moving_popup div{
	position:absolute;
	top:50%;
	left:50%;
	width:550px;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	text-align: center;
	padding:10px 0;
}
.moving_popup div h5{
	margin:10px 0 20px;
}
.moving_popup div p:nth-of-type(1){
	margin-bottom:20px;
}
.moving_popup div p:nth-of-type(2),
.moving_popup div p:nth-of-type(3){
	font-size:14px;
}
.moving_popup div p:nth-of-type(3){
	margin-bottom:20px;
}
.moving_popup div button{
	width:80%;
	height:30px;
	color:white;
	background:#3498DB;
	border:none;
	border-radius:5px;
	outline: none;
}
/***************dgchange*******************/
.dgchange_box{
	width:90%;
	margin:0 auto;
}
.dgchange_box a{
	display:block;
	width:100%;
	height:50px;
	text-align: center;
	color:white;
	background:linear-gradient(#F9A61A,#7FB517);
	line-height: 50px;
	border-radius: 5px;
	margin:20px 0;
	font-size:16px;
	font-weight:700;
}
.dgchange_img{
	margin:30px 0;
	text-align: center;
}
.dchange .container{
	background:#231916;
	min-height:100vh;
	max-height:100%;
}
.dchange_box_top{
	width:90%;
	margin:30px auto;
	height:100px;
	background:linear-gradient(#CCA200,#947500);
	overflow:hidden;
}
.dchange_box_top div:nth-of-type(1){
	float:left;
	width:70%;
}
.ceo_p{
	width:90%;
	margin:0 auto 20px;
	color:red;
	font-size:13px;
	
}
.dchange_box_top div:nth-of-type(1) h5{
	padding-left:20px;
}
.dchange_box_top div:nth-of-type(1) h4{
	margin:10px 0;
	padding-left:20px;
	font-size:25px;
}
.dchange_box_top div:nth-of-type(2){
	float:right;
	width:30%;
}
.dchange_box_top div:nth-of-type(2) a{
	color:white;
	width:80px;
	height:30px;
	border-radius:5px;
	text-align: center;
	line-height: 30px;
	background:#3498DB;
	display:block;
	margin:30px auto;
}
.dchange_btn{
	width:100%;
	text-align: center;
	margin-top:10px;
}
.dchange_btn input{
	width:100px;
	background:linear-gradient(#CCA200,#947500);
	color:white;
	height:30px;
	border:none;
	outline: none;
	border-radius:5px;
}
.dchange_popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
	display:none;
}
.dchange_popup div{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width:550px;
	margin:0 auto;
	background:#EDEDED;
	border-radius:5px;
	padding:20px 0;
	text-align: center;
}
.dchange_popup div img{
	width:40px;
}
.dchange_popup div h5{
	font-size:20px;
	margin-bottom:20px;
}
.dchange_popup div p{
	font-size:14px;
}
.dchange_popup div button{
	width:80%;
	background:#009A44;
	color:white;
	height:30px;
	border:none;
	outline: none;
	border-radius:5px;
	margin:10px 0;
}
/************history****************/
.history .container{
	
	height:100vh;
}
.history_box{
	width:98%;
	margin:20px auto 10px;
	overflow:hidden;
}
.history_box table{
	border:1px solid #ccc;
	border-collapse: collapse;
}
.history_box table th{
	height:30px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:linear-gradient(#F9A61A,#7FB517);
	color:white;
	font-size:14px;
}
.history_box table th:last-child{
	border-right: none;
	
}
.history_box table td{
	height:30px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.history_box table td:last-child{
	border-right: none;
	text-align: right;
	padding-right: 15px;
}
.history_box table tr:nth-of-type(odd){
	background:#ECECEC;
}
.history_box table tr:nth-of-type(even){
	background:#fff;
}
.history_box .history_left{
	width:30%;
	float:left;
	font-size:12px;
	overflow:auto;
	height: 250px;
}
.history_box .history_left table{
	width:100%;
}

.history_box .history_right{
	width:70%;
	float:left;
	overflow:auto;
}
.history_box .history_right table{
	width:700px;
	
}
.package_box{
	width:98%;
	margin:20px auto 10px;
	overflow:hidden;
}
.package_box table{
	border:1px solid #ccc;
	border-collapse: collapse;
}
.package_box table th{
	height:30px;
	border-right: 1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:linear-gradient(#CCA200,#947500);
	color:white;
	font-size:14px;
}
.package_box table th:last-child{
	border-right: none;
}
.package_box table td{
	height:30px;
	border-right: 1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.package_box table td:last-child{
	border-right: none;
}

.package_box table tr:nth-of-type(odd){
	background:#ECECEC;
}
.package_box table tr:nth-of-type(even){
	background:#fff;
}
.package_box .history_left{
	width:30%;
	float:left;
	font-size:12px;
	overflow:auto;
	height: 250px;
}
.package_box .history_left table{
	width:100%;
}

.package_box .history_right{

}
.package_box .history_right table{
	width:100%;
	text-align: center;
}
.number{
	width:100%;
	text-align: center;
	margin:10px 0;
}
.number a{
	padding:3px;
	color:white;
}
.number a b{
	font-weight:700;
	color:#cfa500;
}
.bener img{
  background-size: cover;
  width: 100%;
  display: block; 
}
/************coinlist***************/
.save_bang{
	width:90%;
	margin:0 auto;
	max-height:200px;
	overflow:auto;
}
.save_bang_1{
	width:90%;
	margin:0 auto;
	height:400px;
	overflow:auto;
}
/***********sign_type*************/
.sign_type div{
	text-align: center;
}
.sign_type h2{
	margin:100px 0 30px;
}
.sign_type div a{
	width:40%;
	height:100px;
	display:inline-block;
	color:white;
	line-height: 100px;
}
.sign_type div a img{
	width:100%;
}
.form_color{
	background:#CEE6F6;
	padding:20px 0;
}
.ok_box{
	width:100%;
	height:80px;
	overflow-y: scroll;
	border:1px solid white;
	border-radius:5px;
	box-sizing: border-box;
}
.ok_box p{
	padding:10px;
}
.check_box{
	margin:10px 0;
}
.check_box span{
	font-size:13px;
}
.form_cp div:nth-of-type(1) input{
	width:30%!important;
}
.form_cp div:nth-of-type(2){
	margin:10px 0;
}
.form_cp div:nth-of-type(3) select{
	width:30%!important;
	display:inline-block;
}
.no_color{
	padding:20px 0;
}
.no_color h3, .form_color h3{
	width:90%;
	margin:0 auto;
}
/***************consume***************/
.consume .form_div{
	overflow:hidden;
}
.consume .form_div input{
	width:65%;
	border-radius:5px;
	border:2px solid black;
	float:left;
	height:40px;
	box-sizing: border-box;
}
.consume .form_div input::placeholder{
	padding-left:10px;
	font-size:13px;
}
.consume .form_div button{
	width:30%;
	float:right;
	border-radius:5px;
	border:1px solid #ccc;
	background:#F2F0F0;
	color:black;
	font-size:15px;
	font-weight:600;
	height:40px;
	border:none;
	outline: none;
}
.consume_top{
	width:310px;
	height:410px;
	margin:0 auto;
	background:url(/images/consume.png);
	background-size:100% 100%;
	padding:30px 0;
	position:relative;
}
.consume_top p{
	position:absolute;
}
.consume_top p:nth-of-type(1){
	top:83px;
	left:50px;
	font-size:13px;
	color:#243C79;
	font-weight:600;
}
.consume_top p:nth-of-type(2){
	right:50px;
	top:195px;
	text-align: left;
	font-size:14px;
	color:#243C79;
	font-weight:600;
}
.consume_top p:nth-of-type(3){
	right:50px;
	top:237px;
	color:#243C79;
	font-size:14px;
	font-weight:600;
}
.consume_top p:nth-of-type(4){
	right:50px;
	top:266px;
	color:#243C79!important;
	font-size:14px;
	font-weight:600;
}
.consume_top h4{
	color:#2980B9;
	text-align: center;
}
.consume_button{
	text-align: center;
	margin:10px 0;
}
.consume_button button{
	width:100px;
	height:30px;
	border:none;
	outline: none;
	background:#3498DB;
	border-radius:5px;
	color:white;
	box-shadow: 1px 1px 2px black;
}
.form_consu{
	width:90%;
	margin:0 auto;
}
.form_consu p{
	width:65%;
	text-align: right;
	color:#0A51A8;
	font-size:13px;
	font-weight:700;
}
.consume_popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
	display:none;
}
.consume_popup_1{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
	display:none;
}
.consume_popup .cs_box{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:550px;
	text-align: center;
	padding:20px 0;
}
.consume_popup_1 .cs_box_1{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:550px;
	text-align: center;
	padding:20px 0;
}
.cs_box_1 h5{
	margin:15px 0;
	font-size:20px;
}
.cs_box_1 button{
	border:none;
	outline: none;
	width:100px;
	height:30px;
	color:white;
	border-radius:5px;
	background:#009944;
}
.cs_box h5{
	margin:10px;
	font-size:20px;
}
.cs_box input{
	width:230px;
	height:30px;
	border:2px solid black;
	border-radius: 5px;
}
.cs_box div{
	text-align: center;
	margin:15px 0;
}
.cs_box div button{
	width:100px;
	height:35px;
	background:#BEBEBE;
	border:none;
	outline: none;
	border-radius:5px;
	color:white;
	font-size:20px;
}
.cs_box div input{
	width:100px!important;
	height:35px;
	background:#009944;
	border:none;
	outline: none;
	border-radius:5px;
	color:white;
	font-size:20px;
}
.consume_box{
	margin-top:30px;
}
#walletadd{
	width:90%;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
	font-size: 12px;
}
/******************mypage*********************/
.save_list .container{
	background:#231916;
	min-height:100vh;
	max-height:100%;
}
.mypage .container{
	background:#1E1F23;
	height:100vh;
}
.mypage h2 img{
	margin:30px 0;
}
.mypage_box{
	width:90%;
	margin:30px auto;
	text-align: center;
	background:#EDEDED;
	padding:20px 0;
	border-radius: 5px;
}
.mypage_box > input{
	width:80%;
	height:30px;
	margin:20px 0;
	border:2px solid black;
	border-radius:5px;
}
.mypage_box > input::placeholder{
	padding-left:10px;
}
.mypage_box div button{
	width:100px;
	height:30px;
	color:white;
	border:none;
	outline: none;
	border-radius:5px;
	background:#BEBEBE;
	font-size:20px;
}
.mypage_box div input{
	width:100px;
	height:30px;
	color:white;
	border:none;
	outline: none;
	border-radius:5px;
	background:#009944;
	font-size:20px;
}
/******************adduser***********************/
.add_user .container{
	background:#231916;
	min-height:100vh;
	max-height:auto;
}
.add_user_box h2{
	margin-top:30px;
	margin-bottom:20px;
	color:#C79F00;

}
.address_box{
	overflow:hidden;
	width:90%;
	margin:0 auto;
}
.address_box div:nth-of-type(1){
	width:70%;
	float:left;
}
.address_box div:nth-of-type(2){
	width:30%;
	float:right;
}
.address_box #walletadd{
	width:80%;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
	font-size:13px;
	font-weight:600;
	height:30px;
	line-height: 30px;
	color:#C79F00;
}
.address_box div:nth-of-type(2) a{
	width:90%;
	display:block;
	margin:0 auto;
	height:30px;
	line-height: 30px;
	border-radius:5px;
	background:linear-gradient(#cfa500,#8c6e00);
	font-weight:600;
	color:white;
	text-align: center;
}
.add_user_qr h2{
	
}
/***************coinlist*****************/
.exchange_box{
	text-align: center;
	margin-top:50px;
}
.exchange_box span{
	background:white;
	display:inline-block;
	margin-bottom:10px;
}
.exchange_box span img{
	width:200px;
	padding:10px;
}
.exchange_box img{
	width:150px;
	cursor:pointer;
}
.exchange_box p{
	font-weight: 600;
}
.exchange_box p img{
	width:40px;
	vertical-align: middle;
}
.exchange_box div a{
	width:150px;
	height:40px;
	border-radius:5px;
	background:linear-gradient(#cfa500,#8c6e00);
	text-align: center;
	line-height: 40px;
	display:block;
	margin:30px auto 0;
	color:white;
	box-shadow: 1px 1px 2px black;
}
/************help****************/
.help .container{
	min-height:100vh;
	max-height: auto;
	padding-bottom:30px;
}
.help_box{
	margin-top:5px;
}
.help_top{
	width:90%;
	margin:0 auto 10px;
}
.help_top a{
	height:20px;
	line-height:15px;
	padding:2px 5px;
	font-size:14px;
	color:white;
	display:inline-block;
	box-sizing: border-box;
	text-align: center;
	background:#A0A0A0;
	border-radius:5px;
	margin-bottom:5px;
}
.help_top a.active{
	background:linear-gradient(#F5B417,#7FB517);
	border-radius:5px;
}
.help_contents{
	display:none;
}

.help_bottom{
	width:90%;
	margin:0 auto;
}
.help_bottom table{
	width:100%;
	border-collapse: collapse;
}
.help_bottom table th{
	background:linear-gradient(#F5B417,#7FB517);
	font-size:14px;
	height:30px;
	color:white;
}
.help_bottom table tr td{
	border-bottom:2px solid #E0E0E0;
	
}
.help_bottom table .help_title{
	height:30px;
	text-align: center;
	background:#E7E7E7;
	font-size:14px;
	font-weight:700;
}
.help_title td:nth-of-type(2){
	text-align: left;
}
.help_bottom table .help_contents{
	min-height:40px;
	background:#fff;
}
.help_bottom table .help_contents p{
	padding:10px;
	word-wrap: break-word;
	font-size:14px;
}
/****************list*********************/
.save_box p{
	text-align: center;
	margin:15px 0;
	font-weight:700;
}
.save_box table{
	width:90%;
	margin:0 auto;
	border-collapse: collapse;
}
.save_box table th{
	background:linear-gradient(#cfa500,#8c6e00);
	color:white;
	height:30px;
}
.save_box table tr{
	border-bottom:2px solid #ccc;
}
.save_box table tr:nth-of-type(odd){
	background:#ECECEC;
}
.save_box table tr:nth-of-type(even){
	background:#fff;
}
.save_box table td{
	width: 100%;
	height:30px;
	font-size:12px;
}
.save_box_1{
	width:90%;
	margin:30px auto 0;
	height:30px;
	text-align: center;
	background:white;
	border-radius: 5px;
	line-height: 30px;
}
.save_box_2{
	width:90%;
	margin:20px auto;
	height:30px;
	text-align: center;
	background:#03174A;
	border-radius: 5px;
	line-height: 30px;
	color:white;
	display:none;
}
.withdrawal_table tr td{
	text-align: center;
}
.scan_b{
	width:90%;
	margin:0 auto;
}
.scan_b h5{
	margin:5px 0;
	color:#cfa500;
}
.scan_b input{
	width:100%;
	height:25px;
}
.address_box{
	padding:10px 0 20px;
}
.address_box button{
	outline: none;
	border:none;
	background:linear-gradient(#cfa500,#8c6e00);
	height:30px;
	width:140px;
	color:white;
	border-radius:5px;
	cursor: pointer;
}
.history_memo{
	
	padding:5px 1%;
	color:white;
	border-radius:5px;
	margin-bottom:10px;
}
tr:nth-of-type(odd) td .history_memo{
	background:rgba(127,181,23,1);
}
tr:nth-of-type(even) td .history_memo{
	background:rgba(249,166,26,1);
}
.history_memo p {
	margin:0;
	text-align: left;
}
.history_memo .h_memo_1{
	overflow: hidden;
}
.history_memo .h_memo_1 > div{
	width:49%;
	height:32px;
	float:left;
}
.history_memo .h_memo_1 div p{
	text-align: left;
}
.history_memo .h_memo_1 div:nth-of-type(2) p{
	text-align: right;
	height:32px;
	line-height: 32px;
	font-size:14px;
	font-weight:600;
}
.lines{
	height:1px;
	background:white;
	margin-top:5px;
}
/****************group********************/
.group .container{
	background:#231916;
	min-height:100vh;
	max-height:auto;
}
.group_box_top{
	margin:20px auto 5px;
	overflow:hidden;
}
.group_p{
	width:98%;
	margin:0 auto 30px;
	color:red;
	font-size:13px;
	font-weight:600;
}
.group_box_top div{
	float:left;
	width:30%;
	position:relative;
	margin: 0 1.666666667%;
}


.group_box_top div:nth-of-type(2) p{
	width:100%;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
}

.group_box_top p{
	width:100%;
	position:absolute;
	left:50%;
	bottom:5%;
	transform: translate(-50%,-50%);
	z-index: 5;
	color:#FFFF21;
	text-align: center;
	font-size:14px;
}
.group_box_top div img{
	width:100%;
}
.group_box_mid p{
	font-weight:700;
}
.group_box_mid div{
	width:215px;
	height:165px;
	background:#fff;
	border:2px solid black;
	text-align: center;
	margin:0 auto;
	border-radius:5px;
	position: relative;
	margin: 0 auto;
}
.group_box_mid .lv_color {
	width: 100%;
	height: 30px;
	border: none;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	text-align: left;
	padding-left: 15px;
	box-sizing: border-box;
}
.lv_color .g_grade{
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
}
.group_box_mid div p{
	width:120px;
	overflow:hidden; 
	/*text-overflow:ellipsis; 
	white-space:nowrap;*/
}
.group_box_mid div img{
	width:40px;
	margin:10px 0;
	border: 1px solid black;
}
.group_box_mid table td:first-child {
	padding-left: 3px;
}
.group_box_mid table td {
	font-size: 13px;
	font-weight: 700;
	text-align: justify;
}
.group_box_bottom{
	overflow:hidden;
	width:90%;
	margin:0 auto;
}
.group_float{
	overflow:hidden;
	width:310px;
	height:100px;
	margin:0 auto 10px;
	border:2px solid black;
	background:#fff;
	border-radius:5px;
}
.group_float_1{
	overflow:hidden;
	width:40%;
	margin:0 5%;
	border:2px solid black;
	background:#fff;
	border-radius:5px;
	float:left;
	box-sizing: border-box;
	padding-top:10px;
}
.group_float div{
	float:left;
	height:130px;
}
.group_float_1 p{
	font-size:14px;
	font-weight:600;
	margin-bottom:5px;
}
.group_float div:nth-of-type(1){
	width:10%;
	text-align: center;
}
.group_float_1 div:nth-of-type(1){
	text-align: center;
}
.group_float div:nth-of-type(1) p{
	display:inline-block;
	margin-top:40px;
	
}
.group_float div:nth-of-type(2){
	width:20%;
	height:100px;
	text-align: center;
}
.group_float_1 div:nth-of-type(2){
	height:100px;
	text-align: center;
}
.group_float div:nth-of-type(2) img{
	width:60px;
	margin-top:30px;
}
.group_float div:nth-of-type(3){
	width:70%;
	padding-top:20px;
}
.group_float_1 div:nth-of-type(3){
	padding-top:20px;
}
.group_float div:nth-of-type(3) p{
	font-size:13px;
	font-weight:700;
	margin-bottom:5px;
	padding-left:10px;
	width:90%;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
}
.group_end{
	width:100%;
	background:#E0E0E0;
	height:100px;
	text-align: center;
}
.group_end h5{
	height:100px;
	line-height:100px;
}
/***************forgot*********************/
.forgot_popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
}
.forgot_box{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:500px;
	text-align: center;
	padding:20px 0;
}
.forgot_box button{
	width:100px;
	height:30px;
	border:none;
	outline: none;
	border-radius:5px;
	background:#009944;
	color:white;
	margin-top:20px;
}
.forgot_popup1{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
}
.forgot_box1{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:500px;
	text-align: center;
	padding:20px 0;
}
.forgot_box1 p:nth-of-type(2){
	font-size:13px;
	color:red;
	margin:10px 0;
}
.forgot_box1 button{
	width:100px;
	height:30px;
	border:none;
	outline: none;
	border-radius:5px;
	background:#009944;
	color:white;
	text-decoration: underline
}
.signup .forgot_id input{
	display:inline-block;
	width:100%;
	border-radius:5px;
	height:30px;
	outline: none;
}
.back_btn{
	overflow:hidden;
	background:#7FB517;
	height:50px;
	margin-bottom:30px;
}
.back_btn img{
	height:50px;
	margin-left:10px;
}
.back_btn span{
	float:right;
	padding:10px 10px 0 0;
	margin-bottom:10px;
	color:white;
}
/*****************edit*********************/
.edit .container{
	background-image: url(../images/mainbg3.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.edit_box_top{
	text-align: center;
	margin:20px 0;
}
.edit_box_top img{
	width:50px;
}
.edit_box_top p{
	font-size:14px;
	margin-top:10px;
	color:#fff100;
}
.edit_div{
	width:90%;
	margin:20px auto 0;
	/* color:#333; */
	color:white;
}
.edit_bg{
	background:#9CAACD;
	border-radius:10px;
	padding:10px;
}
.edit_bg h5{
	border-bottom:2px solid black;
	
}
.edit_bg h5:nth-of-type(1){
	border:none;
}
.edit_bg h5:last-of-type{
	border:none;
}
.edit_div h5{
	margin-bottom:5px;
}

.edit_div input{
	background:none;
	border:none;
	outline: none;
	border-bottom:2px solid #AA8700;
	width:100%;
	height:30px;
	/* color:#333 */
	color:white;
}
.edit_div input::placeholder{
	/* color:#333; */
	color:white;
}
.edit_bg input{
	background:none;
	border:none;
	outline: none;
	color:black;
	height:30px;
}
.edit_btn {
	text-align: center;
	margin:20px 0;
}
.edit_btn input{
	width:100px;
	height:30px;
	background:linear-gradient(#4d8df5,#4851ff);
	border-radius:5px;
	border:none;
	outline: none;
	color:white;
}
.qr_camera button{
	margin:30px auto 0;
	display:block;
	background:none;
	border:none;
	outline: none;
}
.loading_popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(255,255,255,.5);
}
.loading_popup img{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
.loading_popup p{
	font-size:15px;
	font-weight:700;
	position:absolute;
	top:30%;
	left:50%;
	transform: translate(-50%,-50%);
}
.lg img{
	width:50px;
}
.select_img{
	position:relative;
	top:-25px;
	left:10px;
}
.select_img img{
	width:20px;
	position:absolute;
	left:0;
	top:0;
	display:none;
}
.select_img img.kr{
	display:block;
}
#user_nation{
	padding-left:30px!important;
}
.select_span{
	position:absolute;
	top:0;
	right:35px;
}
.select_span img{
	display:block!important;
}
.display-none{
	display:none;
}
/*****************withdraw******************/
.withdraw .container{
	background:#251500;
	min-height:100vh;
	max-height:auto;
}
.withdraw_top{
	background:#5F70AB;
	height:80px;
	overflow:hidden;
	width:90%;
	margin:20px auto;
}
.withdraw_top div:nth-of-type(1){
	float:left;
	width:50%;
}
.withdraw_top div:nth-of-type(1) h5{
	margin:25px 0 0 20px;
	font-size:20px;
	color:#F6E313;
}
.withdraw_top div:nth-of-type(2){
	float:right;
	width:50%;
	text-align: right;
}
.withdraw_top div:nth-of-type(2) h4{
	margin:10px 20px 5px 0;
	color:white;
	font-size:23px;
}
.withdraw_top div:nth-of-type(2) p{
	color:#F6E313;
	margin-right:20px;
}
.withdraw_mid{
	width:90%;
	margin:0 auto;
}
.withdraw_mid h5{
	margin:15px 0 8px;
	color:#C79F00;
}
.withdraw_mid input{
	width:100%;
	border:none;
	outline: none;
	border:2px solid #8B8B8A;
	box-sizing: border-box;
	background:white;
	border-radius:5px;
	height:30px;
}
.withdraw_mid input:nth-of-type(2)::placeholder{
	text-align: left!important;
}
.withdraw_mid input:nth-of-type(2),
.withdraw_mid input:nth-of-type(3),
.withdraw_mid input:nth-of-type(4){
	text-align: right;
}
.withdraw_mid  div{
	text-align: center;
}
.withdraw_mid p{
	text-align: right;
	color:red;
	font-size:13px;
	
}
.withdraw_mid input[type="button"]{
	width:100px;
	height:30px;
	background:linear-gradient(#cfa500,#8c6e00);
	border:none;
	outline: none;
	border-radius:5px;
	color:white;
	margin-top:30px;
}
.pwd_btn{
	text-align: center;
}
.pwd_btn button{
	width:100px;
	height:30px;
	background:linear-gradient(#cfa500,#8c6e00);
	border:none;
	outline: none;
	border-radius:5px;
	color:white;
	margin-top:30px;
}
.withdraw_popup{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
	display:none;
}
.withdraw_popup_box{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:550px;
	text-align: center;
	padding:20px 0;
}
.withdraw_popup_box h5{
	font-size:20px;
	margin:10px 0 15px;
}
.withdraw_popup_box input{
	width:80%;
	border:2px solid black;
	border-radius:5px;
	background:white;
	height:30px;
	margin-bottom:20px;
}
.withdraw_popup_box div input{
	width:120px;
	height:35px;
	border-radius:5px;
	background:#009944;
	color:white;
	border:none;
	margin-bottom:0;
}
.withdraw_popup_box div button{
	width:120px;
	height:35px;
	border-radius:5px;
	background:#2196F3;
	color:white;
	border:none;
	margin-bottom:0;
}
.withdraw_popup_1{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background:rgba(0,0,0,.5);
	display:none;
}

.withdraw_popup_box_1{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:550px;
	text-align: center;
	padding:20px 0;
}
.withdraw_popup_box_1 h5{
	font-size:20px;
	margin:10px 0 15px;
}
.withdraw_popup_box_1 button{
	width:120px;
	height:35px;
	border-radius:5px;
	background:#009944;
	color:white;
	border:none;
	margin-bottom:0;
}
/****************qna*******************/
.qna .container{
	min-height:100vh;
	height:auto;
}
.qna_box{
	text-align: center;
	margin:30px 0;
}
.qna_box a{
	display:inline-block;
	width:80%;
	height:35px;
	line-height: 35px;
	background:linear-gradient(#F9A61A,#7FB517);
	color:white;
	border-radius:5px;
	box-shadow: 3px 3px 5px black;
}
.qna_table{
	width:90%;
	margin:0 auto;
	
}
.qna_table table{
	border-collapse: collapse;
	width:100%;
	table-layout:fixed;
}
.qna_table table tr{
	border-bottom:1px solid #cda300;
	height:30px;
}
.qna_table table tr:nth-of-type(1){
	text-align: left;
}
.qna_table table tr:nth-of-type(1) th{
	padding-left:10px;
}
.qna_table table .qna_title td:nth-of-type(1){
	text-align: center;
}
.qna_table table tr td:nth-of-type(2){
	width:95%;
	text-overflow:ellipsis; 
	overflow:hidden;
	font-size:14px;
}
.qna_write .container{

	min-height:100vh;
	height:auto;
	padding-bottom:30px;
}
.qna_write_box{
	width:90%;
	margin:0 auto;
	
}
.qna_write_box h3{
	margin:20px 0 20px 10px;
	color:#cda300;
}
.qna_write_box_top{
	border:2px solid #8D8D8D;
	background:white;
	color:#8D8D8D;
	padding:0 15px 15px;
	box-shadow: 3px 3px 5px black;
}
.qna_write_box_top select{
	width:100%;
	border:2px solid #8D8D8D;
	height:30px;
	padding-left:10px;
	color:#8D8D8D;
	font-weight:600;
}
.qna_write_box_top select option{
	height:30px;
	font-weight:600;
}
.text_p{
	margin-top:0!important;
}
.qna_write_box_bottom{
	text-align: center;
	margin-top:30px;
}
.qna_write_box_bottom input{
	width:100px;
	height:30px;
	color:white;
	background:#0072BC;
	border-radius:5px;
	border:none;
	outline: none;
	box-shadow: 2px 2px 3px black;
	margin-right:10px;
}
.qna_write_box_bottom button:nth-of-type(1){
	width:100px;
	height:30px;
	color:white;
	background:linear-gradient(#F9A61A,#7FB517);
	border-radius:5px;
	border:none;
	outline: none;
	box-shadow: 2px 2px 3px black;
	margin-left:10px;
}
.qna_write_box_bottom button:nth-of-type(2){
	width:100px;
	height:30px;
	color:white;
	background:#ACACAC;
	border-radius:5px;
	border:none;
	outline: none;
	box-shadow: 2px 2px 3px black;
	margin-left:10px;
}
.qna_write_box_top h4{
	margin:20px 0 10px;
	color:#8D8D8D;
}
.qna_write_box_top p{
	color:black;
	margin-top:20px;
	font-size:15px;
	font-weight:600;
}
.qna_write_box_top input{
	border:2px solid #8d8d8d;
	width:100%;
	height:30px;
	box-sizing: border-box;
}
.qna_write_box_top input::placeholder{
	padding-left:10px;
}

.qna_write_box_top textarea{
	resize: none;
	width:100%;
	height:200px;
	overflow-y: auto;
	border:2px solid #8d8d8d;
	box-sizing: border-box;
}
.qna_title td:nth-of-type(3){
	font-size:13px;
}
.qna_title td:nth-of-type(2) p{
	width:200px;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
	word-wrap: normal;
	font-size:14px;
}
.notice .container{

	min-height:100vh;
	max-height:auto;
}
.notice table{
	table-layout: fixed;
	width:90%;
	margin:0 auto;
	border-collapse: collapse;
}
.notice table th{
	color:white;
	background:linear-gradient(#F5B417,#7FB517);
	height:30px;
}
.notice table .help_title td{
	font-weight:700;
}
.notice table .help_title td:nth-of-type(2){
	width:95%;
	text-overflow:ellipsis; 
	overflow:hidden
}

.notice table tr:nth-of-type(2n+1){
	background:#ccc;
}
.notice table tr:nth-of-type(2n+3){
	background:#eee;
}
.notice table .help_title{
	height:30px;
}
.notice table .help_title td:nth-of-type(1),
.notice table .help_title td:nth-of-type(3){
	text-align: center;
}
.notice table .help_contents{
	background:#ccc;
}
.notice table .help_contents td{
	padding:10px;
}
.notice table .help_contents div{
	background:white;
	padding:10px;
	word-wrap: break-word;
}
.notice_count{
	width:90%;
	margin:30px auto 10px;
	color:black;
}
.notice_count span{
	color:red;
}
.main_notice{
	border-top:1px solid #49C1F0;
	border-bottom:1px solid #49C1F0;
	height:40px;
}
.main_notice div{
	width:95%;
	margin:0 auto;
}
.main_notice div img:nth-of-type(1){
	height:30px;
	vertical-align: 8px;
	padding-top:5px;
}
.main_notice div img:nth-of-type(2){
	float:right;
	padding-top:5px;
	width: 33px;
}
.notice_new {
	-webkit-animation: notice_new 1s ease-in-out infinite alternate ;
	-moz-animation: notice_new 1s ease-in-out infinite alternate ;
	animation: notice_new 1s ease-in-out infinite alternate ;
}
@-webkit-keyframes notice_new {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes notice_new {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes notice_new {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.main_notice div span{
	font-size:15px;
	font-weight:700;
}
.main_notice div span:nth-of-type(1){
	font-size:17px;
}
.main_notice div a{
	color:white;
	display:inline-block;
	height:30px;
	vertical-align: 8px;
	padding-top:5px;
	width:80%;
	overflow:hidden; 
	white-space:nowrap;
	font-size:15px;
}
.help_qna{
	width:90%;
	margin:0 auto;
	overflow:hidden;
}
.help_qna a{
	float:right;
	color:black;
	margin-top:10px;
	font-weight:700;
}
.qna_table .qna_contents{
	text-align: left!important;
}
.qna_table .qna_contents td{
}
#select_email_domain{
	text-align: center;
	padding-left:3px;
}
.qna_contents_top{
	background:#CCCCCC;
	padding:10px;
}
.qna_contents_top div{
	background:white;
	padding:10px;
}
.qna_contents_top div p:nth-of-type(1){
	font-weight:700;
	font-size:14px;
	margin-bottom:5px;
}
.qna_contents_top div p:nth-of-type(2){
	font-size:13px;
	font-weight:500;
	word-wrap: break-word;
}
.qna_contents_top > p{
	font-size:13px;
	text-align: right;
	margin-top:10px;
}
.qna_contents_bottom{
	overflow:hidden;
	margin:10px 0;
}
.qna_contents_bottom > div{
	float:left;
}
.qna_contents_bottom img{
	width:25px;
	margin:10px;
}
.qna_contents_bottom > div:nth-of-type(1){
	width:10%;
}
.qna_contents_bottom > div:nth-of-type(2){
	background:#ccc;
	width:90%;
}
.qna_contents_bottom > div:nth-of-type(2) div{
	background:white;
	margin:10px;
	padding:10px;
}
.qna_contents_bottom > div:nth-of-type(2) div p:nth-of-type(1){
	font-weight:500;
	font-size:14px;
	margin-bottom:5px;
}
.qna_contents_bottom > div:nth-of-type(2) div p:nth-of-type(2){
	font-weight:500;
	font-size:14px;
	word-wrap: break-word;
}
.qna_contents_bottom > div:nth-of-type(2) > p{
	text-align: right;
	margin-bottom:10px;
	margin-right:10px;
	font-size:13px;
}
.request_write_box{
	width:90%;
	margin:0 auto;
}
.request_write_box h3{
	margin:20px 0 20px 10px;
}
.request_write_box .qna_write_box_top h4{
	margin:20px 0 10px;
	color:#8D8D8D;
}
.request_write_box .qna_write_box_top p{
	color:black;
	margin-top:0px;
	font-size:15px;
	font-weight:600;
}
.request_write_box .qna_write_box_top input[type="text"]{
	border:2px solid #8d8d8d;
	width:100%;
	height:30px;
	box-sizing: border-box;
}
.request_write_box .qna_write_box_top input[type="radio"]{
	border:2px solid #8d8d8d;
	box-sizing: border-box;
	width:20px;
	height:20px;
}
.request_write_box .qna_write_box_top input::placeholder{
	padding-left:10px;
}
.request_write_box .form label{
	margin:0 5px;
	vertical-align: 3px;
}
.qna_write_box_top textarea{
	resize: none;
	width:100%;
	height:200px;
	overflow-y: auto;
	border:2px solid #8d8d8d;
	box-sizing: border-box;
}
.wallet_ad .mySlides {display: none;}
.wallet_ad img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}
/* Fading animation */
.wallet_ad .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
/*
.wallet_ad{
	height:200px;
	clear:both;
	margin:30px auto;
	text-align: center;
}
*/
.search .container{
	background:#C8D2EA;
	min-height: 100vh;
	max-height:auto;
	padding-bottom:20px;
}
.search_box{
	width:90%;
	margin:30px auto;
}
.search_box img{
	width:15px;
}
.search_box a{
	color:black;
}
.search_box a:nth-of-type(1){
	margin-right:20px;
}
.search_mid{
	width:90%;
	margin:0 auto;
}
.search_mid select{
	width:100%;
	border-radius:5px;
	border:2px solid black;
	color:black;
	box-sizing: border-box;
	height:30px;
	padding-left:10px;
	margin-bottom:10px;
}
.search_mid div{
	overflow: hidden;
}
.search_mid div span{
	display:inline-block;
	width:5%;
	text-align: center;
	height:30px;
}
.search_mid div input{
	width:65%;
	height:30px;
	border-radius:5px;
	border:2px solid black;
	color:black;
	box-sizing: border-box;
	padding-left:5px;
}
.search_mid div button{
	width:13%;
	float:right;
	height:30px;
	background:#2196F3;
	color:white;
	border:none;
	outline: none;
	border-radius:5px;
}
.search_mid div button:nth-of-type(1){
	margin-left:1%;
}
.search_bot{
	width:90%;
	margin:0 auto;
	overflow:hidden;
}
.search_bot div{
	width:38%; 
	height:222px;
	margin:5%;
	float:left;
	position:relative;
}
.search_bot div > img:nth-of-type(1){
	width:100%;
	max-height:110px;
}
.search_bot div > img:nth-of-type(2){
	position:absolute;
	top:0;
	left:0;
	width:40%;
}
.search_bot div p:nth-of-type(1),
.search_bot div p:nth-of-type(2){
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis; 
	white-space:nowrap;
	margin-top:5px;
	padding-left:5px;
}

.search_bot div p img{
	margin-right:5px;
	width:13px;
}
.search_bot_icon {
	margin: 0 !important;
	width: 100% !important;
	height: auto !important;
}
.search_bot_icon p {
	width: auto!important;
	overflow: initial!important;
	text-overflow: initial!important;
	white-space: initial!important;
}
.search_bot_icon img {
	float: left;
	width: 13px !important; 
}
.map_pop {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
}
.map_pop_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	height: 50%;
	box-sizing: border-box;
}
.map_pop_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background-color: white;
	text-align: center;
	line-height: 30px;
	z-index: 9999;
}
.coin_btn{
	width:90%;
	margin:20px auto;
}
.coin_btn a{
	padding:10px;
	background:#7FB517;
	border-radius: 5px;
	color:White;
	margin-right:10px;
}
.coin_btn a.active{
	background:#ccc;
}
.key .container{
	min-height:100vh;
	max-height:auto;
	background:#03133B;
}
.key h2{
	color:white;
	text-align: center;
}
.key h5{
	color:white;
	width:90%;
	margin:30px auto;
	box-sizing: border-box;
	padding:0 5px;
	border-radius:5px;
	background-color: transparent;
	border:1px solid #768638;
	color:#768638;
	height:35px;
	line-height: 35px;
}
.key_top{
	width:90%;
	margin:0 auto 20px;
}
.key_top p:nth-of-type(1){
	color:white;
	font-weight:700;
}
.key_top p:nth-of-type(2){
	color:#C4A88F;
	font-size:13px;
}
.key_mid{
	width:90%;
	margin:0 auto;
	overflow: hidden;
}
.key_mid input{
	border-radius:5px;
	border:none;
	width:85%;
	height:35px;
	padding-left:5px;
}
.key_mid input::placeholder{
	padding-left:5px;
}
.key_mid button{
	width:10%;
	background:#11F2F5;
	font-weight:600;
	font-size:16px;
	height:35px;
	border:none;
	outline: none;
	float:right;
	border-radius:5px;
}
.key_bot{
	width:90%;
	margin:0 auto;
}
.key_bot div{
	width:30%;
	text-align: center;
}
.key_bot div img{
	width:100%;
}
.key_bot p{
	color:white;
	margin-bottom:20px;
}
#tag-form{
	width:100%;
	text-align: center;
}
#tag-form button{
	width:100px;
	height:30px;
	background:#11F2F5;
	border-radius:5px;
	border:none;
	outline: none;
	margin-top:60px;
}
.keyword_box{
	width:90%;
	margin:0 auto;
}
.keyword_box ul{
	padding: 16px 0;
	list-style: none;
}
.keyword_box ul li{
	display: inline-block;
	margin: 0 5px 10px;
	font-size: 14px;
	letter-spacing: -.5px;
}
ul li.tag-item {
	padding: 4px 8px;
	background-color: #C2C2C2;
	color: #000;
	border-radius:5px;
}

.del-btn {
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	margin-left: 8px;
}
.keyword .container{
	background:#C8D2EA;
	min-height:100vh;
	max-height:auto;
	
}
.keyword h5{
	width:90%;
	margin:0 auto;
	height:30px;
	line-height:30px;
}
.keyword .key_top p:nth-of-type(1){
	color:black;
}
.keyword .key_top p:nth-of-type(2){
	color:#838487;
}
.keyword ul{
	padding: 10px 0;
	list-style: none;
}
.keyword ul li{
	display: inline-block;
	margin: 0 5px 10px;
	font-size: 14px;
	letter-spacing: -.5px;
}
.keyword #tag-form button{
	width:100px;
	height:30px;
	background:#2196F3;
	border-radius:5px;
	border:none;
	outline: none;
	margin-top:60px;
	color:white;
}
.keyword #tag-list{
	width:90%;
	margin:0 auto 10px;
	box-sizing: border-box;
	border:2px dashed #3CADBF;
}
.keyword .tag-item{
	background:#3CADBF;
	color:white;
	border-radius:5px;
	box-shadow: 1px 1px 2px black;
}
.form_key .key_top{
	width:100%;
}
.form_key .key_mid{
	width:100%;
}
.form_key .key_mid input{
	width:80%!important;
}
.form_key .key_mid button{
	background:#2196F3;
	color:white;
}
.form_key .keyword_box{
	width:100%;
}
.area_1,.area_2{
	color:blue;
}
.product .container{
	min-height:100vh;
	max-height: 100%;
	background:#C8D2EA;
}
.product_top{
	width:95%;
	margin:30px auto 0;
}
.product_top h4{
	margin-bottom:10px;
}
.product_top .product_top_box{
	border:2px solid white;
	text-align: center;
	box-sizing: border-box;
	padding:10px 0;
}
.product_top_box div{
	width:180px;
	height:32px;
	margin:0 auto;
	position:relative;
	overflow: hidden;
}
.product_top_box div input{
	width:1px;
	height:1px;
	position:absolute;
	top:0;
	left:0;
	padding:40px 100px;
}
.product_top .product_top_box > img{
	width:150px!important;
	height:135.7px;
}
.product_top .product_top_box div img{
	width:180px;
}
.product_mid{
	width:95%;
	margin:20px auto 0;
}

.product_mid_box_1{
	border:2px solid white;
	box-sizing: border-box;
	padding-bottom:10px;
}
.product_mid_box_1 h5{
	width:90%;
	margin:10px auto 5px;
}
.product_mid_box_1 div{
	width:90%;
	margin:0 auto;
}
.product_mid_box_1 div input[type='text']{
	width:80%;
	box-sizing: border-box;
	box-shadow: 1px 1px 2px black;
	height:30px;
}
.product_mid_box_1 div:nth-of-type(1) input[type='text']
{
	width:100%;

}
.product_mid_box_1 div span{
	width:20%;
	display:inline-block;
	text-align: center;
}
.product_mid_box_1 div:nth-of-type(3){
	margin:5px auto;
}
.product_mid_box_1 div:nth-of-type(3) span{
	text-align: left;
	
}
.product_mid_box_1 div textarea{
	width:100%;
	height:100px;
	resize: none;
	box-sizing: border-box;
	box-shadow: 1px 1px 2px black;
}
.product_mid_box_1 div textarea::placeholder{
	font-size:12px;
}
.product_mid_box_1 p{
	width:90%;
	margin:10px auto;
}
.product_bot{
	text-align: center;
	padding:20px 0;
}
.product_bot input{
	background:url(/images/product_btn.png);
	background-size:100% 100%;
	width:140px;
	height:35px;
	outline: none;
	border:none;
}
.product_4 div{
	width:100%;
}
.product_4 h5,.product_4 textarea{
	width:100%;
}
.product_4 input{
	width:80%;
}
.product_5{
	padding:5px 0;
}
.product_5 div{
	margin:5px auto;
}
.product_5 div span{
	width:100px;
}
.product_5 h5{
	margin:5px 0;
}
.product_6 h5{
	margin:5px 0;
}
.product_mid_box_p{
	font-size:12px;
	color:#888;
	font-weight:600;
}
.line{
	position:relative;
}
.line span{
	font-size: 12px;
}
.spon{
	margin-left:10px;
	background:linear-gradient(#cfa500,#8c6e00);
	color:white;
	padding:10px;
	border-radius:5px;
}
.promotion_top{
	width:90%;
	margin:30px auto 20px;
	text-align: center;
}
.promotion_top h5{
	font-size:20px;
}
.promotion_mid{
	width:90%;
	margin:0 auto 30px;
	text-align: center;
}
.promotion_mid select{
	width:50%;
	margin:0 auto;
	height:40px;
	text-align: center!important;
	border:none;
	outline: none;
	padding-left:10px;
}
.promotion_mid select::placeholder{
	text-align: center;
}
.promotion_bot{
	width:90%;
	margin:0 auto;
}
.promotion_bot table{
	width:100%;
	border-collapse: collapse;
}
.promotion_bot table tr{
	border:1px solid white;
	height:50px;
}
.promotion_bot table tr:nth-of-type(odd){
	background:#D2DEEF;
}
.promotion_bot table tr:nth-of-type(even){
	background:#EAEFF7;
}
.promotion_bot table tr td{
	text-align: center;
}
.promotion_bot table img{
	width:20px;
}

.card .container{
	background:#231916;
	min-height:100vh;
	max-height:100%;
}
.card_img{
	width:90%;
	margin:30px auto;
	position:relative;
}
.card_img img{
	width:100%;
}
.card_img div:nth-of-type(1){
	position:absolute;
	top:20%;
	right:5%;
	color:white;
}
.card_img div:nth-of-type(1) p{
	font-size:14px;
}
.card_img div:nth-of-type(2){
	position:absolute;
	bottom:7%;
	left:10%;
}
#package_amount::placeholder{
	text-align: left;
	padding-right:10px;
}
.card_img div:nth-of-type(2) h4:nth-of-type(1){
	font-size:15px;
}
.card_img div:nth-of-type(2) h4{
	margin-top:5px;
}
.card_img div p{
	margin:5px 0;
	font-size:14px;
}
.card_apply{
	margin-top:30px;
	text-align: center;
}
.card_apply span{
	padding:10px;
	border:none;
	background:linear-gradient(#cfa500,#8c6e00);
	color:white;
	outline: none;
	border-radius:5px;
}
.card_apply input[type='submit']{
	padding:10px;
	border:none;
	background:linear-gradient(#cfa500,#8c6e00);
	color:white;
	outline: none;
	border-radius:5px;
	cursor: pointer;
}
.card_apply input[type='button']{
	padding:10px;
	border:none;
	background:linear-gradient(#cfa500,#8c6e00);
	color:white;
	outline: none;
	border-radius:5px;
	cursor: pointer;
}
.scan_box{
	text-align: center;
	margin:70px 0 30px;
}
.support_select{
	width:90%;
	margin:30px auto;
	overflow: hidden;
}
.support_select select{
	width:70%;
	display:inline-block;
	height:30px;
	border-radius:5px;
	padding-left:20px;
}
.support_select a{
	width:20%;
	height:30px;
	line-height: 30px;
	float:right;
	border-radius: 5px;
	background:white;
	border:1px solid #aaa;
	text-align: center;
	color:black;
}
.save_btn{
	height:40px;
	width:200px;
}
.add_box{
	width:90%;
	margin:0 auto;
}
#postal_code{
	height:25px;
}
#addr1{
	width:90%;
	margin:10px auto;
	display: block;
	height:25px;
}
#addr2{
	width:90%;
	margin:0 auto 10px;
	display: block;
	height:25px;
}
.request_box{
	width:95%;
	margin:10px auto;
	background:white;
	border-radius: 5px;
	box-sizing: border-box;
	padding:5px;
}
.request_box p{
	font-size:13px;
	word-wrap: break-word;
}
.request_box_top{
	overflow: hidden;
}
.request_box_top > p{
	float:left;
	height:34px;
	line-height: 34px;
	padding-left:5px;
	font-size:15px;
	font-weight:700;
}
.request_box_top div{
	float:right;
}
.request_box_top div p{
	text-align: right;
}
.request_box_mid{
	padding:5px 0;
}
.otp_box_1{
	margin:0 auto;
	width:90%;
	text-align: center;
}
.otp_box_1 h4{
	color:white;
	margin:10px 0;
}
.otp_box_1 img{
	width:150px;
}
.otp_box_1 p{
	font-size:13px;
	color:white;
	margin:10px 0;
}
.otp_down{
	overflow: hidden;
}
.otp_download{
	text-align: center;
	height:60px;
}
.otp_download a{
	padding:10px;
	line-height: 60px;
	border-radius:5px;
	border:1px solid #ccc;
	color:#ccc;
}
.otp_download a:hover{
	background:#aaa;
	color:white;
	border:1px solid white;
	font-weight:700;
}
.otp_box_3{
	margin:0 auto;
	width:90%;
	text-align: center;
	padding-bottom:30px;
}
.otp_box_3 h4{
	color:white;
	margin:10px 0;
}
.otp_box_3 img{
	width:150px;
}
.otp_box_3 p{
	font-size:13px;
	color:white;
	margin:10px 0;
}
.otp_check{
	text-align: left;
	overflow: hidden;
}
.otp_check input{
	width:60%;
	height:30px;
	border:none;
	border-radius: 5px;
	border:1px solid white;
}
.otp_check button{
	float:right;
	width:30%;
	height: 30px;
	border:none;
	outline: none;
	line-height: 30px;
	border-radius: 5px;
	background: linear-gradient(#cfa500,#8c6e00);
	font-weight: 600;
	font-size:14px;
	color: white;
}
.otp_box_2{
	margin:0 auto;
	width:90%;
	text-align: center;
}
.otp_box_2 h4{
	color:white;
	margin:10px 0;
}
.otp_box_2 img{
	width:150px;
}
.otp_box_2 p{
	font-size:13px;
	color:white;
	margin:10px 0;
}
.arrow_down{
	text-align: center;
	margin:20px 0;
}
.arrow_down img{
	width:60px;
}
.point_btn{
	text-align: center;
	margin:10px 0;
}
.point_btn a{
	width:20%;
	height:25px;
	line-height: 25px;
	color:black;
	background:#ccc;
	display:inline-block;
	border-radius:5px;
	font-size: 15px;
	letter-spacing: -1px;
}
/* 2019 전체내역 2개로 분리 */
/* 보너스 내역 보기 */

.bo_pack {
	overflow: hidden;
	width: 100%;
	margin-bottom:10px;
}
.bo_pack {
	width: 100%;
	padding-left: 2px;
}
.bo_pack a {
	width: 110px;
	height: 31px;
	font-size: 15px;
	display: inline-block;
	text-align: center;
	line-height: 31px;
	text-decoration: none;
	font-weight: bold;
	color : white;
	border-radius: 5px;
	background: rgb(1, 46, 77);
}
.coin_to_point_btn{
	width:100%;
	margin:20px auto;
	text-align: left!important;
	overflow:hidden;
}
.coin_to_point_btn button{
	width:17%;
	height:30px;
	background:white;
	border-radius: 5px;
	border:1px solid #ccc;
	outline: none;
	cursor: pointer;
	font-size:20px;
	font-weight:600;
	float:left;
	margin:0 1.5%;
}
.coin_to_point_btn button:last-of-type{
	background:#F5B417;
	color:white;
}
.last_amount_box p{
	font-size:14px;
	font-weight:600;
	text-align: right;
}
.last_amount_box p:nth-of-type(2){
	margin-bottom:10px;
}
.last_amount_box p:nth-of-type(3){
	margin-bottom:5px;
}
.last_amount_box #amountpoint{
	color:red;
	font-size:30px;
	font-weight:700;
}
.last_amount_box #fee{
	color:red;
	font-size:28px;
	font-weight:700;
	
}
/* .last_amount_box #coin_deduction{
	color:skyblue;
	font-size:20px;
	font-weight:700;
} */
.last_amount_box #coin_deduction{
	color:#F19EC2!important;
	font-size:20px;
	font-weight:700;
}
.last_amount_box #after_amount{
	color:gold;
	font-size:20px;
	font-weight:700;
}
.last_amount_box .fee{
	color:#68B7F7;
}
.tag-list{
	width:90%;
	margin:20px auto;
	overflow: hidden;
}
.tag-list .tag-item{
	background:#2A85CC;
	color:white;
	float:left;
	border-radius:5px;
	padding:5px;
	list-style: none;
	margin:5px;
}
.tag-list h5{
	color:white;
}
.tag-list p{
	color:Red;
}
.mnimonics_btn{
	background: linear-gradient(#cfa500,#8c6e00);
	color: white;
	padding: 10px;
	border:none;
	outline: none;
	border-radius: 5px;
}
.m_comfirm_img{
	text-align: center;
	margin:20px 0;
}
.m_comfirm_img img{
	width:150px;
}
.m_comfirm_p{
	text-align: center;
	color:white;
	margin:0 auto;
	width:90%;
}
.m_comfirm_n{
	margin:10px auto;
	width:80%;
	text-align: center;
	border:1px solid #cfa500;
	border-radius:10px;
	padding:5px 0;
}
.m_comfirm_n p{
	font-size:15px;
	color:white;
	font-weight:700;
}
.m_comfirm_btn{
	text-align: center;
}
.m_comfirm_btn button{
	background: linear-gradient(#cfa500,#8c6e00);
	color: white;
	padding: 10px;
	border:none;
	outline: none;
	border-radius: 5px;
	margin:10px 0;
	font-size:20px;
	cursor: pointer;
}
.m_comfirm_b{
	text-align: center; 
	margin-top:10px;
}
.m_comfirm_b a{
	color: white;
	padding: 10px;
	border:none;
	outline: none;
	border-radius: 5px;
	margin:10px 0;
	background:#009A44;
}
.m_comfirm_b a:last-of-type{
	background:#2A85CC;
}
.del-btn{
	font-size:15px;
}
.upgrade_input{
	color:white;
}
.upgrade_input select{
	width:100%;
	height:25px;
}
.package_update{
	color:white;
	display:none;
}
.package_update h4{
	text-align: right;
	margin:5px 0;
}
.package_update .to{
	color:red;
}
.package_update .from{
	color:green;
}
.package_update .size{
	color:#00EBC0;
	font-size:20px;
}
.package_update .eth_amount{
	color:#CBA100;
	font-size:25px;
}
.package_update .fee{
	color:#977700;
	font-size:20px;
}
.marketPrice{
	color:#2A85CC;
	font-size:20px;
}
.email{
	display:none;
}
.email_number{
	display:none;
}
/****************************************/
@media screen and (max-width:600px){
	.container{
		width:100%;
	}
	.popup_th_box1{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:90%;
	text-align: center;
	padding:20px 0;
	display:none;
	}
	.popup_th_box2{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:90%;
	text-align: center;
	padding:20px 0;
	display:none;
	}
	.popup_uid_1{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:90%;
	text-align: center;
	padding:20px 0;
	display:none;
	}
	.dchange_popup div{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width:90%;
	margin:0 auto;
	background:#EDEDED;
	border-radius:5px;
	padding:20px 0;
	text-align: center;
	}
	.moving_popup div{
	position:absolute;
	top:50%;
	left:50%;
	width:90%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	text-align: center;
	padding:10px 0;
	}
	.consume_popup .cs_box{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:90%;
	text-align: center;
	padding:20px 0;
	}
	.forgot_box{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:90%;
	text-align: center;
	padding:20px 0;
	}
	.forgot_box1{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:90%;
	text-align: center;
	padding:20px 0;
	}
	.consume_popup_1 .cs_box_1{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:90%;
	text-align: center;
	padding:20px 0;
	}
	.withdraw_popup_box{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:90%;
	text-align: center;
	padding:20px 0;
	}
	.withdraw_popup_box_1{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	background:#EDEDED;
	border-radius:5px;
	width:90%;
	text-align: center;
	padding:20px 0;
	}
}
@media screen and (max-width:470px){
	.bo_pack{
		text-align: center;
	}
	.bo_pack a {
		width: 45%;
		height: 31px;
		font-size: 15px;
		display: inline-block;
		text-align: center;
		line-height: 31px;
		text-decoration: none;
		font-weight: bold;
		color : white;
		border-radius: 5px;
		background: rgb(1, 46, 77);
		margin-bottom:5px;
	}
}

/*::-webkit-scrollbar { width: 1px; } */
::-webkit-scrollbar-thumb { background: #a9a9a9; }
	
input[type=submit] {-webkit-appearance:none;}/*아이폰 효과 제거*/
select {-webkit-appearance:none;}/*아이폰 효과 제거*/


/*영어 페이지 UI 수정*/
/*.en_으로 시작하는건 영어 페이지만 적용*/
.change_en p{
	font-size:14px;
}
.en_main_recom_text{
    margin: -10px 0;
}
.dgchange_img {
    margin: 100px 0;
}
.dchange_box_top div:nth-of-type(2) a {
    width: 80%;
}
.en_history_title th{
    height: 43px!important;
    font-size: 16px;
}




/* 20190812 내 주소 추가  */

.add_user_box .red_11 {
	font-size: 11px;
	color: red;
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* 20190812 내 주소  끝*/

/* 20190906 팀 시작 */

.team_box{
	width:315px;
	
	margin:20px auto;
	position:relative;
}

.ceocoinbtn{
	background:gold!important;
	text-shadow: 1px 1px 2px black;
}
.ethbtn{
	background:#ccc!important;
	text-shadow: 1px 1px 2px black;
}

.team_box:last-child{
    margin-bottom: 0;
}
.team_box img{
	width:315px;
}
.team_p{
	position:absolute;
	top:0;
	left:0;
	width:315px;
	height:400px;
	background:linear-gradient(45deg,#6feaff,#005164);
	display:none;
	color:white;
	opacity: .9;
}
.team_box p{
    margin: 0;
	position:absolute;
	top:50%;
	left:0;
	display:none;
	color:white;
	font-size:1em;
	text-shadow: 2px 2px 3px black;
	width: 100%;
	transform: translateY(-50%);
	padding-left: 5px;
}
/**/
.p_line {
	white-space: pre-line;
	text-align: left;
}
.p_line_nopre{
	white-space: normal;
}
/**/

/* 20190906 팀 끝 */

/*------------------------------
 20200204 jjh binary_list 시작 
------------------------------*/

.history_boxs {
	width: 95%;
	background: linear-gradient(#949494,#4e4e4e);
	overflow: hidden;
	margin: 15px 2.5% 0;
}
.hb_inner {
	width: 25%;
	height: 78px;
	box-sizing: border-box;
	padding: 10px;
	float: left;
	text-align: center;
	border-right: 1px solid #c8c8c8;
}
.hb_inner:last-child {
	border-right: none;
}
.hb_num {
	font-size: 16px;
	font-weight: bold;
	color: white;
	letter-spacing: -1px;
}
.hn_tit {
	margin-top: 5px;
	font-size: 12px;
	letter-spacing: -1px;
	word-break: keep-all;
	color: white;
}

/* 수당 발생 포인트 */

.num_right {
	text-align: right;
	padding-right: 7%;
}


/* 고객센터 jjh 시작*/

.help_header{
	width: 90%;
	margin: 0 auto;
}
.help_header a{
	display: inline-block;
	margin-top: 10px;
	margin-left: 10px;
	background: linear-gradient(#cfa500,#8c6e00);
	color: white;
	padding: 10px;
	border-radius: 5px;
}
/* 고객센터 jjh 끝*/
/* 메인페이지 나의정보 시작 */

/* 메인페이지 나의정보 끝 */
/* 페키지 구매 하단 동의서 시작 */
.agree_buy h5 {
	color: white;
}
.agree_buy_box p{
	font-size: 12px;
	color: white;
	white-space: pre-line;
	word-break: keep-all;
} 
.pointer td{
	text-align: center!important;
}
/* 회원가입 서약서 내용 시작 */
.signup_agree {
	word-break: keep-all;
	white-space: pre-line;
  font-size: 12px;
}
/* 회원가입 서약서 내용  끝*/
/* 페키지 구매 하단 동의서 끝 */
/*------------------------------
 20200204 jjh binary_list 끝 
------------------------------*/


/*------------------------------
 20200218 jjh pw_choice 시작 
------------------------------*/

.otp_ch, .sms_ch {
	width: 90%;
	margin: 0 auto;
}
.otp_ch a {
	display: block;
	width: 100%;
	height: 50px;
	text-align: center;
	color: white;
	background: linear-gradient(#CCA200,#947500);
	line-height: 50px;
	border-radius: 5px;
	margin: 20px 0;
	font-size: 16px;
	font-weight: 700;
}

/*------------------------------
 20200218 jjh pw_choice 끝 
------------------------------*/
/* 디자인 변경으로 css 추가 jjh 시작*/
.login_icon {
	width: 16px;
	position: absolute;
	left: 11px;
	top: 50%;
	transform: translateY(-50%);
}
.cp_icon {
	display: block;
	background: rgb(232, 231, 253);
	overflow: hidden;
	margin: 0 auto;
}
.cp_icon img{
	width: 30px;
	display: block;
	float: left;
}
.cp_icon p{
	letter-spacing: -1.5px;
	display: block;
	width: 100%;
	float: left;
	margin: 0;
	line-height: 33px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
	text-align: center;

}


/* 디자인 변경으로 css 추가 jjh 끝*/



/* 조직도색상표 시작*/

.rank_color {
	width: 100%;
	height: 20px;
	overflow: hidden;
}
.rank_color > div {
	width: 11.1111111111%;
	float: left;
	height: 20px;
	text-align: left;
	padding-left: 10px;
	box-sizing: border-box;
}
.rc_lv0 {
	background-color : #FFFFFF;
}
.rc_s {
	background-color : #FFFFFF;
}
.rc_s1 {
	background-color : #FFFF00;
}
.rc_s2 {
	background-color : #FF00FF;
}
.rc_s3 {
	background-color : #3399FF;
}
.rc_s4 {
	background-color : #FFCC00;
}
.rc_s5 {
	background-color : #9999FF;
}
.rc_s6 {
	background-color : #FF7C80;
}
.rc_s7 {
	background-color : #00FFFF;
}
/* 조직도색상표 끝 */

/* 메인 페이지 content footer 시작 */
.contnent_footer {
	width: 100%;
}
.countdown {
	width: 90%;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-bottom: 20px;
	background: white;
	border-radius: 15px;
	box-shadow: 2px 2px 5px rgb(45, 74, 121);
	-webkit-box-shadow: 2px 2px 5px rgb(45, 74, 121);
}
.countdown span{
	float: left;
	width: 50%;
	font-size: 18px;
	line-height: 32px;
}
.countdown button{
	float: left;
	padding: 5px 10px;
}
.benefit {
	width: 90%;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-bottom: 20px;
	background: white;
	border-radius: 15px;
	box-shadow: 2px 2px 5px rgb(45, 74, 121);
	-webkit-box-shadow: 2px 2px 5px rgb(45, 74, 121);
}
.benefit table {
	width: 100%;
}
.benefit table td:nth-child(2),
.benefit table td:nth-child(3) {
	text-align: right;
}
.benefit table tr th {
	background: rgb(200, 204, 219);
}
.benefit table tr th:nth-child(2) {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
.benefit table tr:nth-child(even){
	background-color: rgb(232, 231, 253);
}
.benefit_sum {
	width: 90%;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-bottom: 20px;
	background: white;
	border-radius: 15px;
	box-shadow: 2px 2px 5px #2d4a79;
	-webkit-box-shadow: 2px 2px 5px #2d4a79;
}
.benefit_sum > div {
	float: left;
	box-sizing: border-box;
	width: 50%;
	margin-bottom: 10px;
}
.details {
	width: 90%;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-bottom: 20px;
	background: white;
	border-radius: 15px;
	box-shadow: 2px 2px 5px rgb(45, 74, 121);
	-webkit-box-shadow: 2px 2px 5px rgb(45, 74, 121);
}
/* 메인 페이지 content footer 끝 */

/* v_fee_exchange_kr.php 시작 */
.i_green {
	color : rgb(0, 150, 0)!important;
}
.fee_ex {
	width: 100%;
	padding: 0 5%;
	position: relative;
	box-sizing: border-box;
}
.fee_ex > div{
	width: 100%;
	margin: 40px 0 20px;
}
.fe_con input[type="text"],.fe_con input[type="number"]{
	width:100%;
	border-radius:5px;
	height:30px;
	display:inline-block;
	border:1px solid #A9A9A9;
	box-sizing: border-box;
	background:none;
	color:#000;
	padding-right: 10px;
}
.fe_con textarea{
	width:100%;
	border:none;
	outline: none;
	border:2px solid #8B8B8A;
	box-sizing: border-box;
	background:white;
	border-radius:5px;
	height:60px;
	resize: none
}
.fe_con input[type="text"]::placeholder{
	text-align: left;
	padding-left: 10px;
}
.fe_con h4 {
	margin: 10px 0;
}
.fe_con h5 {
	margin: 10px 0 5px;
}
.fee_ex i,
.invest i {
	font-style: normal;
	color: red;
}
.fe_text p{
	font-size: 12px;
	color : red;
}
.fe_text2 p{
	font-size: 14px;
	color : black;
}
.fe_bt input[type='submit'],
.fe_bt input[type='button'],
.fe_bt button {
	box-sizing: border-box;
	width: 150px;
	padding: 5px 0;
	margin: 0 auto;
	border: none;
	outline: none;
	background: #7FB517;
	text-align: center;
	padding-top: 10px;
	border-radius: 5px;
	color: white;
	font-size: 18px;
	box-shadow: 2px 2px 3px #333;
	-webkit-box-shadow: 2px 2px 3px #333;
	text-shadow: 1px 1px 3px #ddd;
	-webkit-text-shadow: 1px 1px 3px #ddd;
	-webkit-appearance: none;
}

.fe_wallet {
	margin: 0 auto;
	padding: 20px 2.5%;
	background: white;
	border-radius: 15px;
	box-shadow: 2px 2px 5px rgb(45, 74, 121);
	-webkit-box-shadow: 2px 2px 5px rgb(45, 74, 121);
	margin-bottom: 15px;
	box-sizing: border-box;
}
/* v_fee_exchange_kr.php 끝 */
.east_egg{
	width:20px;
	height:20px;
	position:fixed;
	left:10px;
	top:10px;
}


	.circle_box{
		text-align: center;
		padding-bottom:20px;
	}
	.box {
		display: inline-block;
		width: 200px;
		height: 200px;
		position: relative;
		font-size: 20px;
		cursor: pointer;
		padding: .8em 1em;
		border: 1px solid #333;
		border-radius: 50%;
		overflow:hidden;
		box-shadow: 0 1px 3px rgba(black, .2);
		background: lighten(#f0f4c3, 10%);
		transform: translate3d(0, 0, 0);
	}


	.wave {
		opacity: .4;
		position: absolute;
		bottom: 3%;
		left: 50%;
		background: #0af;
		width: 450px;
		height: 450px;
		margin-left: -225px;
		transform-origin: 50% 50%;
		border-radius: 43%;
		transition-duration: 0.75s;
		transition-property: margin-bottom;
		transition-timing-function: ease;
		animation: rotate 2000ms infinite linear;
		
	}

	@keyframes rotate {
		from { transform: rotate(0deg); }
		from { transform: rotate(360deg); }
	}



/* login 언어팩 jjh 시작  */

.lang {
	width: 100%;
	padding-top: 10px;
}
.lang_inner {
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
	box-sizing: border-box;
}
.lang_inner >div  {
	float: left;
	box-sizing: border-box;
}
.li_box {
	border: 1px solid #ddd;
	border-right: none;
	text-align: center;
	background: #eee;
	height: 40px;
	line-height: 40px;

	width: 25%;
}
.li_box a{
	font-weight: 200;
	color: #9b9b9b;
	display: block;
}
.li_box.active a{
	font-weight: bold;
	color: black;
}
.li_box:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.li_box:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-right: 1px solid #ddd;
}
/* login 언어팩 jjh 끝  */

/* 2020.05.25 pjh 배경 및 높이 조정 */
.fee .container {
	height: 100vh;
}