/*  My page */
#mypage_in {width:100%; height:auto;  padding:0 20px; clear:both; position:relative }
.mypage_line {width:100%; height:66px; margin:0 auto; padding:0 ;   }
.mypage_line .mypage_name { float:left;  font-size:12px; padding-top:18px; }
.mypage_line .mypage_modify { float:right;  font-size:12px; padding-top:18px;}
.mypage_line .modify_btn { height:28px; line-height:28px; width:63px;  background:#5744ba; border-radius:2px; border:0;  font-size:12px; color:#fff; text-align:center; font-weight:500;  }

.mypage_line2 {width:100%; height:60px; margin:0 auto; list-style:none; }
.mypage_line2 li {float:left; width:50%; height:50px; line-height:50px; background:#7c85a1; font-size:14px; font-weight:400; text-align:center; color:#fff; }
.mypage_line2 li:last-child {float:right; width:50%; height:50px; line-height:49px; background:#6543aa;  }
.mypage_line2 .jh_data {width:100%; font-size:14px; text-align:center;  }

.myin_font {width:100%; height:50px; margin: auto; text-align:center; padding:5px 0 10px 0; font-size:13px; line-height:1.4; color:#514e60;  }

.mypage_line3 {width:100%; height:auto; margin:0 auto; clear:both; position:relative}
.mypage_line3 .myquick {width:100%; height:86px; list-style:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.mypage_line3 .myquick li {
  float:left; 
  height:84px; 
  width:50%; 
  border-left:1px solid #ddd; 
  border-right:1px solid #ddd; 
  text-align:center; 
  padding:18px;
 }
.mypage_line3 .myquick li:nth-child(2) {
  float:left; 
  height:84px; 
  width:50%; 
  border-left:none; 
  border-right:1px solid #ddd; 
  text-align:center; 
}
.mypage_line3 .myquick li:last-child { 
  float:right; 
  width:50%;
  border-left:none; 
  border-right:1px solid #ddd; 
  text-align:center;
}
.mypage_line3 .myquick .quick-font {font-size:12px; text-align:center; font-weight:400; color:#333;}

.myjhin {width:100%;  height:60px;  margin:0 auto; text-align:center; background:#4100cc;}
.myjhin .jhin_font {width:100%; height:60px; line-height:60px; text-align:center; border:0; font-weight:500; font-size:14px; color:#fff; font-family:'S-Core' }

.modify_font {margin-right:5px; text-align:center; color:#333; height:40px; line-height:35px; width:100px; font-size:13px; font-weight:500; border:0;}
.withdrawal {width:100%;  height:auto; padding:20px 10px; text-align:center; border-top:none; border:1px solid #ddd; }



/* My johab */
#myjohab_in {width:100%; clear:both; padding:0 20px; position:relative; }
.myinfo_line {width:100%; display:flex;  margin:0 auto; padding:25px 0 10px 0; list-style:none; }
.myinfo_line .info_name {float:left; width:60%; font-size:12px; font-weight:500px; }
.myinfo_line .dh_lotto_list {float:right; width:40%; font-size:12px; }
.myinfo_line .dh_lotto_list .turn_select {
   float:right;
   font-size:12px; 
   width:100px;    
   height:30px; 
   background-color:#5d59d5; 
   color:#fff;  
   /* Styles */
   border: 1px solid rgba(0,0,0,0.15);
   box-shadow: 0 1px 1px rgba(50,50,50,0.1); 
   padding:3px;		
   border-style:1px #000 solid;
  }
	


.turn_lotto_hd {width:100%; display:block; border-top:1px solid #ddd; margin:0 auto; padding:20px 10px 10px 10px; }
.turn_lotto_hd p {display:block; text-align:center; font-size:13px; color:#6a3783; font-weight:500; font-family:'S-Core';}
.turn_lotto_hd .dangchum_rankmoney {display:block; text-align:center; font-size:.875em; line-height:1.4; color:#323961; font-weight:500;  font-family:'S-Core'; letter-spacing:-.05em;  }	

.dangchum_data {display:block; padding:0 0 15px 0; text-align:center; margin:0 auto; background:#fff; clear:both; }		
.dangchum_ball {width:100%; height:28px; margin:0 auto; list-style:none; text-align:center; display:inline-block; }	
.dangchum_ball li {display:flex; justify-content:center; text-align:center; padding:0; display:inline-block; vertical-align:middle  }	
.dangchum_ball .ballplus {padding-top:20px;  }


.dangchum_mydata {width:100%; height:auto; }	
.dangchum_mydata table {border-collapse: collapse;  }
.dangchum_mydata table th {line-height:35px; color:#3f3f41; font-size:12px; text-align:center; font-weight:500; border:1px solid #dfd8eb;   } 
.dangchum_mydata table td,tr {height:45px; color:#3f3f41; padding:10px 0 10px 0; font-size:12px; line-height:16px; text-align:center; font-weight:500; border:1px solid #dfd8eb;   } 
.dangchum_mydata .noneData {color:#5151bf;}
.dangchum_mydata .winData {color:#dd0f31;}

.pagein {width:100%; padding-top:20px; margin-bottom:20px; text-align:center; } 
.pagein .page_num {width:140px; height:36px; text-align:center; color:#fff; font-size:12px; background:#5741cc; border:0; border-radius:36px; display:inline-block; }  
  



/*  My payment */
#mypay_in {width:100%; display:block; padding:0 20px; position:relative; clear:both; }
.mypay_infoList {width:100%; height:auto; margin:0 auto; padding:15px 0;  }
.mypay_infoList .mypay_info_num  {font-size:12px; text-align:center;  font-weight:500; font-family:'S-Core';}
.mypay_infoList .mypay_info_num .mypay_int_b { line-height:14px; font-weight:500; color:#463796;  }

.mypay_Listdata {width:100%; height:auto; padding:0; margin:0 auto; clear:both;}
.mypay_Listdata table {border-collapse: collapse; }
.mypay_Listdata table th {border:1px solid #ddd; line-height:30px; padding:4px;  text-align:center;  font-size:11px; font-weight:500; font-family:'S-Core';}
.mypay_Listdata table td {border:1px solid #ddd; line-height:16px; padding:8px;  text-align:center;  font-size:11px; font-weight:500; font-family:'S-Core';}
.mypay_Listdata .datap_Font {color:#4736c2; font-weight:600;}


/* My point */
#mypoint_in {width:100%;  display:block;  padding:0 20px; clear:both; position:relative;}
.mypoint_infoList {width:100%; height:auto; margin:0 auto; padding:15px 0; position:relative; }
.mypoint_infoList .mypoint_info_num  {font-size:12px; text-align:center; font-weight:500; font-family:'S-Core'; }
.mypoint_infoList .mypoint_info_num  .mypoint_int_b { line-height:14px; font-weight:500; color:#463796;  }

.mypoint_Listdata {width:100%; height:auto; margin:0 auto; }
.mypoint_Listdata table {border-collapse: collapse; }
.mypoint_Listdata table th {border:1px solid #ddd; line-height:30px; padding:4px;  text-align:center;  font-size:11px; font-weight:500; font-family:'S-Core';}
.mypoint_Listdata table td {border:1px solid #ddd; line-height:16px; padding:8px;  text-align:center;  font-size:11px; font-weight:500; font-family:'S-Core';}

.johab_pbtnBox {width:100%; margin:0 auto; text-align:center; height:60px; padding:15px 0; }
.johab_pbtnBox .payok_btn {float:right; width:49%; text-align:center; color:#fff; height:40px; line-height:35px; border-radius:40px; background:#d31127; font-size:12px; font-weight:500; border:0;}
.johab_pbtnBox .charge_btn {float:left; width:49%; text-align:center; color:#fff; height:40px; line-height:35px; border-radius:40px; background:#6457ef; font-size:12px; font-weight:500; border:0;}



/* Point Charge */
#point_charge {width:100%; display:block;  padding:0 20px; clear:both; position:relative; }

.charge_point {width:100%;; height:auto; margin:0 auto; position:relative; }
.charge_point .point_infotxt {font-size:11px; padding:20px 0 10px 0; text-align:center; font-weight:500; font-family:'S-Core'; }
.charge_point .point_int {font-size:12px; text-align:center; font-weight:500; font-family:'S-Core'; }
.charge_point .point_int_b {line-height:14px; text-align:center; font-weight:500; color:#463796;  }

.point_payment {width:100%; height:auto; margin:0 auto; padding:20px 10px ; position:relative; clear:both;  }
.point_payment li {float:left; width:100%; border-bottom:1px solid #ddd; height:45px;  text-align:left; font-size:12px; font-family:'S-Core'; }
.point_payment .point_item {float:left; line-height:45px; text-align:left; font-size:12px; color:#2c1995; font-weight:600; font-family:'S-Core'; display:inline-block; }
.point_payment .point_price {float:right; text-align:left; line-height:45px; text-align:left; font-size:12px; font-weight:600;  margin-left:10px; font-family:'S-Core'; display:inline-block;}
.point_payment .point_numtxt {float:right; line-height:45px; text-align:left; font-size:12px; color:#2c1995; font-weight:600; font-family:'S-Core'; display:inline-block;}
.point_payment .input_num {width:25px; height:25px; line-height:25px; border:1px solid #ddd; font-size:12px; text-align:center; color:#2c1995;  }
.point_payment .point_radio {border:1px; width:16px; height:16px; margin-top:14px; float:left;  }

.charge_paybox {width:100%; height:auto; margin:0 auto; clear:both; }
.charge_paybox .paybox_txt { text-align:center; height:70px; padding-top:18px; line-height:18px; font-size:13px; color:#333; font-family:'S-Core'; }
.charge_paybox .paybox_price { text-align:center; height:45px; border-radius:45px; border:3px solid #000; line-height:43px; font-size:14px; color:#333; text-align:center; font-weight:600; }
.charge_paybox .price_txt { font-size:18px; font-weight:900; color:#ff0000;  }

.charge_btnBox {width:100%; height:auto; margin:0 auto; padding-top:10px; clear:both; }
.charge_btnBox .payok_btn  {width:100%; text-align:center; color:#fff; height:45px; line-height:45px; background:#4f2cd3; font-size:14px; font-weight:600; border:0; border-radius:45px;}

.caution_img { width:100%; height:auto; margin:0 auto;  text-align:center; padding-top:30px; }

.btnBox { text-align:center; height:60px; margin-top:30px;}
.btnBox  .point_pay_btn { width:100%; text-align:center; color:#fff; height:40px; line-height:40px; background:#4f2cd3; font-size:14px; font-weight:600; border:0; border-radius:40px;}

.mypoint_charge  {width:100%; height:80px; margin:0 auto; padding-top:20px; }
.mypoint_charge  .charge_btn {width:100%; height:40px; background:#4f2cd3 ; line-height:40px; font-size:15px; font-weight:600; color:#fff; text-align:center; border-radius:40px; border:0;  }




/* My modify */
#mymodify_in {width:100%; display:block;  padding:0 20px; clear:both; position:relative; }
.mymodify_infotxt {font-size:12px; padding:20px 0; text-align:center; font-weight:500; font-family:'S-Core'; }
.mymodify_int {font-size:12px; text-align:center; padding:10px 0; font-weight:500; font-family:'S-Core'; }
.mymodify_int_b {line-height:14px; text-align:center; font-weight:500; color:#463796;  }

.mymodify_form  { width:100%; min-height:310px; list-style:none;  padding:0; height:auto; margin:0 auto; clear:both;}
.form_line {float:left; width:100%; border-bottom:1px solid #ddd; line-height:40px; text-align:left; height:40px;  font-size:12px;}
.form_line .formtit_left {float:left; width:30%; line-height:40px; text-align:left; height:40px;  font-size:12px; color:#666; padding:0 20px 0 10px;}
.form_line .member_right {float:left; width:70%; text-align:left;  line-height:40px; text-align:left; height:40px;  font-size:12px; color:#333; padding-right:10px; font-weight:500;}
.form_line .member_pw { border:1px solid #e4dbff; border-radius:0; background-color:#eae3ff; height:25px; width:200px; line-height:25px; color:#333; padding:0 6px; margin-bottom:3px;}
.form_line .agechk {width:15px; height:15px; display:inline-block; margin:0 5px 5px 0; }

.form_btnwrap {width:220px; margin:0 auto; height:40px; }
.form_btnwrap li {float:left; width:50%; text-align:right;}
.form_btnwrap li:last-child {float:right; width:50%; text-align:left; }

.modify_btn {margin-right:5px; text-align:center; color:#fff; height:40px; line-height:35px; width:100px; background:#4f2cd3; font-size:13px; font-weight:500; border:0; border-radius:35px;}
.modify_cancel {margin-left:5px; text-align:center; color:#fff; height:40px; line-height:35px; width:100px;  background:#666; font-size:13px; font-weight:500; border:0; border-radius:35px;}




/* Withdrawal form */
#revocation_in {width:100%; display:block;  min-height:420px; padding:0 20px; margin:0 auto; clear:both; position:relative; }
.revocation_infotxt {width:100%; font-size:11px; padding:20px 0 0 0; text-align:center; font-weight:500; font-family:'S-Core'; letter-spacing:-0.5px }
.revocation_info_num {width:100%; font-size:12px; text-align:center; padding:10px 0; font-weight:500; font-family:'S-Core'; }
.revocation_info_num  .revocation_int_b {line-height:14px; text-align:center; font-weight:500; color:#463796;  }

.withdrawal_form {width:90%; height:auto; height:auto; margin:0 auto;}
.withdrawal_form li{float:left; width:100%; height:40px; display:inline-block;}
.withdrawal_form_line {float:left; width:100%; border-bottom:1px solid #ddd; line-height:40px; text-align:left; height:40px;  font-size:12px;}
.withdrawal_form_line .formtit_left {float:left; width:25%; line-height:40px; text-align:left; height:40px;  font-size:12px; color:#666; padding:0 20px 0 10px;}
.withdrawal_form_line .member_right {float:left; width:75%; text-align:left;  line-height:40px; text-align:left; height:40px;  font-size:12px; color:#333; padding-right:10px; font-weight:500;}
.withdrawal_form_line .member_pw { border:1px solid #e4dbff; border-radius:0; background-color:#eae3ff; height:25px; width:200px; line-height:25px; color:#333; padding:0 6px; margin-bottom:3px;}

.withdrawal_btnin {width:90%; height:40px; margin:0 auto; text-align:center; padding-top:20px; clear:both; position:relative;  }
.withdrawal_btnin .withdrawal_btn { 
  width:100%;
  text-align:center; 
  color:#fff; 
  height:45px; 
  line-height:45px; 
  background:#4f2cd3; 
  font-weight:500;
  border:0; 
  border-radius:45px; 
  display:block;
}



/* pagenation */
.pagination {width:100%; text-align: center;  padding:0 20px;}
.pagination a, .pagination strong {
    background: #fff;
    display: inline-block;
    margin-right: 3px;
    padding: 4px 10px;
    text-decoration: none;
	line-height: 1.2em;	
	font-size:11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	color:#5b596b;
}
.pagination a:hover {background-color: #BEBEBE;  color: #fff;}
.pagination a:active {background: rgba(190, 190, 190, 0.75);}
.pagination strong {color: #fff; background-color: #7f73d7;}