/* ======== 예약페이지 ======== */

.chk-wrap {display: flex; gap: 10px;}
.chk-wrap2 {flex-wrap: wrap;}
.chk-wrap1 {flex-direction: column; }
.chk-wrap label {display: flex; align-items: center; justify-content: space-between; border-radius: 10px;  padding: 12px; border: 1px solid #f3f3f3;}
.chk-wrap label p {font-size: 16px; color: #888; font-family:'pretendard', sans-serif; font-weight: 400;}
.chk-wrap2 label {width: calc((100% - 10px) / 2); background-color: #f3f3f3; color: #888;}
.chk-wrap input:checked + label {border: 1px solid #007df2; background-color: #f3f9ff;}
.chk-wrap input:checked + label p {color: #111;}

.chk-wrap.rad-de label {background-color: #fcfcfc;}

textarea {resize: none; border: 1px solid #ddd; border-radius: 10px; outline: #007df2 !important; font-size: 15px; font-weight: 400 !important; font-family:'pretendard', sans-serif; height: 120px;}
textarea:focus {outline: #007df2 !important; border-color: #007df2 !important;}

.sub-tit {display: flex; align-items: center; justify-content: space-between;}
.sub-tit span {display: flex; align-items: center; gap: 5px; font-size: 13px; color: #777;}
.sub-tit span em {background: url(../img/warn2.png) no-repeat center/cover; width: 14px; height: 14px;}
.upload-file input {display: none;}
.upload-btn {border: 1px solid #007df2; border-radius: 10px; height: 45px; text-align: center; display: flex; align-items: center; justify-content: center; gap: 8px; color: #007df2; font-size: 16px; font-weight: 600;}
.upload-btn em {width: 16px;}

.file-con {border: 1px solid #ddd; padding: 12px 15px; border-radius: 10px; display: flex; align-items: center; justify-content: space-between;}
.file-con p {font-size: 14px; color: #444; font-family: 'pretendard';}
.file-con em {background: url(../img/delete.png) no-repeat center/cover; width: 20px; height: 20px;}


/* ======== 자가검진 ======== */

.exam-info {display: flex; flex-direction: column; gap: 20px;}
.exam-tag {display: flex; gap: 6px;}
.exam-tag em {font-size: 15px; color: #666; background-color: #F0F0F0; padding: 8px 15px; border-radius: 8px; font-weight: 600 !important;}
.exam-tag em.main-tag {background: #E4F2FF; color: #007df2;}
.exam-tit h3 {font-size: 20px; font-weight: 500 !important; }
.exam-tit h3 b {font-weight: 800 !important;}
.exam-tit span {font-size: 14px; color: #777; margin-top: 8px;font-family:'pretendard', sans-serif;}
.info-txt {padding: 12px; border-radius: 10px; background-color: #f7f7f7; display: flex; flex-direction: column; gap: 8px;}
.info-txt p {font-size: 14px; color: #555;font-family:'pretendard', sans-serif; position: relative; padding-left: 14px;}
.info-txt p::after {content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #aaa; position: absolute; top: 6px; left: 2px;}
.exam select {border-color: #aaa;}

.exam-con-wrap {display: flex; flex-direction: column;}
.step {display: flex; align-items: center; justify-content: space-between;}
.step > div {display: flex; gap: 5px; align-items: center;}
.step p {font-size: 14px; color: #666;}
.step span {font-size: 16px; color: #007df2; font-weight: 800 !important; padding-bottom: 2px;}
.step ul {padding: 3px; border: 1px solid #eee; border-radius: 50px; display: flex; gap: 2px; width: 200px;}
.step ul li {flex-grow: 1; height: 8px; border-radius: 50px; background-color: #eee;}
.step ul li.on {background-color: #69B7FF;}

.exam-con {border: 1px solid #eee; border-radius: 10px; padding: 25px 20px; display: flex; flex-direction: column; gap: 16px;}
.exam-que {display: flex; align-items: center; gap: 8px;}

.exam-con.on .warn {display: flex !important; align-items: center; gap: 3px; margin-top: -6px;}
.exam-con.on .warn em {background:url(../img/warn.png) no-repeat center/cover; width: 12px; height: 12px;}
.exam-con.on .warn p {font-size: 13px; color: #ff6200; }

/* 효과 */
.bx-shadow {box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.bx-shadow.on {box-shadow: 0 0 10px #ff620040;}
.exam-con.on {border-color: #FF6200;}

.exam-tit p {font-weight: 500 !important; font-size: 24px; margin-top: 3px;}
.exam-que p {font-weight: 600;}

/* 자가검진결과 */

/* .level {margin-top: 10px;} */
.level .level-img, .level .level-bar {display: flex;}
.level .level-img > div, .level .level-bar > div {width: 33.33%; display: flex; justify-content: center; position: relative; flex-direction: column; align-items: center; gap: 5px;}
.level .level-img > div em {width: 46px; opacity: .3;}
.level .level-img > div span {opacity: 0; width: 46px;}
.level .level-img > div.on em { opacity: 1;}
.level .level-img > div.on span {opacity: 1;}

.level .level-bar {margin-top: 20px; border-radius: 20px;}
.level .level-bar > div {height: 9px; position: relative;}
.level1-bar {background-color: #A6DAFF; border-radius: 20px 0 0 20px;}
.level2-bar {background-color: #FFEEB5;}
.level3-bar {background-color: #FF7470; border-radius: 0 20px 20px 0;}
.level .level-bar > div span {width: 15px; height: 15px; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2; display: none;}
.level .level-bar > div::after {content:""; display: block; width: 23px; height: 23px; background: rgba(0, 0, 0, .2); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; z-index: 1; display: none;}
.level .level-bar > div.on span {display: block;}
.level .level-bar > div.on::after {display: block;}
.level-info {padding: 20px; border-radius: 10px; background-color: #fcfcfc; border: 1px solid #eee; margin-top: 10px; line-height: 1.5;}
.level-info h4 {font-size: 16px; font-size: 500; margin-bottom: 8px;}
.level-info p {font-weight: 400; font-size: 15px; color: #444; position: relative; padding-left: 12px;}
.level-info p::before {content: "-"; display: inline-block; position: absolute; top:-1px; left: 0;}
.level-txt {display: flex; flex-direction: column; gap: 4px;}
.exam-wrap {display: flex; flex-direction: column; gap: 30px;}
.level-tit {padding: 18px; background-color: #f0f8ff; border-radius: 10px; color: #0a365f; font-weight: 600;}
.level-tit b {font-weight: 800; color: #0a365f;}
.level-wrap {margin-top: 5px;}
.level-txt2 {border-radius: 10px; border: 1px solid #007df2; padding: 18px; margin-top: 10px; display: flex; flex-direction: column; gap: 5px;}
.level-txt2 p {font-weight: 400; position: relative; padding-left: 15px; font-size: 15px;}
.level-txt2 p b {color: #007DF2; font-weight: 700;}
.level-txt2 p::after {content: "•"; display: block; color: #666; position: absolute; top: -5px; left: 0; font-size: 21px;}
.que-none.on em {background: url(../img/que-none.png) no-repeat center/cover; width: 35px; height: 35px;}
.exam-que > div.que-none {display: flex; align-items: center; gap: 8px; }
.exam-que > div.que-none span {font-size: 14px; color: #ff6200; font-weight: 400; display: none}
.exam-que div.on span {display: block;}

/* 나의 상담기록 */

.record {background-color: #fafafa; height: 100vh;}
.tabs {width: 100%; overflow-x: auto; padding: 0 20px; border-bottom: 1px solid #f1f1f1; background-color: #fff; position: sticky; top: 56px; z-index: 10;}
.tabs ul {display: flex; gap: 15px;}
.tabs ul li {width: fit-content; padding: 16px 5px; color: #888888; font-weight: 500;}
.tabs ul li.on {color: #111; border-bottom: 2px solid #007df2; font-weight: 600 !important;}

/* 스크롤바 없애는 css */
.tabs{-ms-overflow-style: none; }
.tabs::-webkit-scrollbar{display:none;}
.sub-tab{-ms-overflow-style: none; }
.sub-tab::-webkit-scrollbar{display:none;}

.record-wrap {background-color: #FAFAFA; padding: 0px 20px 145px 20px;}

.sub-tab {display: flex; gap: 10px; width: 100%; overflow-y: auto; padding: 20px 10px 20px 20px;}
.sub-tab.no-tab {margin-bottom: 0; padding: 15px 20px;}
.sub-tab li {padding: 8px 20px; background: #eee; color: #666; border-radius: 50px; border: 1px solid #eee; text-wrap: nowrap;}
.sub-tab li.on {border: 1px solid #007df2; background-color: #fff; color: #007df2; font-weight: 600 !important;}
.record-con-inner {display: flex; flex-direction: column; gap: 15px;}
.record-con {border: 1px solid #eee; background-color: #fff; padding: 20px; border-radius: 10px; display: flex; flex-direction: column; gap: 20px;}
.status {display: flex; align-items: center;}
.status p {font-size: 18px; font-weight: bolder !important; color: #888; padding-right: 10px;}
.status.done p {color: #007df2;}
.status.tem p {color: #FF6200;}
.status span {font-size: 15px; color: #aaa; padding-left: 10px; position: relative; display: none; padding-top: 1px;}
.status span::after {content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #ddd; position: absolute; top: 50%; left: -2px; transform: translateY(-50%);}
.status.done span {display: block;}
.status.tem span {display: block;}
.record-con h2 {font-size: 18px;font-family: 'Pretendard'; font-weight: 600 !important;}
.record-con h2 em {display: inline-block; margin-right: 5px; font-weight: 600;}
.record-con-txt {padding: 15px; border-radius: 4px; background-color: #f7fafe;font-family: 'Pretendard'; margin-top: -10px;}
.record-con-txt ul {display: flex; flex-direction: column; gap: 9px;}
.record-con-txt ul li {display: flex; gap: 5px; font-size: 15px;}
.record-con-txt ul li p, .record-con-txt ul li span { color: #444; font-weight: 500;}


/* 상담기록 - 상담대기 상세보기 */

.bd-b {border-bottom: 10px solid #f7f7f7;}
.detail-con {padding: 30px 20px;}
.detail-con-inner h3 {margin-bottom: 12px; font-weight: 600;}
.detail-con-inner ul {display: flex; flex-direction: column; gap: 12px;}
.detail-con-inner ul li {font-family: 'Pretendard'; display: flex;}
.detail-con-inner ul li p {width: 100px; flex-shrink: 0; font-size: 15px; color: #888; font-weight: 500;}
.detail-con-inner ul li span {font-weight: 500;}
.detail-con-inner ul li.done span {color: #007df2;}
.detail-con-inner button {margin-top: 20px;}
.download-wrap {display: flex; flex-direction: column; gap: 8px;width: calc(100% - 100px);}
.download-wrap .download {width: 100%; padding: 10px 12px; border-radius: 10px; background-color: #eff7ff; display: flex; align-items: center; justify-content: space-between;}
.download-wrap .download p {font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: calc(100% - 20px); font-weight: 500;}
.download-wrap .download em {background: url(../img/download.png) no-repeat center/cover; width: 15px; height: 15px;}

/* 공지사항 */

.notice-con {padding: 25px 20px; border-bottom: 1px solid #eee;}
.notice-tag {font-size: 14px; color: #ff6200; border: 1px solid #ff6200; border-radius: 8px; width: fit-content; padding: 3px 10px;}
.notice-tag span {color: #ff6200; display: block; padding-top: 2px; font-weight: 600;}
.notice-con p {font-size: 16px; margin: 8px 0 13px 0; font-weight: 500;}
.notice-con > span {font-size: 13px; color: #bbb; font-family: 'pretendard'; font-weight: 400;}

.notice-detail {padding: 30px 20px;}
.notice-detail p {font-family: 'Pretendard'; font-size: 15px; line-height: 1.5;}
.notice-detail .img-wrap {display: flex; flex-direction: column; gap: 10px; margin-top: 10px;}
.notice-detail .download-wrap {margin-top: 30px; width: 100%; flex-direction: row; flex-wrap: wrap;}
.notice-detail .download-wrap > div {width: max-content; gap: 10px;}
.notice-detail .download-wrap .download p {width: auto;}

/* 자주묻는질문 */
.qna-con {padding: 25px 20px;  border-bottom: 1px solid #eee;}
.que-tit {display: flex; gap: 8px; align-items: flex-start; width: calc(100% - 20px);}
.que-tit p {margin-top: 2px;font-family: 'Pretendard';}
.qna-que {display: flex; justify-content: space-between; align-items: flex-start; gap: 12px;}
.qna-que > span {width: 11px; transform: rotate(0); flex-shrink: 0; margin-top: 8px;}
.qna-que > span.on { transform: rotate(180deg);}
.qna-answer {padding: 15px; border-radius: 10px; background-color: #f7f7f7; font-size: 15px; color: #333; margin-top: 15px; display: none;font-family: 'Pretendard';}


/* ======== 마이페이지 ======== */

.mypage-info {padding: 40px 20px 25px 20px; border-bottom: 10px solid #f7f7f7;}
.mypage-name {display: flex; align-items: center; justify-content: space-between;}
.mypage-name p {font-size: 28px; font-weight: 700; display: inline-block;}
.mypage-name p span {display: inline-block;}
.mypage-name > span {padding: 5px; border-radius: 8px; background-color: #eee; width: 30px; height: 30px;}
.mypage-name em {background: url(../img/setting.png) no-repeat center/cover;  width: 20px; height: 20px;}
.mypage-info ul {display: flex; flex-direction: column; gap: 8px; margin-top: 20px; margin-bottom: 25px;}
.mypage-info ul li {display: flex; align-items: center; gap: 8px;}
.mypage-info ul li em {padding: 5px; border-radius: 5px; background-color: #edf4fc; width: 24px; height: 24px;}
.mypage-info ul li p {font-weight: 400; font-size: 15px;}
.mypage-info ul li .affi {display: flex;}
.mypage-info ul li .affi p {padding: 0 7px; position: relative;}
.mypage-info ul li .affi p:first-child {padding-left: 0;}
.mypage-info ul li .affi p:first-child::after {content: ""; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #999; position: absolute; top: 50%; right: -2px; transform: translateY(-50%);}
.my-history {display: flex; padding: 20px 0; width: 100%; border-radius: 10px; background-color: #fafafa;}
.my-history > div {flex-grow: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;}
.my-history > div span, .my-history > div em  {width: 35px; height: 35px;}
.my-history > div span {font-size: 28px; font-weight: 900; text-align: center; color: #007DF2;}
.my-history > div span.none {color: #999999;}
.my-history > div p {font-size: 15px; color: #777; font-weight: 700;}
.mypage-nav {padding: 15px 20px 60px 20px;}
.mypage-nav ul li {padding: 16px 0; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee;}
.mypage-nav ul li:last-child {border-bottom: none;}
.mypage-nav ul li p {font-size: 15px; font-family: 'pretendard'; display: flex; align-items: center; gap: 10px; position: relative;}
.mypage-nav ul li p.new::after {content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #ff6200; position: absolute; top: 49%; right: -15px; transform: translateY(-50%);}
.mypage-nav ul li p span {font-size: 13px; color: #aaa;}
.mypage-nav ul li em {background: url(../img/angle2.png) no-repeat center/cover; width: 15px; height: 15px;}

/* ======== 약관 상세보기 ======== */
.privacy h3 {display: flex; align-items: center; gap: 6px; font-size: 15px; margin-bottom: 15px; font-weight: 600;}
.privacy h3 span {font-size: 13px; color: #aaa; font-weight: 400;}
.privacy div {padding: 15px; border-radius: 10px; background-color: #f7f7f7; font-size: 14px; font-weight: 400; color: #333;}

/* ======== 회원탈퇴 ======== */
/* .find-input2 {display: flex; flex-direction: column; gap: 50px;} */
.tit {display: flex; flex-direction: column; gap: 15px; margin-bottom: 30px;}
.tit h3 {font-size: 24px;}
.tit p {font-size: 16px; color: #333; font-weight: 400;}

.agree-input label {display: flex; align-items: center; gap: 8px; margin-bottom: 28px;}


/* ======== 검진 ======== */

.checkup-list {display: flex; flex-direction: column; gap: 15px;}
.checkup-list > div {display: flex; align-items: center; justify-content: space-between; padding: 20px; border-radius: 10px;}
.checkup-list > div.checkup01 {background-color: #ebf8ff;}
.checkup-list > div.checkup02 {background-color: #FFF1F1;}
.checkup-list > div.checkup03 {background-color: #EBF8FF;}
.checkup-list > div.checkup04 {background-color: #F4F7FC;}
.checkup-list > div p {font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.checkup-list > div span {font-size: 13px; color: #555;}
.checkup-list > div em {width: 39px;}

.amount-con {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.amount-con p {font-size: 13px; color: #888;}
.amount-con b {color: #007DF2; font-weight: 800;}
.amount-con .view {display: flex; align-items: center; gap: 7px;}
.amount-con .view em {background: url(../img/select_angle.png) no-repeat center/contain; width: 7px; height: 12px;}


/* ======== 문진표 ======== */

.exam-con-top {display: flex; flex-direction: column; gap: 20px; padding: 0 20px;}
.que-wrap {display: flex; flex-direction: column; gap: 20px;}
.que-sub {width: 100%; padding: 10px 0; border-radius: 8px; background-color: #106dc5; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; font-weight: bold;}
.exam-con2 {display: flex; flex-direction: column; gap: 20px; padding: 30px 20px ; border-bottom: 10px solid #f7f7f7;}
.exam-con2 .exam-que {flex-direction: column; align-items: flex-start;}
.exam-con2 .exam-que em {width: 35px; height: 35px;}
.exam-con2 .exam-que p {font-size: 18px; font-weight: 500;}
.disease {font-size: 16px; color: #37495a; font-weight: 600; padding-left: 14px; position: relative;}
.disease::after {content: ""; display: block; width: 7px; height: 7px; border-radius: 2px; background-color: #7b8692; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.exam-con-bt {display: flex; flex-direction: column; padding-bottom: 100px;}
.exam-con-bt > div:last-child {border-bottom: none;}

.chk-two {display: flex; align-items: center;}
.chk-two p {font-size: 15px; width: 30%;}
.chk-two .two-label {display: flex; gap: 6px; width: 70%;}
.chk-two .two-label label {flex-grow: 1; flex-shrink: 0;}
.two-wrap {display: flex; flex-direction: column; gap: 10px;}

.short01 label {flex-direction: column; align-items: flex-start; gap: 15px;}
/* .short01 label .short-chk {display: flex; align-items: center; justify-content: space-between; width: 100%;} */
label .short-chk {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.short-que {display: flex; flex-direction: column; gap: 10px; width: 100%;}
.short-input {width: 100%; display: flex; flex-direction: column; gap: 10px;}
.short-input p {font-size: 16px; color: #444 !important;}
.short-wrap {position: relative;}
.short-wrap span {position: absolute; top: 50%; right: 15px; transform: translateY(-50%); font-size: 15px; color: #555;}
/* .exam-con-wrap .select-wrap {display: none;} */
.short-con-wrap .select-wrap {display: flex; flex-wrap: wrap;}
.short-con-wrap .select-wrap > div {width: calc((100% - 6px)/2);}

.exam-con2 .exam-que p b {font-weight: 800; border-bottom: 2px solid #111;}

.info {padding: 15px; border-radius: 10px; background-color: #f6faff; margin-top: -10px;}
.info .info-tit {display: flex; align-items: center; gap: 4px;margin-bottom: 5px;}
.info .info-tit em {background: url(../img/info.png) no-repeat center/cover; width: 13px; height: 15px;}
.info .info-tit p {font-size: 14px; color: #007DF2; font-weight: 600;}
.info >  p {font-size: 14px; color: #555;}


/* ======== 알림페이지 ======== */

.alarm-off {display: flex; align-items: center; justify-content: space-between; padding: 15px; background-color: #f7f7f7; border-radius: 10px; margin-top: 15px; font-family: 'pretendard';}
.alarm-off p {display: flex; align-items: center; gap: 5px; font-size: 15px; color: #888; font-weight: 400;}
.alarm-off em {width: 15px;}
.alarm-off span {font-size: 15px; color: #007DF2; font-weight: 700;}
.alarm .sub-tab {padding: 15px 0;}
.alarm-con-wrap {font-family: 'pretendard';}
.alarm-con-wrap .alarm-con {padding: 20px 0; display: flex; flex-direction: column; gap: 12px; border-bottom: 1px solid #eee;}
.alarm-con-wrap .alarm-con.read {opacity: .5;}
.alarm-con-wrap .alarm-con p {font-size: 15px;}
.alarm-con-wrap .alarm-con span {font-size: 13px; color: #888; font-weight: 400;}
.alarm-note {font-size: 12px; color: #999; text-align: center; margin-top: 30px;}

/* ======== 고객센터 ======== */
.inquiry-tag span {font-size: 14px; font-weight: bold; color: #888888;}
.inquiry-tag.on span {color: #007DF2;}

.customer .amount-con {margin-bottom: 10px;}

.inquiry-anw {padding: 15px; border-radius: 10px; background-color: #f7f7f7; margin-top: 30px; display: flex; flex-direction: column; gap: 20px;}
.inquiry-anw > div {display: flex;}
.inquiry-anw > div span {font-size: 13px; color: #888; font-family: 'pretendard'; padding: 0 10px;}
.inquiry-anw > div span:first-child {padding-left: 0; position: relative;}
.inquiry-anw > div span:first-child::after {content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #aaa; position: absolute; top: 50%; right: -2px; transform: translateY(-50%);}

.alarm-toggle {padding: 20px 20px 30px 20px; border-bottom: 10px solid #f7f7f7; display: flex; flex-direction: column; gap: 5px;}    
.alarm-toggle:last-child {border: none;}
.alarm-toggle h4 {font-size: 16px; font-weight: 700;}
.alarm-toggle ul li {padding: 15px 0; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;}
.alarm-toggle ul li:last-child {border-bottom: none;}
.alarm-toggle ul li p {font-size: 15px; font-family: 'pretendard'; font-weight: 400;}
.toggle {position: relative; width: 61px; height: 36px; background-color: #f1f1f1; border-radius: 20px; box-shadow: inset 0 0px 6px rgba(85, 85, 85, .07); transition: all 0.2s;}
.toggle span {width: 25px; height: 25px; border-radius: 50%; background-color: #fff; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); box-shadow: 0 1px 6px rgba(0, 0, 0, .15); transition: all 0.2s;}
.toggle.on {background-color: #007DF2;}
.toggle.on span {right: 5px; left: auto;}

/* ======== 전체보기 메뉴 ======== */

.menu-wrap header {background-color: #007DF2 !important; border-bottom: none !important;}
.menu-wrap header .hd_tit span { color: #fff !important;}
.menu .mypage-info {padding: 30px 20px 60px 20px; background-color: #007DF2; position: relative; border-bottom: none;}
.menu .mypage-name p {color: #fff;}
.menu .mypage-name p span {color: #fff;}
.menu .mypage-info ul li p {color: #fff;}
/* .menu .mypage-info ul li .affi p:first-child::after {background-color: #fff;} */
.menu .my-history {position: absolute; width: calc(100% - 40px); left: 20px; bottom: -53px; background-color: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .08);}

.full-menu {padding: 80px 20px 0px 20px;}
.full-menu > p {font-size: 18px; color: #555; font-weight: 600; display: flex; align-items: center; gap: 6px; margin-bottom: 15px;}
.full-menu > p em {background: url(../img/full-menu.png) no-repeat center/cover; width: 20px; height: 20px;}
.full-menu-wrap {display: flex; flex-direction: column; gap: 15px;}
.full-menu-wrap > div {padding: 20px 18px; border-radius: 10px;}
.full-m-tit {display: flex; align-items: center; gap: 6px; margin-bottom: 10px;}
.full-m-tit em {width: 24px;}
.full-m-tit p {font-size: 18px; font-weight: 600;}
.full-menu-wrap ul {display: flex; flex-wrap: wrap; }
.full-menu-wrap ul li {width: 50%; display: flex; gap: 12px; align-items: center; padding: 10px 0; font-family: 'pretendard'; font-size: 15px;}
.full-menu-wrap ul li em {background: url(../img/angle2.png) no-repeat center/cover; width: 11px; height: 11px; margin-bottom: 2px;}

/* ======== 전체보기 메뉴 - 로그인 ======== */

.non-txt p {font-size: 20px; color: #fff;}
.non-m .non-join {position: absolute; width: calc(100% - 40px); left: 20px; bottom: -43px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); background-color: #0066C6; border-radius: 10px; padding: 20px; display: flex; align-items: center; justify-content: space-between;}
.non-info span {font-size: 13px; color: #fff; font-weight: 400; margin-bottom: 3px;}
.non-info p {font-size: 18px; color: #fff;}
.non-join em {width: 45px;}
.non-m .log-btn {margin-top: 20px;}

/* ======== 설문-회사 ======== */
.in {position: relative;}
.in .po-chk { position: absolute;top: 0;right: 0;}
.in .po-chk label {display: flex; gap: 8px;}
.in .po-chk label p {font-size: 15px;}

.result-wrap {display: flex; flex-direction: column; gap: 10px;}
.result-wrap > div {padding: 15px; border-radius: 10px; background-color: #f7f7f7;}
.result-wrap > div .comp-name {display: flex; gap: 10px; margin-bottom: 8px;}
.comp-name p {font-size: 18px; width: calc(100% - 40px); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 600;}
.comp-name em {background: url(../img/delete2.png) no-repeat center/cover; width: 30px; height: 30px;}
.comp-info {display: flex; flex-direction: column; gap: 3px;}
.comp-info .comp-date {display: flex; align-items: center; gap: 5px; font-size: 15px; color: #666;}
.comp-info .comp-date span {color: #666; font-weight: 400;}
.comp-info .dep {font-size: 15px; display: flex;}
.comp-info .dep span { color: #333; font-weight: 500;}
.comp-info .dep p { color: #333; font-weight: 500;}

.check-com-wrap {display: flex; flex-direction: column; gap: 20px; margin-top: 30px;}