@charset "utf-8";

/* ================================================
  common
==================================================*/
/* main */
.mymenu-inner {padding: 30px 10px; box-sizing: border-box; background-color: #fff; overflow: hidden; overflow-y: auto; overflow-x:hidden;}
.aside-mymenu .my-dashboard {margin-bottom: 20px; padding: 20px 15px; box-sizing: border-box; border: 1px solid #b2b2b2;}
.my-dashboard:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.my-dashboard .dashboard-thnumbs {float: left; width: 30%; }
.my-dashboard .dashboard-thnumbs .thumbs {display: block; max-width:100%;}
.my-dashboard .dashboard-info {float: left; width: calc(70% - 15px); padding: 10px 0 0 15px; }
.my-dashboard .dashboard-info .info-name {font-size: 16px; color: #4a4a4a; font-weight: 400; }
.my-dashboard .dashboard-info .info-name > strong {font-weight: 500; color: #000;} 
.my-dashboard .dashboard-info .info-service {margin-top: 15px;}
.my-dashboard .dashboard-info .dl-list + .dl-list {margin-top: 5px;}
.my-dashboard .dashboard-info .dl-list dt {width: 80px; text-align: left; font-size: 14px; }
.my-dashboard .dashboard-info .dl-list dd {width: calc(100% - 80px); padding-lefT: 0; text-align: left; font-size: 14px; color:#000; }
.nav-mymenu li {position: relative; padding: 0 10px; box-sizing: border-box; border-bottom: 1px solid #b2b2b2; } 
.nav-mymenu li .mypage-btn {display: block; width: 100%; height: 100%; padding: 18px 10px 18px 40px; box-sizing: border-box; background-repeat: no-repeat; background-position: left center; background-size: 30px auto; font-size: 16px; color: #000; font-weight: 400;}

.nav-mymenu li .btn-push {background-image: url('/images/common/mypage_push.png'); }
.nav-mymenu li .btn-date {background-image: url('/images/common/mypage_date.png'); }
.nav-mymenu li .btn-snsalert {background-image: url('/images/common/mypage_snsalert.png'); }
.nav-mymenu li .btn-mymanger {background-image: url('/images/common/mypage_mymanger.png'); }
.nav-mymenu li .btn-safeservice {background-image: url('/images/common/mypage_safeservice.png'); }
.nav-mymenu li .btn-jungagree {background-image: url('/images/common/mypage_jungagree.png'); }
.nav-mymenu li .btn-jungapp {background-image: url('/images/common/mypage_jungapp.png'); }
.nav-mymenu li .btn-members-agree {background-image: url('/images/common/mypage_members.png'); }

.nav-mymenu li.category-arrow:after {content: ''; display: inline-block; position: absolute; top: 22px; right: 15px; width: 8px; height: 8px; border-top: 2px solid #b2b2b2; border-right: 2px solid #b2b2b2; -webkit-transform: rotate(45deg); transform: rotate(45deg); }


.nav-mymenu .category-members {display: block; width: 100%; margin-top: 20px; padding: 12px 0; border-radius: 15px; box-sizing: border-box; background-color: #f7e546; text-align: center; }

.nav-mymenu .category-members .icon-gayeon-symbol {display: inline-block; widtH: 50px; height: 50px; background: url('/images/common/gayeon_symbol.png') no-repeat left center; background-size: contain; vertical-align: sub; }
.nav-mymenu .category-members .text-group {display: inline-block; margin-left: 8px; font-family: 'GmarketSans'; font-weight: 500; font-size: 19px; color: #000; text-align: left; letter-spacing: -1px; }
.nav-mymenu .category-members .pink {color: #d51168; font-size: 16px;}


/* ================================================
  date
==================================================*/
/* AI 동의영역 - 220223 추가 */
.push .ai-profile-agree {margin-top: 30px; padding: 0 10px; }
.push .ai-profile-agree .box {padding: 28px 18px; background-color: #f3f3f3; }
.push .ai-profile-agree .tit {margin-bottom: 18px; font-size: 20px; color: #000; }
.push .ai-profile-agree .tit > .ai-title {width: 28px; height: 28px; margin-right: 10px; background: url('/images/mypage/ai_title.png') no-repeat left center; background-size: contain; vertical-align: bottom; }
.push .ai-profile-agree .txt {color: #232323; font-size: 14px; font-weight: 300; line-height: 1.5;}
.push .ai-profile-agree .approve-txt {color: #232323; font-size: 14px; font-weight: 300; line-height: 1.5; }
.push .ai-profile-agree .approve-txt strong {font-weight: 500; font-size: 14px; }

.push .btn-bottom-group {margin-top: 15px; }
.push .btn-bottom-group.horizontal .btn-lightgray {width: calc(30% - 10px); margin-right: 10px; }
.push .btn-bottom-group.horizontal .btn-pink {width: 70%; }

/* 타 매니저 약관 동의 ::2022-02-23 ai 영역 추가하면서 해당 내용 노출 x */
.push .section-manager-agree {margin-top: 30px; padding: 0 10px; }
.push .section-manager-agree .tit {font-size: 18px; color: #232a32; font-weight: 500; }
.push .section-manager-agree .list-dash {margin-top: 10px; font-size: 15px; color: #4a4a4a; font-weight: 300;}
.push .section-manager-agree .txt {margin-top: 5px; font-size: 14px; font-weight: 400; text-align:  right; font-weight: 500;}



/* ai & 매니저 추천 리스트 
---------------------------------------- */
.push .section-push {margin: 30px auto; }
.push .new-pushlist {position: relative; padding: 0 10px; }
.push .new-pushlist:after {content: ''; display:  block; clear: both; visibility: hidden;}
.push .new-pushlist li {position:relative; margin-bottom: 10px; padding: 30px 10px 15px; box-sizing: border-box; border: 1px solid #d3d3d5; background-color: #fff; }
.push .new-pushlist li .push-info {padding-left: 60px; background-repeat: no-repeat; background-position: left 10px center; background-size: 40px;}
.push .new-pushlist li.ai .push-info {background-image: url("/images/common/push_ai.png");}
.push .new-pushlist li.manager .push-info {background-image: url("/images/common/push_manager.png");}

.push .push-info dl {margin-top: 10px;}
.push .push-info dl:first-child {margin-top: 0; }
.push .push-info dl:after {content: ''; display:  block; clear: both; visibility: hidden;}
.push .push-info dl dt {float: left; width: 70px; font-weight: 400;}
.push .push-info dl dd {float: left; width: calc(100% - 80px); margin-left: 10px; font-size: 18px; color: #2c2c2c; font-weight: 400;}

.push .push-status {margin-top: 20px; }
.push .btn-status {display: block; width: 100%; border-radius: 4px; border-color: #e6147c; background-color: #e6147c; font-size: 22px; color: #fff; font-weight: 500; }
.push .new-pushlist .undecided {position: absolute; top: 8px; right: 10px; padding: 2px 10px; box-sizing: border-box; border-radius: 999px; background-color: #FFC107; color: #000100; font-size: 14px; text-align: center; } /* 미결정 tag */

.btn-status01 {border-color: #e4e4e4 !important; background-color: #e4e4e4 !important; color: #555 !important;} /* 상담희망 */
.btn-status02 {border-color: #f7e447 !important; background-color: #f7e447 !important; color: #5d5838 !important;} /* 매칭승락 */
.btn-status03 {border-color: #999999 !important; background-color: #999999 !important; color: #fff !important;} /* 거절 */
.push .new-pushlist + .table-contnet {margin-top: 80px; }

.push .table-list .text-guide02 {margin-bottom: 10px; padding: 0 10px; font-size: 14px; color: #333; }

/* view */
.push-view .section-push {margin: 30px auto; padding: 0 10px; }
.push-view .section-push h3 {font-size: 18px; color: #232323; font-weight: 500; }
.push-view .section-push .push-profile {padding: 10px 10px; box-sizing: border-box; border: 1px solid #b2b2b2; }
.push-view .section-push .push-thumbs {position: relative; float: left; width: 95px; height: 127px; padding-top: 35px; box-sizing: border-box; border: 1px solid #b2b2b2; font-size: 12px; color: #bcc0c4; text-align: center;}
.push-view .section-push .push-info {float: left; width: 60%; padding-left: 20px; }
.push-view .push-info dl {margin-top: 10px;}
.push-view .push-info dl:first-child {margin-top: 0; }
.push-view .push-info dl:after {content: ''; display:  block; clear: both; visibility: hidden;}
.push-view .push-info dl dt {float: left; width: 70px; font-weight: 400;}
.push-view .push-info dl dd {float: left; width: calc(100% - 80px); margin-left: 10px; font-size: 16px; color: #2c2c2c; font-weight: 400;}

.push-view .section-push .btn-bottom-group .txt {margin-bottom: 10px; font-size: 14px; color: #232323; text-align: center; font-weight: 400; }

/* push-view layer */
.push-view .popup-profile-accept .layer-header {padding: 20px 10px; box-sizing: border-box; background-color: #ddd;  }
.push-view .popup-profile-accept .layer-header h2 {font-size: 20px; text-align: center; }
.push-view .popup-profile-accept .layer-header .btn-close {top: 5px; }

.push-view .popup-profile-accept .layer-body {margin-top: 20px; padding: 0 20px; }
.push-view .popup-profile-accept .txt {color: #000; }

.push-view .popup-profile-accept .tit {margin-bottom: 10px; color: #000; font-weight: 500; font-size: 18px; }
.push-view .popup-profile-accept .txt {font-size: 14px; color: #555; }

.push-view .popup-profile-accept .btn-bottom-group {margin-top: 30px; }
.push-view .popup-profile-accept .btn-bottom-group.horizontal > button {border: none; }


/* ai 약관동의 팝업
====================================== */
.push .popup-ai-profile-agree .layer-header {padding: 20px 10px; box-sizing: border-box; background-color: #ddd;  }
.push .popup-ai-profile-agree .layer-header h2 {font-size: 20px; text-align: center; }
.push .popup-ai-profile-agree .layer-header .btn-close {top: 5px; }

.push .popup-ai-profile-agree .layer-body {margin-top: 30px; padding: 0 20px; }
.push .popup-ai-profile-agree .txt {color: #000; }

.push .popup-ai-profile-agree .tit {margin-bottom: 10px; color: #000; font-weight: 500; font-size: 18px; }
.push .popup-ai-profile-agree .ai-title{width: 26px; height: 26px; margin-right: 10px; background: url('/images/mypage/ai_title.png') no-repeat left center; background-size: contain; vertical-align: middle; }
.push .popup-ai-profile-agree .txt {font-size: 14px; color: #555; }

.push .popup-ai-profile-agree .btn-bottom-group.horizontal > button {border: none; }
.push .popup-ai-profile-agree .btn-bottom-group.horizontal .btn-lightgray {width: 30%; margin-right: 0;}



/* ================================================
  rcmd_ai_agree.asp ::ai 프로필 추천 이용 동의 (단일 페이지)
==================================================*/
.push.push-ai-agree .ai-profile-agree {margin-bottom: 80px; }
.push.push-ai-agree .ai-profile-agree .box {background-color: #fff; border: 1px solid #ccc; }
.push.push-ai-agree .tit {text-align: center; }
.push.push-ai-agree .btn-sumbmit {width: auto; margin: 0 auto; padding: 0 20px; }


/* ================================================
  date
==================================================*/
.date .board-content {margin: 30px auto 40px; }
.date .board-content > .guide {margin-bottom: 2px; font-size: 12px; color: #4a4a4a; font-weight: 300; text-align: right; }
.date .date-list {}
.date .date-list > li {box-sizing: border-box; border-bottom: 1px solid #DCDCDC; }
.date .date-list .data-header {position: relative; padding: 15px 10px; background-color: #f8f7f8; }
.date .date-list .data-header .name {font-size: 20px; color: #000; font-weight: 500; }
.date .date-list .data-header .data {font-size: 15px; color: #333; }
.date .date-list .data-header .tag-line {position: absolute; top: 24px; right: 10px; }

.date .date-list .data-place { padding: 20px 10px 0; }
.date .date-list .data-place .place {position: relative; padding-left: 30px; font-size: 16px; color: #333; }
.date .date-list .data-place .place:before {content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-color: #555; background-color: #555; background-image: url("/images/common/location.png"); background-repeat: no-repeat; background-position: center center; background-size: 10px; border-radius: 100%; }
.date .date-list .data-place .list-dash {margin-top: 10px; }

.date .date-list .btn-data-group {margin: 20px auto; }
.date .date-list .btn-data-group .btn {width: 180px; font-size: 16px; height: 45px; margin: 0 auto; line-height: 43px; }


/* write */
.date-write .apply-write {padding-bottom: 40px; }



/* ================================================
 문자 수신내역
==================================================*/
.sns .section-sns {margin-top: 0; padding: 40px 10px; box-sizing: border-box; background-color: #f3f3f3; }
.sns .section-sns .tit {margin-bottom: 10px; font-size: 18px; color: #232a32; font-weight: 500; }
.sns .section-sns .icon-sns {width: 30px; height: 30px; background: url("/images/common/sns_info.png") no-repeat left center; background-size: contain; vertical-align: middle;}
.sns .section-sns .txt {font-size: 14px; color: #444; }

.sns .section-sns .service-link {position: relative; margin-top: 20px;}
.sns .section-sns .service-link li:first-child {margin-top: 0; }
.sns .section-sns .service-link li {margin-top: 30px; padding-left: 40%; background-repeat: no-repeat; background-position: left 10px center; background-size:  30% auto; }
.sns .service-link .skt-link {background-image:url("/images/common/skt_logo.png");}
.sns .service-link .kt-link {background-image:url("/images/common/kt_logo.png");}
.sns .service-link .lg-link {background-image:url("/images/common/lg_logo.png");}
.sns .service-link .icon-app {display: block; width: 180px; padding: 10px 0 10px 65px; margin: 0 auto; box-sizing: border-box;  border-radius: 15px; background-color: #fff; background-repeat: no-repeat; background-position: left 25px center; background-size: 28px 28px; text-align: left; }
.sns .service-link .icon-app + .icon-app {margin-top: 10px; }
.sns .service-link .app-ios {background-image: url("/images/common/ios_app.png");  }
.sns .service-link .app-google {background-image: url("/images/common/android_app.png");}

.sns .service-link .icon-app p {font-size: 12px; color: #232323; }
.sns .service-link .icon-app strong {font-size: 14px; color: #232323; font-weight: 500; }






/* ================================================
  my-manager
==================================================*/
.my-manager .swiper-rolling img {display: block; max-width: 100%; margin: 0 auto;}

.my-manager .apply-write {padding-bottom: 40px; }

.my-manager .myfaq-section {margin: 60px auto 50px; }
.my-manager .myfaq-section .guide {padding: 0 10px; font-size: 13px; color: #777; font-weight: 400; }
.my-manager .myfaq-section .mymanger-info .info-call {margin-top: 10px; padding: 20px 0; border-top: 2px solid #dcdcdc; background-color: #f1f1f1; }
.my-manager .myfaq-section .mymanger-info .info-call .name{color: #5e5e5e; font-size: 18px; font-weight: 500; text-align: center; }
.my-manager .myfaq-section .mymanger-info .info-call .call {display: block; width: 130px; height: 45px; margin: 15px auto 0;  border-radius: 30px; border: 1px solid #dcdcdc; box-sizing: border-box; line-height: 43px; background-color: #97989a; font-size: 16px; color: #fee62e; font-weight: 500; text-align: center; }
.my-manager .myfaq-section .mymanger-info .info-call .call .i-arrow:after {top: 6px; border-color: #fee62e;   }
.my-manager .myfaq-section .faq-list li {position: relative; padding: 15px 10px; box-sizing: border-box; border-top: 1px solid #dcdcdc; background-color: #fff; }
.my-manager .myfaq-section .faq-list li a {display: block; width: 100%; height: 100%; }
.my-manager .myfaq-section .faq-list li .tit {width: calc(100% - 90px); font-size: 16px; color: #2c2c2c; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.my-manager .myfaq-section .faq-list li .tag {position: absolute; top: 15px; right: 10px; }

/* view */
.my-manager-view {}

.my-manager-view .q-box {padding: 40px 20px; background-color: #f9f9f9; }
.my-manager-view .q-box .q-name {font-size: 16px; color: #333333; font-weight: 500;}
.my-manager-view .q-box .q-cont {margin-top: 10px; color: #333333; font-size: 14px; font-weight: 300; line-height: 1.5; }

.my-manager-view .a-box {position: relative; padding: 20px 20px; border-top: 2px dashed #bbb; box-sizing: border-box; background-color: #e1e1e1; }
.my-manager-view .a-box .tit {font-size: 18px; color: #333; font-weight: 500; }
.my-manager-view .a-box .a-header .data { color: #999; font-size: 14px;}
.my-manager-view .a-box .a-name {margin-top: 10px; font-size: 14px; color: #333; font-weight: 500; }
.my-manager-view .a-box .a-cont {padding: 20px 0; font-size: 14px; color: #000; line-height: 1.5; font-weight: 400; }





/* ================================================
  jung 
==================================================*/
.jung .jung_agree .checkbox {margin-top: 5px; padding-bottom: 20px; }


/* 재계약 청약서 */
.jung-contact {}
.jung-contact .header-tab {margin-bottom: 0; }
.jung-contact .jung_agree {padding: 30px 0 0; }
.jung-contact .tit {margin-bottom: 15px; padding: 0 10px; font-weight: 500; }

.jung-contact .jung-section {padding: 0 10px; background-color: #F8F7F8; }
.jung-contact .jung-section p {margin-bottom: 30px; font-size: 14px; line-height: 25px; color: #6d6e71;  }
.jung-contact .jung-section .num {display: inline-block; padding: 0 5px; border-bottom: 1px solid #706f71; min-width: 100px; text-align: right; line-height: 18px; color: #000; font-weight: 500;  }

.jung-contact .jung_contract_clause {padding: 40px 10px 20px; background-color: #fff;}
.jung-contact .jung_contract_clause ul > li:first-child {margin-top: 0; }
.jung-contact .jung_contract_clause ul > li {margin-top: 30px; font-size: 14px; color: #6d6e71; font-weight: 400; line-height: 20px; }
.jung-contact .jung_contract_clause ul .chapter-num {display: block; margin-bottom: 5px;  font-size: 16px; color: #333; font-weight: 500; }
.jung-contact .jung_contract_clause .data {display: inline-block; padding: 0 5px; border-bottom: 1px solid #706f71; min-width: 50px; text-align: right; line-height: 18px;}

.jung-contact .jung_agree + .checkbox {padding: 0 10px; margin: 10px auto 30px; }

/* ================================================
  safe 안심번호 
==================================================*/
.safe .section-safe {margin-bottom: 40px; }
.safe .section-safe .content {margin-bottom: 50px; }

.safe .info-box {margin-top: 40px; padding: 30px 15px; box-sizing: border-box; border: 1px solid #b2b2b2; }
.safe .info-box .tit {margin-bottom: 10px; font-size: 20px; color: #000000; font-weight: 500;}
.safe .info-box .txt {font-size: 16px; color: #666; line-height: 1.5; }
.safe .info-box .gray-box {margin-top: 20px; padding: 20px 20px; background-color: #f3f3f3; text-align: center; }
.safe .info-box .gray-box p {margin-bottom: 5px; font-size: 16px; color: #232a32; font-weight: 400;}
.safe .info-box .gray-box strong {font-size: 20px; font-weight: 500;}

.safe .section-jung .safe-agree .tit {margin-bottom: 10px; font-size: 16px; color: #000000; font-weight: 400;}
.safe .section-jung .safe-agree .txt {font-size: 14px; color: #666; line-height: 1.5; text-align: left; }
.safe .section-jung .safe-agree-policy dl {margin-top: 10px; }
.safe .section-jung .safe-agree-policy dl dt {width: 70%; font-size: 12px; color: #232323; font-weight: 500; text-align: left; }
.safe .section-jung .safe-agree-policy dl dd {width: 30%; font-size: 12px; color: #232323; font-weight: 300; text-align: left; }
.safe .section-jung .safe-manger .txt {font-size: 14px; color: #232323; font-weight: 300; text-align: center; }
.safe .section-jung .safe-manger .txt > strong {font-weight: 400; font-size: 14px; color: #232323;}
.safe .section-jung .btn-bottom {margin: 20px auto; }
.safe .section-jung .btn-sumbmit {width: 200px; margin: 0 auto; }

.safe .section-safe img {display: block; width:100%;}





/* ================================================
  jung app
==================================================*/
.jung-app {background-color: #f0f6ff; }
.jung-app .visually {margin-bottom: 50px; }
.jung-app .top-box {margin: 0 auto; padding: 30px 30px; box-sizing: border-box; text-align: center;}

.jung-app .top-box .tit {color: #8a3abf; font-size: 30px; font-weight: 700; line-height: 1.3; }
.jung-app .top-box .txt {margin-top: 10px; color: #2c2c2c; font-size: 18px; font-weight: 400; line-height: 1.2; }

.jung-app .middle-box img {display: block; max-width: 100%; margin: 0 auto;}
.jung-app .middle-box .list-style {margin-top: 30px; }
.jung-app .middle-box {padding: 0 30px;}
.jung-app .middle-box .list-style > li {margin-bottom: 20px; font-size: 15px; color: #8a3abf; font-weight: 500; }
.jung-app .middle-box .list-style > li > .list-depth {margin-top: 5px; color: #2c2c2c; font-size: 14px; font-weight: 400;}
.jung-app .bottom-box {margin-top: 30px; }
.jung-app .bottom-box .btn-app {margin-top: 20px; }
.jung-app .bottom-box a,
.jung-app .bottom-box img {display: block; max-width: 100%; margin: 0 auto; }