﻿/* 최신 */
.my_p_wrap {width: 205px; float: left;}
.my_p_wrap span{display: block; text-align: center;}
.my_p_wrap .my_p_icon{margin: 20px auto 0 auto;}
.my_p_wrap .my_p_icon .mb_normal{width: 120px; height: 90px; margin: 0 auto; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden;}
.my_p_wrap .my_p_icon .mb_normal.mb_0{background: url(../images/membership_0.png) no-repeat center; background-size: cover;}
.my_p_wrap .my_p_icon .mb_normal.mb_1{background: url(../images/membership_1.png) no-repeat center; background-size: cover;}
.my_p_wrap .my_p_icon .mb_normal.mb_2{background: url(../images/membership_2.png) no-repeat center; background-size: cover;}
.my_p_wrap .my_p_icon .mb_normal.mb_3{background: url(../images/membership_3.png) no-repeat center; background-size: cover;}
.my_p_wrap .my_p_icon .mb_normal.mb_4{background: url(../images/membership_4.png) no-repeat center; background-size: cover;}
.my_p_wrap .my_p_icon .mb_normal.mb_5{background: url(../images/membership_5.png) no-repeat center; background-size: cover;}
.my_p_wrap .my_nickname{margin-top: 10px; color: #222; font-size: 15px; font-weight: 500;}
.my_p_wrap .my_class{margin-top: 4px; font-size: 15px; color: #444;}
.my_p_wrap .my_phone{margin-top: 4px; font-size: 16px; font-weight: 700; letter-spacing: -1px;}

.my_list_wrap {float: left; width: 853px; padding: 0 15px 15px 0;}
.my_list_wrap .ml_tit {padding: 12px 10px; font-size: 18px; text-align: left; font-weight: bold;}
.my_list_wrap .ml_tit:nth-child(2) {padding-top: 24px;}
.my_list_wrap .ml_tit a{color: #444; text-decoration: none;}
.my_list_wrap .my_list_con {background: #f4f4f4;}
.my_list_wrap .my_list_con li {width: 33.33%; float: left; border: 1px solid #e8e8e8;}
/* .my_list_wrap .my_list_con li.bd-0 {border: none !important;} */
.my_list_wrap .my_list_con li a {display: block; padding: 12px 50px; color: #6e6e6e; text-align: center; font-size: 14px;}
.my_list_wrap .my_list_con li a:hover {background: #ff681d; transform: 0.2s all; color: #fff; font-weight: bold; text-decoration: none;}


.sec_mypage .inner::after{content: ""; display:block; clear: both;}
.sec_mypage .my_sidebar{display: flex; width: 100%; border: 1px solid #eee;}
.sec_mypage .my_sidebar .my_profileW{float: left; border-right: 1px solid #eee;}
.sec_mypage .my_contentW{float: left; width: 100%; border: 1px solid #eee; margin-top: 20px;}
.sec_mypage .my_sidebar .my_menuW > ul > li{width: 658px;}
.sec_mypage .my_sidebar .my_menuW > ul li{float: left;}

.my_box_titW{padding: 20px 24px; position: relative; border-bottom:1px solid #eee;}
.my_box_titW h2{font-size: 17px; color:#333; line-height: 26px; font-weight: 500;}
.my_tabW{background:#f4f4f4; border-bottom: 1px solid #eee; text-align: center; padding: 10px 0;}
.my_tabW h3{font-size:15px;}
.my_tabW ul{font-size: 0; line-height:0; margin-right: -1px;}
.my_tabW ul li{display: inline-block; text-align: center; margin-left: -1px;}
.my_tabW ul li a{display: block; border: 1px solid #ddd; font-size: 15px; padding: 0 27px; height: 40px; line-height: 40px; min-width: 80px; color: #777;}
.my_tabW ul li a.active{border-color:#ff681d; color:#ff681d; background: #fff; position: relative;}
.my_tabW ul li a:hover {color:#ff681d; text-decoration:none;}
.my_tabW ul li .turn_info{ display: block; border: 1px solid #ddd; font-size: 16px; padding: 0 15px; height: 40px; line-height: 40px; min-width: 110px; color: #777; background: url(../images/select_arr.png) right center no-repeat #fff; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-position: 80px;}
.my_tabW ul li select::-ms-expand {display: none}
.my_profileW{ padding:34px 35px; text-align: center; /* border-bottom:1px solid #ddd;*/ position: relative;}
.my_profileW .my_p_icon{ margin:auto; border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px;}
.my_profileW .my_p_icon .mb_normal{ width: 80px; height: 80px; display: inline-block; border-radius: 100%;}

.my_profileW .my_p_name span{ display: block;}
.my_profileW .my_p_name span.my_nickname{ color:#564633; font-size: 14px; padding: 5px 0 0; font-weight: 500;}
.my_profileW .my_p_name span.my_phone{ font-size: 16px; font-weight: 600; letter-spacing: -1px; margin-top: 10px;}

.my_menuW ul li a{display: block; background:#fff; color:#333; padding: 13px 30px; font-size: 15px; border-bottom: 1px solid #eee; font-weight: 500;}
.my_menuW ul li .side_subMenuW{background: #faf8f5; height: 54px; line-height: 42px;}
.my_menuW ul li .side_subMenuW ul li{position: relative;}
.my_menuW ul li .side_subMenuW ul li a{padding: 6px 30px 6px 40px; color: #777; font-size: 15px; background: #faf8f5; border-bottom: 0;}
.my_menuW ul li .side_subMenuW ul li::before{content:""; display: block; width: 2px; height: 2px; background: #7a7a7a; position: absolute; top: 50%; left: 30px;}


.my_state.style1{color:#3c5aaf;}
.my_state.style2{color:#555;}
.my_state.style3{color:#aaa;}
.my_state.style4{color:#fc413d;}

.my_btnIn{color:#3d4d63; position: relative;}
.my_btnIn:hover{color:#3c5aaf;}
.my_btnIn::after{position: absolute; bottom:-1px; left:50%; margin-left:-22px; content: "";
 display: block; width:0; height:1px; background:#3c5aaf; -webkit-transition: width 0.2s; /* Safari */ transition: width 0.2s;}
.my_btnIn:hover::after{width:45px;}

.my_combinationW{background:url('../images/bg_pattern1.png') center center; padding: 35px; text-align: center; border-bottom: 1px solid #ddd;}
.my_combinationW .my_com{display: block; margin:0 auto;}
.my_combinationW .my_com.title{font-size: 17px; font-weight: 600;}
.my_combinationW .my_com.price{font-size:50px; color: #fc413d; font-weight: 500; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
.my_combinationW .my_com.price .icon_won{display: inline-block; width: 37px; height: 30px; background:url('../images/icon_won2.png') no-repeat 0 0; vertical-align: middle; margin-right: 10px; margin-bottom: 2px;}
.my_combinationW .my_com.priceK{color:#888; font-size: 14px;}
.my_tableW.non_display{display:none;}
.my_tableW .ball_box .ball {width: 44px; height: 44px; display: inline-block; float: left;	background: url(../images/lotto_ball.png) no-repeat; font-size: 0; text-indent: -99999em; line-height: 99999em; margin: 0 5px;}
.my_tableW .ball_box .ball.bonus {width: 8px; background-position: -288px -216px;}
.my_tableW .ball_box .ball.num1 { background-position: 0 0; }
.my_tableW .ball_box .ball.num2 { background-position: -54px 0; }
.my_tableW .ball_box .ball.num3 { background-position: -108px 0; }
.my_tableW .ball_box .ball.num4 { background-position: -162px 0; }
.my_tableW .ball_box .ball.num5 { background-position: -216px 0; }
.my_tableW .ball_box .ball.num6 { background-position: -270px 0; }
.my_tableW .ball_box .ball.num7 { background-position: -324px 0; }
.my_tableW .ball_box .ball.num8 { background-position: -378px 0; }
.my_tableW .ball_box .ball.num9 { background-position: -432px 0; }
.my_tableW .ball_box .ball.num10 { background-position: -486px 0; }
.my_tableW .ball_box .ball.num11 { background-position: 0 -54px; }
.my_tableW .ball_box .ball.num12 { background-position: -54px -54px; }
.my_tableW .ball_box .ball.num13 { background-position: -108px -54px; }
.my_tableW .ball_box .ball.num14 { background-position: -162px -54px; }
.my_tableW .ball_box .ball.num15 { background-position: -216px -54px; }
.my_tableW .ball_box .ball.num16 { background-position: -270px -54px; }
.my_tableW .ball_box .ball.num17 { background-position: -324px -54px; }
.my_tableW .ball_box .ball.num18 { background-position: -378px -54px; }
.my_tableW .ball_box .ball.num19 { background-position: -432px -54px; }
.my_tableW .ball_box .ball.num20 { background-position: -486px -54px; }
.my_tableW .ball_box .ball.num21 { background-position: 0 -108px; }
.my_tableW .ball_box .ball.num22 { background-position: -54px -108px; }
.my_tableW .ball_box .ball.num23 { background-position: -108px -108px; }
.my_tableW .ball_box .ball.num24 { background-position: -162px -108px; }
.my_tableW .ball_box .ball.num25 { background-position: -216px -108px; }
.my_tableW .ball_box .ball.num26 { background-position: -270px -108px; }
.my_tableW .ball_box .ball.num27 { background-position: -324px -108px; }
.my_tableW .ball_box .ball.num28 { background-position: -378px -108px; }
.my_tableW .ball_box .ball.num29 { background-position: -432px -108px; }
.my_tableW .ball_box .ball.num30 { background-position: -486px -108px; }
.my_tableW .ball_box .ball.num31 { background-position: 0 -162px; }
.my_tableW .ball_box .ball.num32 { background-position: -54px -162px; }
.my_tableW .ball_box .ball.num33 { background-position: -108px -162px; }
.my_tableW .ball_box .ball.num34 { background-position: -162px -162px; }
.my_tableW .ball_box .ball.num35 { background-position: -216px -162px; }
.my_tableW .ball_box .ball.num36 { background-position: -270px -162px; }
.my_tableW .ball_box .ball.num37 { background-position: -324px -162px; }
.my_tableW .ball_box .ball.num38 { background-position: -378px -162px; }
.my_tableW .ball_box .ball.num39 { background-position: -432px -162px; }
.my_tableW .ball_box .ball.num40 { background-position: -486px -162px; }
.my_tableW .ball_box .ball.num41 { background-position: 0 -216px; }
.my_tableW .ball_box .ball.num42 { background-position: -54px -216px; }
.my_tableW .ball_box .ball.num43 { background-position: -108px -216px; }
.my_tableW .ball_box .ball.num44 { background-position: -162px -216px; }
.my_tableW .ball_box .ball.num45 { background-position: -216px -216px; }

.my_tableW .table_st .bgGray{border-bottom:1px solid #eee;} 
.my_tableW .table_st .noto tr th {font-size:15px; color:#444; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-weight:500; white-space: nowrap;}

/*
.my_tableW .table_st .bgGray td {font-size:15px; font-family:'Lato','NotoSansKR','NanumSquare','Rajdhani',sans-serif; font-weight:500; }
.my_tableW .table_st .bgGray td:first-child {border-right:1px solid #ddd;}
.my_tableW .table_st .bgGray td:nth-of-type(3){border-left:1px solid #ddd; border-right:1px solid #ddd;}
.my_tableW .table_st .bgGray:nth-child(even){background:#fff !important; }
.my_tableW .table_st .bgGray:first-child{border-top:1px solid #ddd;}
*/
.my_tableW table td .ball_box{width: 330px;}
.my_tableW .ball_box .ball{position:relative;overflow: inherit;}
.my_tableW .table_st .bgGray .ball_box {overflow:inherit;}
/*
.my_tableW .ball_box .ball:after{content: ''; position: absolute; top: -26px; right: -6px; width: 1px;    height: 87px; background: #ddd;}
.my_tableW .ball_box .ball:nth-of-type(6):after{display:none}
*/


/* table_st5 */
.table_st5 th{text-align: left; padding: 15px 25px 16px ; color:#888; position: relative; font-weight:500;}
.table_st5 th::after{display: block; content: ""; position: absolute; width:1px; height:12px; background: #ddd; top:50%; margin-top:-6px; right:0;}
.table_st5 td{padding: 15px 10px 16px 25px; color:#333;}
.table_st5 td input[type=text],
.table_st5 td input[type=password],
.table_st5 td select{background:#f9f9f9; border:1px solid #eee; height:35px; line-height:33px; padding:0 10px; margin:-6px 0; width:40%;}
.table_st5 td input[type=text]:focus,
.table_st5 td input[type=password]:focus{border-color:#7c7f92; background: #fafafa;}
.btnPhoneN{display:inline-block; line-height:33px; border:1px solid #ddd; padding:0 15px; vertical-align: middle; margin:-6px 5px;}
.btnPhoneN:hover{text-decoration: underline;}
.my_btnArea{background:#f4f4f4; padding:15px 0; text-align: center;}

.my_p_btnC{text-align: center; height: 45px; line-height: 43px; padding: 0 20px; display: inline-block; border-radius: 5px; font-size: 15px; min-width: 150px;}
.my_p_btnC.style1{background:#2f2f2f; color: #fff; border: 1px solid #2f2f2f;}
.my_p_btnC.style2{background:#fff; color:#2f2f2f; border: 1px solid #2f2f2f;}
.my_infoBox{padding: 30px 25px;}
.my_infoBox ul li{margin: 5px 0; font-size: 14px; position: relative; padding: 0 0 0 10px;}
.my_infoBox ul li::after{content: ""; display: block; width: 2px; height: 2px; background: #aaa; top: 50%; left: 0; position: absolute;}
.payChoiceW{border-bottom:1px solid #eee; font-size:14px;}
.payChoiceW ul::after{content: ""; clear: both; display: block;}
.payChoiceW ul{margin-right:-2px;}
.payChoiceW ul li{float: left; width:33.3333333%; border-right:1px solid #eee; text-align: center; padding: 15px 0;}