@charset 'utf-8';

.mypage_tabArea{
  width: 100%;
  margin: 0 auto;
}
/*tab common modify*/
.mypage_tabArea .-fdp-tab-div-type__header{
  width: 100%;
}
.mypage_tabArea .-fdp-tab-div-type__header-item-list{
  height: 69px;
  width: 1200px;
  margin: 0 auto
}
.mypage_tabArea .-fdp-tab-div-type__header li{
  width: auto;
  margin-right: 140px;
  font-size: 20px;
  height: 69px;
  padding-top: 20px;
  line-height: unset;
  text-align: left;
  letter-spacing: -1px;
}
.mypage_tabArea .-fdp-tab-div-type__header li:last-child {
  margin-right:0;
}
.mypage_tabArea .-fdp-tab-div-type__header-item a{
  color: #000000;
  font-weight: normal;
}
.mypage_tabArea .-fdp-tab-div-type__header-item.-fdp-tab-div-type--active{
  border: none;
}
.mypage_tabArea .-fdp-tab-div-type__header-item.-fdp-tab-div-type--active a{
  font-weight: 500;
  color: #236be3;
}
.mypage_tabArea .-fdp-tab-div-type__cont--empty{
  padding: 0;
}

/*myPage top area*/
.myPage_topArea{
  width: 100%;
  height: 160px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 30px;
  padding-bottom: 30px;
}
.myPage_topContainer {
width: 1200px;
height: 100%;
margin: 0 auto;
position: relative;
}
.myPage_top_myName{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
}
.myPage_top_myName li:first-child{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}
.myPage_top_myName li:first-child img{
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.myPage_top_myName li:first-child img.hrzt{
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.myPage_top_myName li:nth-child(2), .myPage_top_myName li:nth-child(3){
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  position: relative;
  top: -82px;
  left: 120px;
}
.myPage_top_myName li:last-child{
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6);
}

.myPage_top_myList{
  position: absolute;
  right: 0px;
  top: 18px;
}
.myPage_top_myList li{
  display: inline-block;
  width: 120px;
  margin-right: 10px;
  text-align: center;
}
.myPage_top_myList li dt{
  font-size: 18px;
  color: rgba(0, 0, 0, 0.6);
  position: relative;
  top: 29px;
}
.myPage_top_myList li dd{
  font-size: 24px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.9);
  position: relative;
  top: -32px;
}

/* 나의 활동 */
.myAct_wrap{
    width: 100%;
    background-color: #f5f6f8;
}
.myAct_container{
    width: 1200px;
    margin: 0 auto;
    padding-top: 68px;
}
.myAct_listWrap{
    width: 100%;
    text-align: left;
    position: relative;
    padding-bottom: 51px;
}
.myAct_listWrap a{
    color: #000000;
}

.myAct_listWrap>ul li{
    display: inline-block;
}
.myAct_day{
    width: 130px;
    position: absolute;
    top: 0px;
}
.myAct_day dl dt{
    font-size: 24px;
    color: #000000;
}
.myAct_day dl dd{
    font-size: 18px;
    color: rgba(0, 0, 0, 0.6);
}

.myAct_dList{
    width: 1070px;
    position: relative;
    left: 130px;
}
.myAct_dList dl{
    display: block;
    height: 58px;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    padding: 15px 0 15px 20px;
}
.myAct_dList dl dd{
    display: inline-block;
    height: 28px;
    vertical-align: middle;
}
.myAct_dList dl dd:first-child{
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    padding: 4px 0px 4px 0px;
    width: 95px;
}
.myAct_dList dl dd:nth-child(2){
    font-size: 14px;
    color: #000000;
}
.myAct_dList dl dd:nth-child(3){
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}
.myAct_dList dl dd:last-child{
    position: absolute;
    right: 16px;
}
.myAct_dList span{
    display: inline-block;
    height: 28px;
    vertical-align: middle;
}
.myAct_dList span:last-child{
    width: 120px;
    padding: 4px 0px 4px 8px;
}
.myAct_wrap span[class*=Icon]{
    display: inline-block;
    height: 28px;
    vertical-align: middle;
}
.myAct_wrap .txt_box span[class*=Icon]{
    margin-right: 10px;
}
.myAct_wrap .studyIcon{
    width: 28px;
    height: 28px;
    background: url('../img/mypage/ico_mypage_study@2x.png') no-repeat;
    background-size: 28px 28px;
}
.myAct_wrap .proIcon{
    width: 28px;
    height: 28px;
    background: url('../img/mypage/ico_mypage_subscription@2x.png') no-repeat;
    background-size: 28px 28px;
}
.myAct_wrap .bookIcon{
    width: 28px;
    height: 28px;
    background: url('../img/mypage/ico_mypage_membership@2x.png') no-repeat;
    background-size: 28px 28px;
}
.myAct_dList .closeBtn{
    width: 26px;
    height: 26px;
    background: url('../img/common/btn_close.png') no-repeat;
    background-size: 26px 26px;
}
.myAct_moreList{
    font-size: 16px;
    color: #000000;
    width: 1070px;
    position: relative;
    top: 6px;
    left: 130px;
    text-align: center;
}
.myAct_moreList span{
    display: inline-block;
    height: 24px;
    vertical-align: middle;
}
.more_btn{display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../../../static/appcssimg/img/common/btn_dropdown_open@2x.png') no-repeat;
    background-size: 20px 20px;
    margin-left: 6px;
}
.myAct_container .no_data .txt_box>p {font-size:20px;color:#000;line-height:1.6;margin:20px 0 0;}
.myAct_container .no_data .txt_box em {font-weight:500;}
.myAct_container .no_data .title {font-weight:500;font-size:26px;color:#000;padding:98px 0 39px;text-transform: capitalize;}
.myAct_container .thumb_list {padding-bottom:100px;}
.myAct_container .thumb_list ul>li {display:inline-block;margin-right:10px;}
.myAct_container .thumb_list ul>li:last-child {margin-right: 0;}
.myAct_container .thumb_list .item {position:relative;width:225px;height:225px;overflow: hidden;text-align: left}
.myAct_container .thumb_list .item .thumb {position: absolute;z-index: 2;bottom:-70px;left:0;}
.myAct_container .thumb_list .item .thumb img {width:100%;height: auto;}
.myAct_container .thumb_list .item .txt_box {position:absolute;z-index: 3;left: 0;right: 0;top: 0;bottom: 65px;background: #fff;color: #000;padding:22px;}
.myAct_container .thumb_list .item .txt_box span {display: block;word-break: keep-all;}
.myAct_container .thumb_list .item .txt_box .cate {font-size: 14px;line-height: 1.45;margin-bottom: 12px;}
.myAct_container .thumb_list .item .txt_box .title {font-weight:500;font-size:20px;line-height: 1.35;letter-spacing: -1px;padding-top:0;}
.myAct_container .thumb_list .item .txt_box .name {font-size: 14px;color:#333;letter-spacing: -0.6px;margin-top: 10px;}
.myAct_container .thumb_list .item .video_overlay {display:table;width:100%;height:100%;padding:0;text-align: center;}
.myAct_container .thumb_list .item .video_overlay .btn_actions {display: table-cell;vertical-align: middle}
.myAct_container .thumb_list .item .video_overlay .overlay_btn {display:block;width:auto;height:auto;border:0;margin:0 auto 24px;}
.myAct_container .thumb_list .item .video_overlay .overlay_btn:last-of-type {margin-bottom: 0;}
.myAct_container .thumb_list .item .video_overlay .overlay_btn [class*="btn_ico_"] {width:39px;height:39px;}
.myAct_container .thumb_list .item .video_overlay .overlay_btn .btn_ico_play {background-image: url('../img/btn_main_play.png');}
.myAct_container .thumb_list .item .video_overlay .overlay_btn .btn_ico_cardview {background-image: url('../img/btn_main_cardview.png');}

/* 마음리지 */
.sTxt{
    font-size: 14px;
    margin-left: 9px;
    font-weight: normal;
}

.maumPoint_wrap{
    width: 100%;
}
.maumPoint_container{
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 72px;
}
.maumPoint_container span{
    display: inline-block;
}

.maumPoint_container .pointArea{
    width: 100%;
    height: 142px;
    border: 1px solid #cccccc;
    padding: 40px;
}
.maumPoint_container .pointArea li{
    display: inline-block;
    width: 62px;
}
.maumPoint_container .pointArea li span{
    height: 36px;
}
.maumPoint_container .pointArea li .pointIcon{
    width: 62px;
    height: 62px;
    vertical-align: top;
}
.maumPoint_container .pointArea li span img{
    width: 62px;
    height: 62px;
}
.maumPoint_container .pointArea .pointName{
    margin-left: 14px;
    font-weight: 500;
}
.maumPoint_container .pointArea .pointUnit{
    font-weight: 500;
    margin: -5px 0 0 14px;
}

.maumPoint_container .pointArea ul:after {
    content: "";
    clear: both;
    display: block;
}
.maumPoint_container .pointArea li {
    width: auto;
    margin-right:58px;
    vertical-align:top;
}
.maumPoint_container .pointArea li.mpoint {
    width:560px;
    margin-left:40px;
}
.maumPoint_container .pointArea li.btns {
    float: right;
    margin:10px 0 0;
}
.maumPoint_container .pointArea li.btns button {
    width: 162px;
    height: 42px;
}
.maumPoint_container .pointArea + .info {font-size:14px;margin-top:10px;}

/* .maumPoint_container .termSelectArea{
    position: relative;
}
.maumPoint_container .termSelectArea .termSelectBox{
    width: 100%;
    height: 42px;
}
.maumPoint_container .termSelectArea .termSelectBox span{
    width: 136px;
    position: relative;
}
.maumPoint_container .termSelectArea .termSelectBox button{
    width: 140px;
    font-size: 16px;
    position: absolute;
}

.maumPoint_container .termSelectArea .termDirectBox{
    position: absolute;
    top: 13px;
    left: 598px;
}
.maumPoint_container .termSelectArea .termDirectBox span{
    width:40px;
    text-align:center;
    font-size:16px;
    color:#000000;
}
.termNot{display: none;} */

.maumPoint_container .historyTableArea{
    margin-top: 40px;
}
.maumPoint_container .historyTableArea .historyTableTop table{
    width: 100%;
}
.maumPoint_container .historyTableArea .historyTableTop td:nth-child(1){
    width: 140px;
}
.maumPoint_container .historyTableArea .historyTableTop td:nth-child(2){
    width: 748px;
}
.maumPoint_container .historyTableArea .historyTableTop td:nth-child(3){
    width: 96px;
}
.maumPoint_container .historyTableArea .historyTableTop td:nth-child(4){
    width: 163px;
}
.maumPoint_container .historyTableArea .historyTableTop .txt_point {display: inline-block;margin-right:26px;line-height: 42px;}
.maumPoint_container .historyTableArea .historyTableTop .point {font-weight: 500;color:#236be3;margin-left:10px;}
.maumPoint_container .historyTableArea .historyTableTop .sort_text_btn {line-height: 42px;}

/*
.maumPoint_container .historyTableArea .historyTableTop td:nth-child(3) .sortLatestArea span{
    font-size: 16px;
    height: 26px;
    vertical-align: middle;
}
.maumPoint_container .historyTableArea .historyTableTop td:nth-child(3) .sortLatestArea button{
    width: 26px;
    height: 26px;
    overflow: hidden;
}
.maumPoint_container .historyTableArea .historyTableTop .sortLatestArea button img{
    width: 26px;
    height: 26px;
    position: relative;
    top: 0px;
} */

.maumPoint_container .historyTableArea .historyTableList table{
    width: 100%;
}
.maumPoint_container .historyTableArea .historyTableList th{
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #000000;
    height: 60px;
}
.maumPoint_container .historyTableArea .historyTableList th:nth-child(1){
    width: 180px;
    padding-left: 30px;
}
.maumPoint_container .historyTableArea .historyTableList th:nth-child(2){
    width: 748px;
}
.maumPoint_container .historyTableArea .historyTableList th:nth-child(3){
    width: 160px;
}
.maumPoint_container .historyTableArea .historyTableList th:nth-child(4){
    width: 112px;
}

.maumPoint_container .historyTableArea .historyTableList{
    margin-top: 10px;
}
.maumPoint_container .historyTableArea .historyTableList td{
    border-bottom: 1px solid #cccccc;
    height: 79px;
}

.maumPoint_container .historyTableArea .historyTableList td:nth-child(1){
    padding-left: 30px;
    font-weight: 500;
}
.maumPoint_container .historyTableArea .historyTableList td:nth-child(3){
    font-weight: 500;
}

.historyTable_pagenation{
    margin-top: 28px;
}

/*** 멤버십 혜택 ***/
/** 멤버십 혜택 하위 메뉴 탭 **/
.myMemberBenefit_mainContainer .-fdp-tab-line-type__header li{
    font-size: 18px;
    margin-right: 30px;
    text-align: left;
}
.myMemberBenefit_subMenu .-fdp-tab-line-type__header li:first-child{
    margin-left: 0;
}
.myMemberBenefit_subMenu .-fdp-tab-line-type__header li:last-child{
    display: inline-block;
    width: 106px;
    margin-right: 0;
}
.myMemberBenefit_mainContainer .-fdp-tab-line-type__header-item{
    padding: 0;
}

.myMemberBenefit_subMenu{
    width: 100%;
    background-color: #f5f6f8;
    height: 46px;
}
.myMemberBenefit_subMenu .-fdp-tab-line-type__header{
    width: 1200px;
    margin: 0 auto;
    border: 0;
}
.myMemberBenefit_subMenu .-fdp-tab-line-type__header-item{
    color: rgba(0, 0, 0, 0.6);
}
.myMemberBenefit_subMenu .-fdp-tab-line-type__header-item.-fdp-tab-line-type--active span{
    border: 0;
    color: #000000;
}
.myMemberBenefit_subMenu .-fdp-tab-line-type__header-item-list{
    display: table;
    margin-left: 897px;
}

.myBook_mainContainer{
    width: 1200px;
    margin: 20px auto 0 auto;
}
.myBook_mainContainer .-fdp-tab-line-type__header li{
    margin-right: 60px;
}
.myBook_mainContainer .-fdp-tab-line-type__header li:first-child{
    margin-left: 0;
}

/** 도서신청 **/
/* 도서신청 */
.myMemberBenefitBook_wrap{
    width: 100%;
}
.myMemberBenefitBook_container{
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 27px;
}
/* 신청내역 */
.myMemberBenefitReq_wrap{
    width: 100%;
}
.myMemberBenefitReq_container{
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 151px;
}
/* 장바구니 */
.myMemberBenefitCart_wrap{
    width: 100%;
}
.myMemberBenefitCart_container{
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 79px;
}
.myMemberBenefitCart_container > p{
    height: 30px;
    padding-top: 6px;
}
.myMemberBenefitCart_container .bookListTopArea table{
    width: 100%;
    margin-top: 20px;
}
.myMemberBenefitCart_container .confirmBtnArea{
    width: 100%;
    text-align: right;
    margin-top: 80px;
}
.myMemberBenefitCart_container .confirmBtnArea button:last-child{
    margin-left: 10px;
}

/** 마음리지 쇼핑**/
/* 텝 영역 */
.myMemberShopTab_wrap{
    width: 1200px;
    margin: 20px auto 0 auto;
}
/* 쇼핑목록 */
.myMemberShopList_wrap{
    width: 100%;
}
.myMemberShopList_container{
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 80px;
    position: relative;
}
.myMemberShopList_container .bookListTableArea td table td ul li:first-child{
    width: 216px;
}
.myMemberShopList_container .bookListTableArea td table td ul li img{
    width: 196px;
}
.myMemberShopList_container .bookListTableArea td table td ul li:nth-child(2){
    width: 508px;
}
.myMemberShopList_container .bookListTableArea td table td ul li:nth-child(3){
    width: 160px;
    text-align: center;
    border-left: 1px solid #cccccc;
    position: absolute;
    right: 0;
    padding-top: 70px;
}
.myMemberShopBook_wrap{
    width: 100%;
}
.myMemberShopBook_container{
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 208px;
}
/* .myMemberShopBook_container .bookRepExp{
    width: 100%;
    text-align: center;
    margin-top: 110px;
}
.myMemberShopBook_container .bookRepExp button{
    width: 194px;
    vertical-align: middle;
} */
.bookRepExp{
    width: 100%;
    text-align: center;
    margin: 110px 0;
}
.bookRepExp button{
    width: 194px;
    vertical-align: middle;
}
/* 장바구니 */
.myMemberShopCart_wrap{
    width: 100%;
}
.myMemberShopCart_container{
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 79px;
    position: relative;
}
.myMemberShopCart_container > p{
    height: 30px;
    padding-top: 6px;
}
.myMemberShopCart_container .bookListTopArea table{
    width: 100%;
    margin-top: 20px;
}
.myMemberShopCart_container .bookListTableArea td table td ul li:first-child{
    width: 216px;
}
.myMemberShopCart_container .bookListTableArea td table td ul li img{
    width: 196px;
}
.myMemberShopCart_container .bookListTableArea td table td ul li:nth-child(2){
    width: 508px;
}
.myMemberShopCart_container .bookListTableArea td table td ul li:nth-child(3){
    width: 160px;
    text-align: center;
    border-left: 1px solid #cccccc;
    position: absolute;
    right: 0;
    padding-top: 70px;
}
.myMemberShopCart_container .orderTableArea{
    width: 100%;
}
.myMemberShopCart_container .confirmBtnArea{
    width: 100%;
    text-align: right;
    margin-top: 80px;
}
.myMemberShopCart_container .confirmBtnArea button:last-child{
    margin-left: 10px;
}
/* 신청내역 */
.myMemberShopHis_wrap{
    width: 100%;
}
.myMemberShopHis_container{
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 21px;
    position: relative;
}
/* 목록 테이블 공통 적용 부분 */
.bookListTopArea table{
    width: 100%;
    margin-top: 40px;
}
.bookListTopArea td:nth-child(1){
    width: 406px;
}
.bookListTopArea td:nth-child(2){
    width: 698px;
}
.bookListTopArea td:nth-child(3){
    width: 96px;
}
.bookListTopArea .sortLatestArea{
    position: relative;
    top: -4px;
}
.bookListTopArea .sort_text_btn {
  height: auto;
  line-height: inherit;
}

.bookListTableArea > table{
    width: 100%;
    margin-top: 10px;
}
.bookListTableArea table thead th, .bookListTableArea .table_head td{
    height: 60px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #cccccc;
}
.bookListTableArea table thead th:nth-child(1){
    width: 64px;
    padding-left: 20px;
}
.bookListTableArea table thead th:nth-child(2){
    font-weight: 500;
    text-align: left;
}

.bookListTableArea td table{
    height: 236px;
    vertical-align: middle;
}
.bookListTableArea table tbody > tr>td{
    border-bottom: 1px solid #cccccc;
}
.bookListTableArea table tbody > tr > td:nth-child(1){
    /*width: 64px;*/
    padding-left: 20px;
}
/*.bookListTableArea table tbody > tr > td:nth-child(2){*/
    /*padding: 0 40px 0 0;*/
/*}*/

.bookListTableArea td table td:nth-child(1){
    width: 925px;
}
.bookListTableArea td table td:nth-child(2){
    width: 210px;
    text-align: right;
    padding-right: 40px;
}

.bookListTableArea td>ul{
    border-right: 1px solid #cccccc;
    height: 196px;
    position: relative;
  margin: 20px 0;
}
.bookListTableArea td>ul li{
    float:left;
    height: 196px;
}
.bookListTableArea td>ul li:first-child{
    width: 167px;
}
.bookListTableArea td>ul li img{
    width: 147px;
    height: 196px;
}
.bookListTableArea td>ul li:nth-child(2){
    width: calc(100% - 167px);
    height: 196px;
    padding-right: 40px;
    margin-top: 5px;
}
.bookListTableArea .bookSubTit{
    font-size: 14px;
}
.bookListTableArea .bookMainTit{
    font-size: 20px;
    font-weight: 500;
    margin-top: 4px;
}
.bookListTableArea .bookSum{
    margin-top: 10px;
    min-height: 80px;
    word-break: keep-all;
    white-space:pre-line;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    overflow:hidden;
}
.bookListTableArea .bookInfo{
    font-size: 14px;
    margin-top: 34px;
}
.bookListTableArea .bookInfo .infoTit{
    margin-right: 6px;
}
.bookListTableArea .bookInfo .infoCon{
    margin-right: 20px;
}
/* fdp-spin 수정 */
.bookListTableArea .-fdp-spin__button{
    width: 44px;
    height: 44px;
    font-size: 15px;
    line-height: 16px;
}
.bookListTableArea .-fdp-spin__input{
    width: 44px;
    height: 44px;
    font-size: 15px;
    line-height: 16px;
    padding: 0;
    position: relative;
    vertical-align: top;
}
/* 신청/담기/삭제 등 버튼 */
.bookListTableArea .bookApplyBtn button{
    width: 130px;
    height: 42px;
    margin-top: 6px;
}
/* 장바구니 주문/배송 정보 폼 테이블 공통 */
.orderTableArea table{
    width: 800px;
}
.orderTableArea table tr td{
    height: 62px;
    padding-bottom: 20px;
    font-weight: 500;
}
.orderTableArea table tr td input{
    font-weight: normal;
    width: 500px;
}
.orderTableArea table tr td button{
    position: absolute;
    margin-left: 10px;
}
.orderTableArea table tr td:first-child{
    width: 180px;
}
.orderTableArea table tr:last-child td:first-child{
    vertical-align: top;
    padding-top: 9px;
}
.orderTableArea table tr td li{
    padding-bottom: 10px;
}
/* 신청내역 테이블 공통 */
.bookReqListTable table{
    width: 100%;
    margin-top: 17px;
}
.bookReqListTable thead th{
    height: 60px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #cccccc;
  padding-left:30px;
}
.bookReqListTable tbody tr td{
    height: 80px;
  padding-left:30px;
  border-bottom: 1px solid #cccccc;
}

/*** 개인정보 ***/
/** 개인정보 하위 메뉴 탭 **/
.myIndvInfo_mainContainer .-fdp-tab-line-type__header li{
    font-size: 18px;
    margin-right: 30px;
    text-align: left;
}
.myIndvInfo_subMenu .-fdp-tab-line-type__header li:first-child{
    margin-left: 0;
}
.myIndvInfo_subMenu .-fdp-tab-line-type__header li:last-child{
    display: inline-block;
    margin-right: 0;
}
.myIndvInfo_mainContainer .-fdp-tab-line-type__header-item{
    padding: 0;
}

.myIndvInfo_subMenu{
    width: 100%;
    background-color: #f5f6f8;
    height: 46px;
}
.myIndvInfo_subMenu .-fdp-tab-line-type {
    overflow:unset;
}
.myIndvInfo_subMenu .-fdp-tab-line-type__header{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    border: 0;
}
.myIndvInfo_subMenu .-fdp-tab-line-type__header-item{
    color: rgba(0, 0, 0, 0.6);
}
.myIndvInfo_subMenu .-fdp-tab-line-type__header-item.-fdp-tab-line-type--active span{
    border: 0;
    color: #000000;
}
.myIndvInfo_subMenu .-fdp-tab-line-type__header-item-list{
    position: absolute;
    right: 0;
    z-index: 2;
}

/** 회원정보관리 **/
.myIndvInfoManage_wrap{
    width: 100%;
}
.myIndvInfoManage_container{
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 115px;
    text-align: left;
}
/* 패스워드 입력 단계 */
.myIndvInfoManage_container .myInfoPwArea{
    width: 435px;
    margin: 0 auto;
    text-align: center;
    margin-top: 158px;
    margin-bottom: 334px;
}
.myIndvInfoManage_container .myInfoPwArea .pwExp{
    margin: 2px 0 40px 0;
}
.myIndvInfoManage_container .myInfoPwArea input{
    width: 351px;
    height: 42px;
    margin-right: 10px;
}
.myIndvInfoManage_container .myInfoPwArea button{
    height: 42px;
    line-height: 32px;
}
/* 기본정보 테이블 공통 */
.myIndvInfoManage_container .infoManageArea h4{
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
}
.myIndvInfoManage_container .infoManageArea input{
    font-size: 16px;
    width: 500px;
    vertical-align: middle;
}
.myIndvInfoManage_container .infoManageArea button{
    font-size: 16px;
    vertical-align: middle;
}
.myIndvInfoManage_container .infoManageArea table{
    width: 100%;
}
.myIndvInfoManage_container .infoManageArea td{
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
    padding-bottom: 20px;
}
.myIndvInfoManage_container .infoManageArea .default td {
  padding-top:10px;
}
.myIndvInfoManage_container .infoManageArea td:nth-child(1){
    width: 180px;
    font-weight: 500;
    vertical-align: top;
    padding-top: 10px;
}
.myIndvInfoManage_container .infoManageArea td:nth-child(2){
    width: 1020px;
}
/* 기본정보 */
.myIndvInfoManage_container .basicInfoNess{
    margin-bottom: 60px;
}
.myIndvInfoManage_container .basicInfoNess table{
    margin-top: 17px;
}
.myIndvInfoManage_container .basicInfoNess > table > tr > td > ul > li{
    display: inline-block;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    margin-right: 14px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
.myIndvInfoManage_container .basicInfoNess > table > tr > td > ul > li:last-child{
    margin-right: 0px;
    border: 1px solid #999999;
    padding-top: 17px;
}
.myIndvInfoManage_container .basicInfoNess > table > tr > td > ul > li:last-child a{
    font-size: 18px;
    line-height: 1.25;
    color: rgba(0, 0, 0, 0.8);
}
.myIndvInfoManage_container .basicInfoNess > table > tr > td > ul > li img{
    width: 82px;
    height: 82px;
    border-radius: 50%;
}
.myIndvInfoManage_container .basicInfoNess > table > tr > td > ul > li .checkImg{
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: url(../img/contents/ico_mypage_profile_select@3x.png) no-repeat;
    background-size: 25px 25px;
    background-position: 50% 50%;
    background-color: rgba(0, 0, 0, 0.6);
}

/* sns 계정 연결 */
.myIndvInfoManage_container .snsConnect{
    margin-bottom: 60px;
}
.myIndvInfoManage_container .snsConnect table{
    margin-top: 40px;
}
.myIndvInfoManage_container .snsConnect li{
    display: inline-block;
    width: 102px;
    margin-right: 36px;
    text-align: center;
}
.myIndvInfoManage_container .snsConnect p{
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
}
.myIndvInfoManage_container .snsConnect p>span{
  display: block;
  margin:5px 0 0;
}
.myIndvInfoManage_container .snsConnect button{
    width: 101px;
    margin-top: 10px;
}
/* 마케팅 정보 수신 설정 */
.myIndvInfoManage_container .receiveInfo{
    margin-bottom: 60px;
}
.myIndvInfoManage_container .receiveInfo table{
    margin-top: 28px;
}
/* 담당자 */
.myIndvInfoManage_container .myManagerInfo > p{
    padding: 20px 0 30px 0;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
}
.myIndvInfoManage_container .myManagerInfo button{
    width: 127px;
}
/* 취소,확인 버튼 */
.myIndvInfoManage_container .confirmBtnArea{
    width: 100%;
    text-align: right;
    margin-top: 80px;
}
.myIndvInfoManage_container .confirmBtnArea button{
     width: 140px;
    margin-left: 10px;
}

/** 계약관리 **/
.myContractManage_wrap{
    width: 100%;
}
.myContractManage_container{
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 326px;
    text-align: left;
}
.myContractManage_container > div{
    text-align: center;
}
.myContractManage_container .myContractTermBox{
    width: 100%;
    height: 120px;
    border: 1px solid #cccccc;
    text-align: center;
    padding-top: 46px;
    margin-top: 20px;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.8);
}
.myContractManage_container .myContractTermBox > span{margin-right: 80px}
.myContractManage_container .myContractTermBox > span:last-child(1){margin-right: 0}

/** 나의 관심사 관리 **/
.myInterest_wrap{
    width: 100%;
}
.myInterest_container{
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 115px;
    text-align: left;
}
.myInterest_container .interestCheckArea{
    position: relative;
}
.myInterest_container .interestCheckArea li{
    margin-top: 30px;
}
.myInterest_container .interestCheckArea li p{
    margin-top: 10px;
}
.myInterest_container .interestCheckArea li p button{
    margin-right: 7px;
}
.myInterest_container .interestCheckArea .etcTxtBox{
    display: block;
    height: 101px;
}
.myInterest_container .interestCheckArea .etcTxtBox textarea {
    border: 1px solid #999;
}
.myInterest_container .interestCheckArea .etcEnroll button{
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-width: 90px;
    height: 101px;
    margin: 0;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8);
}

.myInterest_container .confirmBtnArea{
    width: 100%;
    text-align: right;
    margin-top: 80px;
}
.myInterest_container .confirmBtnArea button{
    width: 140px;
}

/* 마이스터디 */
.mystudy {padding-bottom:80px}
.mystudy .tab_area {margin: 68px 0 40px}
.mystudy .txt_result  {margin: 40px 0 20px;font-size:18px;color:#000;line-height:1.55;text-align: center;}
.mystudy .txt_result em {font-weight:500;color: #236be3;}
.mystudy .sort_area {position:relative;margin:32px 0 10px;}
.mystudy .sort_area .txt_result {position: absolute;top:0;z-index:0;width:100%;margin:0;line-height: 42px;}
.mystudy .sort_area .sort_text_btn {line-height: 42px;}
.mystudy .show_table {margin-bottom: 40px;}
.mystudy .no_data_file {height: 80px;font-weight: 500;color: #000;text-align: center;font-size: 16px;}
.show_table .table {width:100%;font-size:16px;color:#000;border-top:1px solid #333;margin-bottom: 10px;}
.show_table .table th, .mystudy .table td {height: 60px;border-bottom:1px solid #ccc;text-align: left;padding-left:30px;}
.show_table .table td:first-child, .mystudy .table em {font-weight: 500;}
.show_table .table td {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;word-break: keep-all;padding-right: 30px;}
.show_table .table .txt_gun {display:inline-block;width:42px;text-align: right;}
.show_table .table tr.row {display: none;}
.show_table .table tr.active + tr.row {display: table-row;}
.show_table .table tr.row td {padding-right: 0 !important;}
.show_table .table [class*="ico_"]:not(.ico_com) {background-position: 0 5px;margin-left:8px;}
.show_table .table .conts {background-color:#fafafa;padding: 20px 30px;margin: 0 -30px;white-space: normal;font-weight:400;}
.show_table .table .conts ul>li {display:block;margin-bottom: 17px;}
.show_table .table .conts ul>li:last-child {margin-bottom: 0;}
.show_table .table .txt {margin-bottom: 7px;word-break: break-all;}
.show_table .table .date {font-size: 14px;line-height: 1.5;}
.show_table .table .date>span {color: #666;margin-right:10px;}
.show_table .table .no_data td {height:80px;font-weight:500;color:#000;text-align: center;}
.show_table .table .pd_r0 td {padding-right:0;}
.show_table .-fdp-toast-item {margin-left:-116px;}

/* 구독보관함 */
.mypage_wrapper {width:1200px;margin:60px auto;text-align:left;}
.mypage_wrapper strong {font-weight: 500;}
.mypage_wrapper .btn_basic {line-height:1.5;}
.mypage_wrapper .title_area {position: relative;min-height:42px;}
.mypage_wrapper .h4_type {font-size:24px;line-height:38px;}
.mypage_wrapper .title_area .btn_actions {position: absolute;right:0;top:0;}
.mypage_wrapper .title_area .btn_link {position:absolute;right:0;top:0;font-size:16px;letter-spacing:.3px;padding:8px 20px}
.mypage_wrapper .title_area + .contents {margin-top:50px;}
.mypage_wrapper .btn_top_area {margin-bottom:10px;}
.mypage_wrapper .btn_top_area .btns {display:inline-block;width:calc((100% - 4px) / 2);text-align:left;}
.mypage_wrapper .btn_top_area .sorting {display:inline-block;width:calc((100% - 4px) / 2);text-align:right;}
.mypage_wrapper .btn_top_area .sorting .item {position:relative;display:inline-block;border:0;background-color:#fff;color:#b2b2b2;margin-right:0;}
.mypage_wrapper .btn_top_area .sorting .item:hover {background:transparent}
.mypage_wrapper .btn_top_area .sorting .item:after {content:"";position:absolute;top:12px;right:0;display:inline-block;width:1px;height:18px;background:#000;}
.mypage_wrapper .btn_top_area .sorting .item:last-of-type:after {content:"";background:transparent}
.mypage_wrapper .btn_top_area .sorting .current {color:#000;}
.mypage_wrapper .btn_top_area .sorting .icon{display:inline-block;width:26px;height:26px;vertical-align:middle;margin:-3px 0 0 7px;}
.mypage_wrapper .btn_top_area .sorting .ico_desc{background:url('../img/common/ico_arrow_down.png') no-repeat;}
.mypage_wrapper .btn_top_area .btn_basic{font-size:16px;margin-right:7px;}
.mypage_wrapper .btn_top_area .btn_basic:lasy-of-type {margin-right:0;}
.mypage_wrapper .btn_top_area .btn_top_area .btns {float:left;}
.mypage_wrapper .btn_top_area .btn_top_area .btn_basic.small {font-size:16px;line-height:26px;}
.mypage_wrapper .table tbody tr:first-child td {border-top:1px solid rgba(0,0,0,.8);padding:8px 0;}
.mypage_wrapper .table_view tbody tr:first-child td {border-color:#ccc;}
.mypage_wrapper .table td {min-height: 60px;border-bottom:1px solid #ccc;font-size:20px;color:#000;padding:12px 0;}
.mypage_wrapper .table td .btn_basic {margin-right: 5px;}
.mypage_wrapper .table td .btn_basic:last-of-type{margin-right: 0;}
.mypage_wrapper .table td:first-child{padding-left:20px !important}
.mypage_wrapper .table td .-fdp-checkbox {vertical-align: top;}
.mypage_wrapper .table tr:first-child td .-fdp-checkbox .-fdp-checkbox__label {margin:3px 0 0 16px;vertical-align: top;}
/* .mypage_wrapper .table_view tr:first-child td .-fdp-checkbox {margin-top:5px;} */
.mypage_wrapper .table td:last-child {text-align:right;padding-right:20px !important;}
.mypage_wrapper .table td .view_sorting {float:right;width:277px;}
.mypage_wrapper .select_box {position: relative;top:-2px;display:inline-block;margin-left:20px;}
.mypage_wrapper .table td.bars {position: relative;padding:20px!important;}
.mypage_wrapper .table td.bars:before {content:"";position:absolute;top:20px;left:0;width:1px;height:155px;background-color:#ccc;}
.mypage_wrapper .table_view td {padding:20px 0 !important;}
.mypage_wrapper .table .btn_basic{font-size:16px;}
.mypage_wrapper .detail_view .photo {float: left}
.mypage_wrapper .detail_thumb {float:left;width:208px;height:156px;overflow: hidden;}
.mypage_wrapper .detail_thumb img {width:100%;}
.mypage_wrapper .detail_descript {float:left;width:675px;line-height:1.5;padding-left:20px;}
.mypage_wrapper .detail_descript>a {display:unset}
.mypage_wrapper .detail_descript .title {display: block}
.mypage_wrapper .detail_descript .tit {font-size: 20px;font-weight: 500;color: rgb(0, 0, 0);letter-spacing: -0.4px;line-height: 1.5;text-align: left;margin-top: 0;margin-bottom: 5px;}
.mypage_wrapper .detail_descript .cont {width:100%;height:48px;overflow:hidden;font-size: 16px;color: rgba(0, 0, 0, 0.8);font-weight: normal;line-height: 1.5;text-align: left;word-break:keep-all}
.mypage_wrapper .detail_descript .cont_share {color:rgba(0, 0, 0, 0.6);margin-top:3px;}
.mypage_wrapper .detail_descript .cont_share .hashtag {margin-left:16px;}
.mypage_wrapper .btn_block {width:163px;}
.mypage_wrapper .btn_adds {margin-top:6px;}
.mypage_wrapper .btn_adds.video_thumb_btn_area {float:none;width:auto;height:auto;border-left:0;}
.mypage_wrapper .btn_adds.video_thumb_btn_area .list_btn_r {position: relative;top:0;transform:translateY(0%);margin:0;}
.mypage_wrapper .btn_adds.video_thumb_btn_area .ico_r img {width:auto;height:auto;}
.mypage_wrapper .btn_adds .icon_only{float: left;margin-right:19.5px;}
.mypage_wrapper .btn_adds .icon_only:last-of-type{margin-right:0;}
.mypage_wrapper p.h4_type {display:inline-block;font-size:26px;line-height: 1.31}
.mypage_wrapper p.h4_type>.txt_blue {margin-left:7px;}
.mypage_wrapper ul>li {float:left;margin-right:15px;}
.mypage_wrapper ul>li:last-child {margin-right:0;}
.mypage_wrapper .card {width:390px;}
.mypage_wrapper .card_body {position: relative;font-size:16px;}
.mypage_wrapper .card_img_top {width: auto; height: 176px; position: absolute; right: 0; overflow: hidden;}
.mypage_wrapper .card_link {position: absolute;right:24px;bottom:24px;text-align:center;}
.mypage_wrapper .subscribe_list .card {height:101px;line-height:1.5;}
.mypage_wrapper .subscribe_list .card_title {width:287px;min-height:53px;font-size:18px;}
.mypage_wrapper .subscribe_list .card_title strong {display:block;height:29px;}
.mypage_wrapper .subscribe_list .card_title .txt_small {display:block;font-size:16px;color:#666;}
.mypage_wrapper .ico_subscribe {width:auto;height:auto;font-size:16px;color:#333;background:none;}
.mypage_wrapper .card_list .card {height:381px;position: relative; overflow: hidden;}
.mypage_wrapper .card_list .card_body {height:205px;margin-top: 176px;}
.mypage_wrapper .card_list .card_title {height:60px;font-size:20px;line-height:1.9;}
.mypage_wrapper .card_list .txt_small {font-size:14px;}
.mypage_wrapper .card_list .card_text {position: absolute;left: 24px;bottom: 24px;color:#333;}
.mypage_wrapper .-fdp-select__ul li {float:none;margin:0;}
.mypage_wrapper .title_area + .button_sorting {margin-top:40px;}
.mypage_wrapper .video_list_wrap {margin-top:0;}
.mypage_wrapper .no_data {width:100%;height:200px;border:1px solid #ddd;padding-top:50px;font-size:18px;color: #000;text-align: center;}
.mypage_wrapper .no_data:before {content:"";display:block;width:62px;height: 62px;background:url(../img/common/ico_mypage_subscribe.png) center no-repeat;margin:0 auto 12px;}
.mypage_wrapper .program_thumbView_container .video_list_info {height:auto;margin-left:0;float: none;}
.mypage_wrapper .program_thumbView_container .detail_descript .cate {font-size:13px;}
.mypage_wrapper .video_list_wrap .no_data {padding:0 !important;border-width:0 0 1px 0;font-size:14px;}
.mypage_wrapper .video_list_wrap .no_data:before {background-image:url(../img/common/ico_quickmenu_playlist_nodata.png);}
.mypage_wrapper .table_container {margin-bottom:40px;}
.mypage_wrapper .video_listThum ul>li {float:none;}
.mypage_wrapper .video_listThum ul>li:last-child {margin-right:15px;}

.lockerPop {width:420px;margin:30px 0;}

/* 20190627 */
.mypage_wrapper .card_body .keyword .tit {font-size: 18px; font-weight: 500; height: 29px; color: #000;}
.mypage_wrapper .card_body .keyword .count-time {padding-top: 5px; font-size: 16px; color: #333;}
.mypage_wrapper .card_body .keyword .count-time span {display: inline-block;}
.mypage_wrapper .card_body .keyword .count-time button {padding: 0 0 0 24px; margin-left: 15px; background: url('../img/mypage/icon_time.png') 0 center no-repeat;}
.mypage_wrapper .card_body .program .card_text button {padding: 0 0 0 24px; margin-left: 15px; background: url('../img/mypage/icon_time.png') 0 center no-repeat;}

/* 20200715 */
.myAct_day p.copy {font-size: 24px; color: #000;}
.myAct_dList dl dd.dd-f {padding: 0; width: 245px; color: #000;}
.myAct_dList dl dd.dd-f span {width: auto; padding: 0; line-height: 28px;}
.myAct_dList dl dd.dd-f .date {padding-left: 28px; background: url('../img/mypage/ico-date.png') no-repeat 0 center;}
.myAct_dList dl dd.dd-f [class^='icon-'] {margin-left: 10px; padding-left: 20px; background-repeat: no-repeat; background-position: 0 center;}
.myAct_dList dl dd.dd-f .icon-time {padding-left: 24px; background-image: url('../img/mypage/ico-time.png');}
.myAct_dList dl dd.dd-f .icon-class {background-image: url('../img/mypage/ico-class.png');}
.myAct_dList dl dd.dd-link {position: static; font-size: 16px; font-weight: 500;}

/* 20220411 */
.myMemberShopList_container .maumPoint_container {padding-top: 0; padding-bottom: 0;}
.maumPoint_container + .myMemberShopTab_wrap {margin-top: 50px;}
.pointmsg {padding: 20px 0; border-bottom: 1px solid #000; text-align: center; font-size: 14px; line-height: 20px;}
.bookListTableArea table.new-gift-table tbody > tr > td:nth-child(1) {width: 64px;}
.bookListTableArea table.new-gift {height: auto;}
.bookListTableArea table.new-gift td>ul {height: 150px;}
.bookListTableArea table.new-gift td>ul li {height: 100%;}
.myMemberShopList_container .bookListTableArea td table.new-gift td ul li img {width: auto; height: auto;}
.bookListTableArea table.new-gift td>ul li:nth-child(2) {margin-top: 0; height: 150px;}
.myMemberShopList_container .bookListTableArea td table.new-gift td ul li:nth-child(3) {padding-top: 0;}
.myMemberShopList_container .bookListTableArea td table.new-gift td ul li:nth-child(3),
.bookListTableArea table.new-gift td>ul .align-middle {display: flex; flex-direction: column; justify-content: center; height: 100%;}
.maumPoint_container .pointArea li.btns.btns-more {margin-top: 50px;}

/* LCUX-12435 */
.bookListTableArea .bookInfo.bookInfo-type1 {display: flex; justify-content: space-between; align-items: center;}
.bookListTableArea .bookInfo.bookInfo-type1 .text {color: #F01F31;}
.bookListTableArea .bookInfo.bookInfo-type1 .button {display: inline-block; padding: 0 17px; color: #000; font-size: 14px; line-height: 36px; background-color: #eee;
  transition:background-color 0.4s;
}
.bookListTableArea .bookInfo.bookInfo-type1 .button:hover {background-color: #ddd;}

/* 2023.08.25 */
.my-interest-msg {margin-bottom: 40px; padding: 40px 10px; border: 1px solid #ccc; text-align: center; color: #000;}
.my-interest-msg .p1 {font-size: 40px; line-height: 60px; font-weight: 500;}
.my-interest-msg .p2 {margin-top: 10px; font-size: 20px; line-height: 30px;}

/* 관심사 버튼 간격 조정 */
.interestCheckArea .roundBtn {width: 190px; margin-bottom: 10px;}
.myInterest_container .interestCheckArea li + li {margin-top: 20px;}