@charset "utf-8";

/* =================================
*   마이페이지
*   2021-11-24 작성
================================== */
.fm--mypage{position: relative; box-sizing: border-box;}
.fm--mypage .inner{padding: 150px 20px 100px; width: 100%; max-width: 1100px; margin: 0 auto; box-sizing: border-box;}
input[type="text"].readonly, .input-text:read-only{background: #e6e4e4; color: #888;}

/*마이페이지 - 왼쪽 메뉴*/
.lnb-container{float: left; display: inline-block; width: 200px;}
.lnb-header{width: 100%; padding: 40px 10px; box-sizing: border-box; background-image: url(/AppData/images/common/lnb_bg.png); background-position: left top; background-size: 100% auto;}
.lnb-header .title{font-size: 18px; color: #fff; font-weight: 400; letter-spacing: 1px;}
.lnb{width: 100%; background-color: #f5f5f5; border: 1px solid #e0e0e0; box-sizing: border-box;}
.lnb li{width: 100%; border-bottom: 1px solid #e0e0e0;}
.lnb li:last-child{border-bottom: 0;}
.lnb li a{display: block; width: 100%; padding: 20px 10px; text-align: left; font-size: 14px; box-sizing: border-box;}
.lnb li.current a{color: #173a84; font-weight: 700;}

/*마이페이지 - 고객센터*/
.lnb-cs-wrapper{margin-top: 30px; padding: 20px 10px; background: #f5f5f5; border: 1px solid #eaeaea; box-sizing: border-box;}

/*마이페이지 - 오른쪽*/
.fm--mypage .contents{float: right; width: calc(100% - 230px);}
.fm--mypage .contents .page-header{padding: 10px 0 20px;}
.fm--mypage .contents .page-header .title{display: inline-block; text-align: left; vertical-align: middle;}
.lnb-cs-wrapper .title{font-size: 14px; margin-bottom: 10px;}
.lnb-cs-wrapper .tel{margin-bottom: 10px; font-size: 20px; font-weight: 700; color: #29c663;}
.lnb-cs-wrapper .email{font-size: 13px;}
.lnb-cs-wrapper p{padding: 5px 0; font-size: 14px; color: #666;}


@media (max-width: 960px){
	.lnb-container{display: none; float: none;}
	.fm--mypage .contents{float: none; width: 100%;}
	.fm--mypage .contents .page-header .title{display: block; text-align: center; font-size: 20px; font-weight: 400;}
}

/* =======================================================
    1:1 문의 (Q&A) - (일부 qna_view 공통)
========================================================*/
.fm--qna .page-header .btn{float: right; width: 100px; height: 40px; line-height: 40px;}
.fm--qna .contents .board-list{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 100px;}
.fm--qna .contents .board-list .nodata{width: 100%; padding: 200px 0; text-align: center;}
.fm--qna .contents .board-list li{display: table; table-layout: fixed; width: 100%; padding: 15px; background: #fff; border-bottom: 1px solid #e0e0e0; box-sizing: border-box; cursor: pointer;}
.fm--qna .contents .board-list li:hover{background: #f5f5f5;}
.fm--qna .contents .board-list li:last-child{border-bottom: none;}
.fm--qna .contents .board-list li > a, .fm--qna .contents .board-list li > button{text-align: left;}

.fm--qna .qna-state{width: 53px; height: 20px; line-height: 20px; text-align: center; padding-bottom: 20px;}
.fm--qna .qna-state .marking{padding: 5px; font-size: 11px; color: #fff;}
.fm--qna .qna-state .marking-complete{background: #173a84;}
.fm--qna .qna-state .marking-waiting{background: #aaa;}

.fm--qna .title{text-align: left;}
.fm--qna .board-list .title .font-main{color: #29c663; vertical-align: text-top;}
.fm--qna .title p{display: inline-block; width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.fm--qna .date{padding-top: 12px; font-size: 13px; color: #999;}

.pagination-wrapper{margin-top: 100px; padding: 0 15px; text-align: center; box-sizing: border-box;}
.pagination-wrapper .btn-load{width: 250px; margin: 40px auto 0;}

@media (max-width: 960px){
	.fm--qna .inner{padding: 120px 20px;}
	.fm--qna .contents{float: none; width: 100%;}
	.fm--qna .page-header .btn{float: none; display: block; width: 100%; margin: 30px 0;}
}


/* =======================================================
    1:1 문의 글 보기(Q&A)
========================================================*/
.fm--qna .contents .board-view{border: 1px solid #eee; padding: 40px 20px; box-sizing: border-box;}
.fm--qna .board-view .title .font-main{color: #29c663;}
.fm--qna .board-view .board-contents{min-height: 200px; margin-top: 15px; padding: 40px 0; border-top: 1px solid #e0e0e0; word-break: break-all; word-wrap: break-word; white-space: normal; box-sizing: border-box;}
.fm--qna .board-view .board-contents .qna-question{padding-bottom: 40px;}
.fm--qna .board-view .view-attached-file{padding: 20px 0;}

.fm--qna .board-view .view-attached-file .view-file{font-size: 13px; color: #999;}
.fm--qna .board-view .view-attached-file .view-upload div{margin: 15px 0;}
.fm--qna .board-view .view-attached-file .view-upload img{display: inline-block; width: 20px; height: 20px; margin-right: 7px; border-radius: 5px; vertical-align: middle;}
.fm--qna .board-view .view-attached-file .view-upload a{display: inline-block; font-size: 14px;}

.fm--qna .board-view .qna-answer{padding-top: 40px; border-top: 1px dashed #ddd; color: #666;}
.fm--qna .board-view .qna-answer .marking-black{display: inline-block; padding: 5px 15px; margin-bottom: 10px; background: #222; color: #fff; font-size: 11px;}

.fm--qna .page-bottom{margin-top: 50px;}
.fm--qna .page-bottom .btn-group a{width: 40%; height: 45px; line-height: 45px; margin: 0 auto; background: #333; color: #fff;}

@media (max-width: 960px){
	.fm--qna .board-view .board-contents{min-height: 300px; padding: 20px 0;}
}

/* =======================================================
    회원정보 수정 진입 (myinfo_gate) - 비밀번호 입력 페이지
========================================================*/
.fm--myinfo .gate-text{padding: 40px 15px 0px; box-sizing: border-box; text-align: center; background-color: #fff;}
.fm--myinfo .login-container{width: 100%; margin: 0 auto; padding: 40px 0; background: #fff; text-align: center;}
.fm--myinfo .login-container input{width:60%; border: 1px solid #ccc;}
.fm--myinfo .login-container .input-text:read-only{background: #e6e4e4; color: #888;}
.fm--myinfo .login-wrapper{margin-bottom: 20px;}
.fm--myinfo .login-wrapper .input-text + .input-text{margin-top: 10px;}
.fm--myinfo .login-container .page-bottom {padding: 20px 0; text-align: center;}

.fm--myinfo .section-myinfo {background-color: #fff; border-bottom: 1px solid #ccc; margin-top: 40px;}
.fm--myinfo .section-myinfo:first-of-type {margin-top: 0; padding: 0;}

.fm--myinfo .login-wrapper .text-guide{width: 60%;}

@media (max-width: 960px){
	.fm--myinfo .login-container input{width: 70%;}
	.page-bottom .btn-full{width: 70%;}
}


/* =======================================================
  회원정보 수정 (myinfo_modify)
========================================================*/
.fm--myinfo .section-myinfo {border-bottom-width: 0; padding-bottom: 0;}
.fm--myinfo .modify-title-area{width: 100%; padding: 10px 15px; background: #333; box-sizing: border-box;}
.fm--myinfo .modify-title-area .title{float: left; color: #fff; font-weight: 400;}
.fm--myinfo .modify-title-area .btn, .fm--myinfo .modify-title-area .btn-text{float: right; padding: 7px; font-size: 12px; border: 1px solid #fff; background: transparent; color: #fff;}
.fm--myinfo .form-dl-mypage{display: table-row;}

@media (max-width: 960px){
	.fm--myinfo .form-dl-mypage{display: block; width: 100%;}
}


/* =======================================================
  회원탈퇴 (leave)
========================================================*/
.fm--leave .leave-guide{background: #fafafa; padding: 20px 15px; line-height: 1.5; margin-bottom: 12px;}
.fm--leave .leave-guide .list li{margin-top: 8px;}
.fm--leave .leave-guide .list-dash{margin-left: 10px;}
.fm--leave .leave-guide .list-dash > li::before{content: "-"; padding-right: 5px;}
.fm--leave .leave-guide .list-dash > li{font-size: 13px; color: #555;}
.fm--leave .form-container #reason{width: 100%; padding-left: 15px; font-size: 14px; border-color: #ccc; background-image:url(/AppData/images/common/down_icon.png); background-repeat: no-repeat; background-position: right 15px center; background-size: 11px;} 

.fm--leave .leave-agree{padding: 20px 15px; background: #fafafa;}
.fm--leave .leave-agree input[type="checkbox"]{border: none; background-image: url(/AppData/images/common/check_default.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 20px; height: 20px; margin-right: 3px; vertical-align: text-bottom;}
.fm--leave .leave-agree input[type="checkbox"]:checked{background-image: url(/AppData/images/common/check_checked.png);}

/* =======================================================
  비밀번호 수정 (password)
========================================================*/



/* =======================================================
  버튼 공통
========================================================*/
.fm--mypage .page-bottom{margin-top: 70px;}
.fm--mypage .page-bottom .btn-group {padding: 0;}
.fm--mypage .page-bottom .btn-group .btn-half{float: none; width: 30%; min-width: 100px; height: 45px; line-height: 45px; border: 1px solid #ccc; box-sizing: border-box;}
.fm--mypage .page-bottom .btn-group .btn-submit{margin-left: 10px; border-color: #333;}
.fm--mypage .page-bottom .btn-full{width: 40%;}

/*@media (max-width: 360px){
	.fm--mypage .page-bottom .btn-group .btn-half{min-width: 70px;}
}

@media (max-width: 293px){
	.fm--mypage .page-bottom .btn-group .btn-half{margin-bottom: 10px;}
	.fm--mypage .page-bottom .btn-group .btn-submit{margin-left: 0;}	

}*/