/*마이페이지 신규*/
.schedule_title {width: 100%; font-size: 20px; font-weight: 800; padding: 10px 20px 0; margin: 0 auto; display: flex; align-items: center; justify-content: space-between}
.schedule_body {font-size: 16px; font-weight: 600; margin: 30px auto 20px; width: 100%; }
.schedule_body thead tr th{background: #fff;  height: 50px;}
.schedule_body tbody th {height: 60px}
.schedule_body tbody th:last-child {border-right: none;}
.schedule_body tbody td {cursor: pointer; padding: 10px 0; text-align: center;}
.schedule_body tbody td:last-child {border-right: none;}
.schedule_body tbody tr:last-child td {border-bottom: none;}
.schedule_body tbody td.select_day {background: #E80049; color: #fff;}
.schedule_body tbody td.select_day.active {background: #E80049 !important; color: #fff !important;}
.schedule_body tbody td.select_day.disabled  {background: #ddd; color: #fff !important;}
.schedule_body tbody td div {background: #f7f7f7; width: 60%; aspect-ratio: 1 / 1; border-radius: 50px; display: flex; align-items: center; justify-content: center; margin: 0 auto}
.schedule_body tbody td div.day_default {background: #f7f7f7; }
.schedule_body tbody td div.day_today {background: #E80049; color: #fff}
.schedule_body tbody td div.day_done {background: #000; color: #fff}
.schedule_body tbody td div.day_selectday {background: #E80049; color: #fff }

.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ellipsis1 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word;}
.ellipsis2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.ellipsis3 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word;}
.ellipsis4 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word;}
.ellipsis5 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word;}
.ellipsis12 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 12; -webkit-box-orient: vertical; word-wrap:break-word;}

#btn_code_copy {cursor: pointer}

.mybtn_gray13 {background: #eee; padding: 7px 15px; font-size: 13px; font-weight: 500; border-radius: 5px; color: #777; display: flex; align-items: center; justify-content: center }
.mybtn_pink16 {background: #E80049; padding: 7px 15px; font-size: 13px; font-weight: 500; border-radius: 5px; color: #fff; display: flex; align-items: center; justify-content: center;}
.mybtn_pink16.gray {background: #E80049; color: #fff}
.btn_today_check {background: #000; padding: 15px 0px; font-size: 16px; font-weight: 500; border-radius: 5px; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; margin: 30px 0 0}
.btn_today_check_done {background: #ccc; padding: 15px 0px; font-size: 16px; font-weight: 500; border-radius: 5px; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; margin: 30px 0 0}

.mypage_cont_box {border: 1px solid #ddd; background: #f7f7f7; border-radius: 10px; padding: 25px 30px}
.mypage_cont_box .cont_tl {display: flex; justify-content: space-between;}
.mypage_cont_box .cont_tl h3 {font-size: 18px; font-weight: 600}
.mypage_cont_box .cont_tl a {display: flex; align-items: center; color: #E80049; font-size: 13px; font-weight: 400}
.mypage_cont_box .cont_tl a img {margin-left: 5px}
.mypage_cont_box .recommend_box {}
.mypage_cont_box .recommend_box .recommend_tl {display: flex; justify-content: space-between; align-items: center; padding: 20px 0 0px}
.mypage_cont_box .recommend_box .recommend_tl h3 {color: #555; font-size: 14px; }
.mypage_cont_box .recommend_box .recommend_tl h3 strong {font-weight: 600; color: #E80049; font-size: 18px}
.mypage_cont_box .recommend_box .recommend_tl span {color: #777; font-size: 12px; }
.mypage_cont_box .recommend_box .recommend_tl2 {display: flex; justify-content: space-between; align-items: center}
.mypage_cont_box .recommend_box .recommend_tl2 h3 {color: #555; font-size: 14px; }
.mypage_cont_box .recommend_box .recommend_tl2 h3 strong {font-weight: 600; color: #E80049; font-size: 36px; display: block; margin-top: 5px}
.mypage_cont_box .recommend_box .recommend_tl2 h3 span {font-size: 18px; }
.mypage_cont_box .recommend_box .recommend_tl3 {display: flex; justify-content: space-between; align-items: center}
.mypage_cont_box .recommend_box .recommend_tl3 h3 {color: #555; font-size: 14px; }
.mypage_cont_box .recommend_box .recommend_tl3 p {font-weight: 600; color: #E80049; font-size: 22px; display: block; margin-top: 5px}
.mypage_cont_box .recommend_box .recommend_code {background: #fff; border-radius: 10px; padding: 12px 20px; margin-top: 20px; display: flex; justify-content: space-between; align-items: center}
.mypage_cont_box .recommend_box .recommend_code div {font-size: 14px; color: #777; letter-spacing: -1px}
.mypage_cont_box .recommend_box .recommend_code p {padding: 10px 15px}
.mypage_cont_box .recommend_box .recommend_code p img {margin-right: 5px}
.mypage_cont_box .post_box {padding: 20px 0 0px}
.mypage_cont_box .post_box ul {}
.mypage_cont_box .post_box ul li {display: flex; justify-content: space-between; align-items: center; font-size: 13px; padding: 5px 0; color: #777}
.mypage_cont_box .post_box ul li a {color: #777}
.mypage_cont_box .post_box ul li p {width: calc(100% - 80px)}
.mypage_cont_box .post_box ul li span {width: 80px; text-align: right}

.mypage_box_wrap {}
.mypage_box_wrap .head_tl {}
.mypage_box_wrap .head_tl h3 {font-size: 20px; font-weight: 600}
.mypage_box_wrap .head_tl p {font-size: 14px; font-weight: 600; color: #777; padding: 20px 0 0; line-height: 1.6}
.mypage_box_wrap .content_box {}
.mypage_box_wrap .content_box .mypage_info {display: flex; justify-content: space-between; align-items: center}
.mypage_box_wrap .content_box .mypage_info .my_profile {display: flex; align-items: center}
.mypage_box_wrap .content_box .mypage_info .my_profile .my_character {width: 50px; height: 50px; border-radius: 25px;border: 1px solid #ccc; overflow: hidden; display: flex; justify-content: center; align-items: center}
.mypage_box_wrap .content_box .mypage_info .my_profile .my_character img {width: 86%; height: auto}
.mypage_box_wrap .content_box .mypage_info .my_profile strong {font-size: 18px; font-weight: 600; margin-left: 10px}
.mypage_box_wrap .content_box .mypage_info .my_profile a {margin-left: 10px}
.mypage_box_wrap .content_box .mypage_info .go_point_ex {height: 36px}
.mypage_box_wrap .content_box .mypage_info .go_point_ex img {margin-right: 5px}
.mypage_box_wrap .content_box .mypage_point {border: 1px solid #ddd; padding: 25px 30px; border-radius: 10px; margin-top: 20px}
.mypage_box_wrap .content_box .mypage_point .my_point {display: flex; align-items: center; justify-content: space-between;}
.mypage_box_wrap .content_box .mypage_point .my_point h3 {color: #747474; font-size: 16px; }
.mypage_box_wrap .content_box .mypage_point .my_point h3 img {margin-right: 5px}
.mypage_box_wrap .content_box .mypage_point .my_point h3 strong {font-weight: 600; color: #E80049}
.mypage_box_wrap .content_box .mypage_point .my_point div {font-size: 14px; color: #747474;}
.mypage_box_wrap .content_box .mypage_point .my_point div strong {font-weight: 600; color: #000}
.mypage_box_wrap .content_box .mypage_point .my_point_graph {margin: 20px 0 0; width: 100%; height: 16px; border-radius: 20px; background: #eee; overflow: hidden} 
.mypage_box_wrap .content_box .mypage_point .my_point_graph span {display: block; width:70%; height: 100%; background: #E80049; border-radius: 0px }
.mypage_box_wrap .content_box .mypage_button {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 35px}
.mypage_box_wrap .content_box .mypage_button a {background: #f7f7f7; color: #000; width: 18%; padding: 25px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; border-radius: 10px; margin: 0 0 18px}
.mypage_box_wrap .content_box .mypage_button a span {margin-top: 10px; font-size: 14px; font-weight: 600}
.mypage_box_wrap .content_box .mypage_button a:last-child {display: none}
.mypage_box_wrap .content_box .cont_recommend {margin-top: 35px}
.mypage_box_wrap .content_box .cont_post {margin-top: 35px}

.mypage_box_wrap .cont_list {margin: 35px 0 0}
.mypage_box_wrap .cont_list .recommend_tl {border-bottom: 1px solid #ccc; padding: 0 0 8px}
.mypage_box_wrap .cont_list .recommend_tl h3 {color: #000; font-size: 18px;}
.mypage_box_wrap .cont_list .recommend_list {padding: 20px 0}
.mypage_box_wrap .cont_list .recommend_list ul {display: flex; flex-wrap: wrap}
.mypage_box_wrap .cont_list .recommend_list ul li {width: 23%; margin: 0 1% 10px; background: #f7f7f7; border: 1px solid #ddd; color: #555; border-radius: 5px; padding: 12px 30px; text-align: center; font-size: 14px; font-weight: 600}
.mypage_box_wrap .cont_list .calendar_box {border: 1px solid #ddd; border-radius: 10px; padding:40px 40px; }
.mypage_box_wrap .cont_list .check_winner_tl {margin: 60px 0 0}
.mypage_box_wrap .cont_list .check_winner_list {padding: 20px 0}
.mypage_box_wrap .cont_list .check_winner_list ul {}
.mypage_box_wrap .cont_list .check_winner_list ul li {display: flex; justify-content: space-between; align-items: center; margin: 15px 0; background: #f7f7f7; border: 0px solid #ddd; color: #555; border-radius: 5px; padding: 15px 20px; text-align: center; font-size: 14px; font-weight: 600}
.mypage_box_wrap .cont_list .check_winner_list ul li:nth-child(1) {background: #ffe8ef; color: #E80049; border: 0px solid #E80049; margin-top: 0px}
.mypage_box_wrap .cont_list .check_winner_list ul li p {display: flex; align-items: center;}
.mypage_box_wrap .cont_list .check_winner_list ul li p strong {margin: 0 10px 0 0}
.mypage_box_wrap .cont_list .cate_tl {display: flex; align-items: center}
.mypage_box_wrap .cont_list .cate_tl a {width: 120px; margin: 0 12px 10px 0; border: 1px solid #ddd; color: #000; padding: 8px 0; text-align: center; border-radius: 5px; font-size: 12px}
.mypage_box_wrap .cont_list .cate_tl a.on {background: #000; border: 1px solid #000; color: #fff}
.mypage_box_wrap .cont_list .goods_list {margin: 30px 0 0}
.mypage_box_wrap .cont_list .goods_list ul {display: flex; align-items: center; flex-wrap: wrap}
.mypage_box_wrap .cont_list .goods_list ul li {border: 1px solid #ddd; border-radius: 10px; overflow: hidden; width: calc(50% - 20px); margin: 0 10px 20px; padding: 0; display: flex; flex-direction: column}
.mypage_box_wrap .cont_list .goods_list ul li div {background: #f7f7f7; padding: 20px 40px; text-align: center}
.mypage_box_wrap .cont_list .goods_list ul li div img {width: 100%; max-width: 269px}
.mypage_box_wrap .cont_list .goods_list ul li p {padding: 15px 20px 0; display: flex; justify-content: space-between; align-items: center; font-size: 14px;}
.mypage_box_wrap .cont_list .goods_list ul li p strong {font-weight: 600; color: #E80049; font-size: 18px;}
.mypage_box_wrap .cont_list .goods_list ul li a {margin: 15px 20px 20px; text-align: center}
.mypage_box_wrap .cont_list .goods_list ul li a img {margin-right: 5px; padding: 5px 0}
.mypage_box_wrap .cont_list .post_box {padding: 10px 0 0px}
.mypage_box_wrap .cont_list .post_box .tbl_tl {background: #fff; border-top: 2px solid #000; border-bottom: 1px solid #aaa; color: #000; font-weight: 600; font-size: 14px;; display: flex; text-align: center; padding: 15px 15px}
.mypage_box_wrap .cont_list .post_box .tbl_tl div {width: 70%}
.mypage_box_wrap .cont_list .post_box .tbl_tl p {width: 30%}
.mypage_box_wrap .cont_list .post_box ul {border-top: 1px solid #eee; border-bottom: 1px solid #eee}
.mypage_box_wrap .cont_list .post_box ul li {display: flex; align-items: center; justify-content: space-between; text-align: center; font-size: 13px; padding: 22px 25px; color: #777}
.mypage_box_wrap .cont_list .post_box ul li:nth-child(2n) {background: #f7f7f7}
.mypage_box_wrap .cont_list .post_box ul li div {display: flex; flex-direction: column}
.mypage_box_wrap .cont_list .post_box ul li div p {font-weight: 600; font-size: 14px; color: #000; letter-spacing: 0px}
.mypage_box_wrap .cont_list .post_box ul li div strong {font-weight: 600; font-size: 14px; color: #E80049; text-align: right; letter-spacing: 0px}
.mypage_box_wrap .cont_list .post_box ul li a {color: #777}
.mypage_box_wrap .cont_list .post_box ul li p {text-align: left}
.mypage_box_wrap .cont_list .post_box ul li span {text-align: left;letter-spacing: 0px; padding: 5px 0 0}
.mypage_box_wrap .cont_list .post_box ul li div:nth-child(2) span {text-align: right}
.mypage_box_wrap .cont_list .post_box .tbl_paging {}
.mypage_box_wrap .cont_list .post_box .tbl_paging a {width: 25px; height: 25px; border-radius: 5px; line-height: 25px}
.mypage_box_wrap .cont_list .post_box .tbl_paging .pg_current {width: 25px; height: 25px; border-radius: 5px; line-height: 25px; border: 1px solid #df0000;}

.level_grade_box {padding: 20px 10px}
.level_grade_box li {display: flex; justify-content: space-between; align-items: center; padding: 7px 0}
.level_grade_box li strong {display: flex; align-items: center; font-size: 16px}
.level_grade_box li strong img {width: 30px; margin-right: 5px}
.level_grade_box li span {color: #555; letter-spacing: 0px; font-size: 14px; font-weight: 400 }
.level_grade_box li span.colorMain {color: #E80049;}

@media screen and (max-width:1000px){
	.schedule_body tbody td div {width: 80%}
	.mybtn_gray13 {font-size: 12px; padding: 5px 10px;}
	.mybtn_pink16 {font-size: 12px; padding: 5px 10px; color: #fff !important}
	#btn_code_copy {width: 100px}
	
	.mypage_box_wrap {padding: 10px}
	.mypage_box_wrap .content_box .mypage_info .my_profile .my_character {width: 40px; height: 40px}
	.mypage_box_wrap .content_box .mypage_info .my_profile strong {font-size: 14px; margin-left: 5px}
	.mypage_box_wrap .content_box .mypage_info .go_point_ex img {width: 14px}

	.mypage_box_wrap .content_box .mypage_point {padding:25px 20px}
	.mypage_box_wrap .content_box .mypage_point .my_point {flex-wrap: wrap;}
	.mypage_box_wrap .content_box .mypage_point .my_point div {padding: 5px 0 0}
	
	.mypage_box_wrap .content_box .mypage_button {}
	.mypage_box_wrap .content_box .mypage_button a:last-child {display: flex}
	.mypage_box_wrap .content_box .mypage_button a {width: 31%; margin: 0 0 7px}
	.mypage_box_wrap .content_box .mypage_button a img {width: 24px}

	.mypage_cont_box {padding: 20px}
	.mypage_cont_box .recommend_box .recommend_tl {flex-wrap: wrap; flex-direction: column; align-items: flex-start}
	.mypage_cont_box .recommend_box .recommend_code div {width:calc(100% - 100px)}
	.mypage_cont_box .recommend_box .recommend_code p {padding: 7px 10px}
	.mypage_box_wrap .cont_list .recommend_list ul li {width: 48%;}
	
	.mypage_box_wrap .cont_list .goods_list ul li {width: 100%}

	.mypage_box_wrap .cont_list .calendar_box {padding: 15px}
}