@charset "utf-8";
/* -------------------------------------------
*
* Project : 웰빙클럽 
* File name : /css/mypage.css
* Version : 1.0.0
* SUMMARY : 
*
* 1) 서브메뉴
* 2) 
* 3) 
* 4) 
* 5) 
* 6) 
*
* -------------------------------------------*/

/* **************************************** *
 * 마이페이지 - 개인정보변경
 * **************************************** */

.list-table li {
	display:flex;
}

ul.list-table li.wd50 {
	width:50%;
	margin:0;
}

ul.list-table li.wd50 div, ul.list-table li.wd50 div.desc {
	width:50%;
}

ul.list-table.width100 div.desc {
	width:75%;
}

.list-table input[type="file"] {
	display:none;
}

ul.list-table li .desc label.file_label {
    line-height:30px;
}

.list-board-editer .bcontents .row-attr span.file_name {
    width:75%;
	display:inline-block;
	float:left;
	border:1px solid #ddd;
    border-right:0;
	padding:0 10px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	height:30px;
	line-height:29px;
    border-radius:4px;
    margin-right:-4px;
    background-color:#eee;
}

ul.list-table li span.file_name {
	width:75%;
	display:inline-block;
	float:left;
	border:1px solid #ddd;
    border-right:0;
	padding:0 10px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	height:30px;
	line-height:29px;
    border-radius:4px;
    margin-right:-4px;
    background-color:#eee;
}

.desc label {
	width:70%;
}

ul.list-table li span.alert {
	  position: relative;
    display: block;
    font-size: 16px;
    padding: 15px 20px 15px 45px;
    margin-bottom: 13px;
    border-radius: 5px;
    text-align: left;
    width: 100%;
}

/* **************************************** *
 * 마이페이지 - 스마트폰 분실/고장
 * **************************************** */

.oneday_barcode_wrap {
	background: #4c99d6;
	border-radius: 10px;
	padding: 20px 0px;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}
.oneday_barcode_wrap p {
	background: #fff;
	padding:10px 50px;
	margin:0 auto;
}
.box-info.barcode_print_content {
	margin-bottom:0;
}
.box-bg.oneday {
	/*  background:url('/images/mypage/img-oneday.jpg') 0 0 no-repeat;
	background-position: center;*/
	background: #f7f7f7;
    background-size: cover;
    background-position: center;
}

/* **************************************** *
 * 마이페이지 - 이용권 구매
 * **************************************** */
.box-bg.buy {
	/*  background:url('/images/mypage/img-buy.jpg') 0 0 no-repeat;
	background-position: center;*/
	background: #f7f7f7;
    background-size: cover;
    background-position: center;
}
label.title {
	font-size:16px;
}
.buy_date_select {
	float:right;
    margin-top:-5px;
}

/* **************************************** *
 * 마이페이지 - 포인트
 * **************************************** */

 .box-bg.point {
	/*background:url('/images/mypage/img-point.jpg') 0 0 no-repeat;
	background-position: center;*/
	background: #f7f7f7;
    background-size: cover;
    background-position: center;
 }
 .box-info .row-inner .point_wrap p.title {
	position: relative;
	margin-top: 10px;
	padding-left: 30px;
 	font-size: 23px;
	line-height:1;
	color:#1f66f5;
 }

.box-info .row-inner .point_wrap p.title img{
	position: absolute;
	left: 0px;
	width: 25px;
 }

 .point_wrap .desc {
	margin-bottom:0;
 }
 .point_num {
	font-size:30px;
	line-height:1;
	margin-left:10px;
	color:#1f66f5;
 }
.end {
    line-height:28px;
    font-weight:300;
    color:#f00;
    font-size:80%;
 }

 /* **************************************** *
 * 마이페이지 - 상품 신청
 * **************************************** */
 
.dp_block {
	display:block;
}
.product-contents {
	  margin-bottom: 15px;
    border: 1px solid #e4e2e2;
    border-radius: 5px;
    background: #fff;
}
.product-contents > a {
	display:inline-block;
	width:100%;
	height:180px;
	overflow:hidden;
	text-align:center;
}
.product-contents img.thumbs {
	max-width:200px;
	max-height:200px;
}
.product-contents .info {
	position:relative;
	padding:20px;
	border-top:1px solid #d6d6d6;
	background:transparent;
}
.product-contents .info.border-none {
	border:none;
}
.product-contents .info .title {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 400;
	color: #000;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
		
}

/* .product-contents .info .title_2 {
	display:inline-block; 
	line-height: 27px;
} */

.product-contents .info .title .textbtn {
	top: 3px; 
	float:right; 
	font-size: 13px; 
	font-weight: 200; 
	position: relative; 
	padding-right: 15px;
}

.product-contents .info .title .textbtn_2 {
	top: -26px; 
	float:right; 
	font-size: 13px; 
	font-weight: 200; 
	position: relative; 
	padding-right: 15px;
}

.product-contents .info .title .textbtn::after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 6px;
    right: 2px;
    border: 1px solid #4168b7;
    border-width: 1px 1px 0 0;
    height: .5em;
    margin: 0 0 1px 10px;
    transform: rotate(45deg);
    width: .5em;
}

.product-contents .info .title .textbtn_2::after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 6px;
    right: 2px;
    border: 1px solid #4168b7;
    border-width: 1px 1px 0 0;
    height: .5em;
    margin: 0 0 1px 10px;
    transform: rotate(45deg);
    width: .5em;
}

/* .product-contents .info>ul>li {
	margin-bottom:5px;
} 
*/


.product-contents .info ul li .pst {
	position: relative;
	display: inline-block;
	width: 65px;
	margin-right: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #717171;
}
.product-contents .info ul li .pst::after {
	position: absolute;
	content: '';
	top: 5px;
	right: 0;
	width: 1px;
	height: 12px;
	background: #d6d6d6;
}
.product-contents .info ul li ul.grade {
	display: inline-block;
  font-size: 15px;
}
.product-contents .info ul li ul.grade .content {
	display: inline-block;
	margin-right: 10px;
	color: #333;
}
.product-labels {
	position: absolute;
	top: 20px;
	left: 35px;
	color: #333;
}
.product-labels p {
	display: inline-block;
	width: 60px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size:14px;
}
.product-labels .send {
	background: rgba(0, 123, 255, .8);
	color: #fff;
}
.product-labels .gifti {
	background-color:rgba(255,50,0,0.8);
	color:#fff;
}
.item_left img {
	width:300px;
	border-radius:5px;
	border:1px solid #e8e8e8;
}
#ptAgree1 + label, #ptAgree2 + label, #ptAgree3 + label {
	color:#666;
}
.point_list .title {
	height:35px;
	border-bottom:1px solid #333;
}


.point_start {
	color:#888;
	font-size:14px;
	font-weight:200;
	line-height:30px;
	letter-spacing: 0;
}


 .point_list .product-contents {
	height:410px;
}
 
  .point_list .title  {
 	height: 65px;
 	
 }
 
 .point_list .title a {
 	color: #4168b7;
 }
 
.point_score, .point_text {
	text-align:right;
	font-size:24px;
	line-height:1;
	margin-bottom: 20px;
	color: #000;
	font-weight: 500;
}
.point_score:after {
	display:inline-block;
	content:'';
	width:25px;
	height:25px;
	vertical-align:middle;
	background:url('/images/mypage/img-mpIcon.png') 0 0 no-repeat;
	background-size:contain;
	margin-bottom:5px;
	margin-left: 8px;
}


.point_score.per:after {
	background-image:url('/images/mypage/img-perIcon.png');
}
.single .point_score,.point_text {
	position:absolute;
	bottom:0;
	right:0;
}
.point_list ul {
	height:140px;
	position:relative;
}


.product-contents .guide {
	padding-top:20px;
	border-top:1px solid #dedede;
	background:transparent;
}

.product-contents .guide .info_title {
	color: #ab8d71;
	margin-bottom: 20px;
}

.product-contents .guide .sub_info {
	margin-top: 20px;
	color: #bebebe;
}

.product-contents .guide .sub_info_2 {
	color: #bebebe;
}

.product-contents .guide .sub_info span,.product-contents .guide .sub_info_2 span {
	color: #888;
	font-weight: 200;
}



 /* **************************************** *
 * 마이페이지 - 1:1 문의
 * **************************************** */

.faq_wrap {
	display:none;
	clear:both;
}
.faq_upper {
	display:none;
	clear:both;
}

 /* **************************************** *
 * 마이페이지 - 미납로그인
 * **************************************** */

.caution_root {
  color: #1f66f5;
}

 /* **************************************** *
 * 마이페이지 - 일시정지
 * **************************************** */

.list-check li input[type="radio"]+label+input[type="text"] {
	display:none;
}

 /* **************************************** *
 * 마이페이지 - 등급변경
 * **************************************** */

 ul.list-board li.ft17 {
	font-size:17px;
 }
 ul.list-board li.head ul li.ft17 {
	font-size:17px;
 }
 .payment01 li {
	display:flex;
 }
 .membership_icon {
	vertical-align:text-top;
 }

 /* **************************************** *
 * 마이페이지 - 증명서등록
 * **************************************** */

 .box-bg.certificate {
	background:url('/images/mypage/img-certificate.jpg') 0 0 no-repeat;
	background-position: center;
 }

 /* **************************************** *
 * 마이페이지 - 비밀번호 변경
 * **************************************** */

.box-bg.password {
	background:url('/images/mypage/img-password.jpg') 0 0 no-repeat;
	background-position: center;
	background: #f7f7f7;
    background-position: center;
}

/* **************************************** *
 * 마이페이지 - 1:1 문의
 * **************************************** */

.box-bg.contact {
	/*background:url('/images/mypage/img-contact.jpg') 0 0 no-repeat;
	background-position: center;*/
	background: #f7f7f7;
    background-size: cover;
    background-position: center;
}

/* **************************************** *
 * 마이페이지 - 멤버십 등록조회 변경
 * **************************************** */

section .overflow_visible {
    overflow:visible;
}
section .overflow_visible .overflow_visible {
    overflow:visible;
}