@charset "utf-8";

/* 상단 버튼 */
.mentoring-top-btn { margin-top:-14px; text-align:right; }
.mentor-info{position:relative;height:172px;margin:60px 0 60px 0;border:4px solid #cdc8c6;}
.mentor-info .type{position:absolute;left:-4px;top:-4px;padding:12px 0 0 9px;font-weight:500;font-size:12px;line-height:16px;color:#fff;width:76px;height:78px;display:inline-block;}
.mentor-info .type.orange{background: url(../images/mt/bg_mentor_type.png) no-repeat;}
.mentor-info .type.purple{background: url(../images/mt/bg_mentor_type1.png) no-repeat;}
.mentor-info .info{float:left;width:720px;height:164px;border-right:1px solid #d9dfe5;}
.mentor-info .info > div{float:left;width:200px;height:164px;margin:0 0 0 20px;}
.mentor-info .info .img{float:left;width:92px;height:92px;margin:39px 0 0 40px;}
.mentor-info .info .img img{display:block;width:100%;height:92px;border:1px solid #dbe1e7;border-radius:100%;}
.mentor-info .info em{display:block;padding:51px 0 5px 0;font-weight:500;color:#000;font-size:20px;}
.mentor-info .info em strong {display:inline-block;vertical-align:middle;font-weight:500;min-width:250px;} /* 65px 에서 250px 로 수정 */
.mentor-info .info em span{display:inline-block;padding:0 0 0 5px;font-size:14px;color:#666;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 120px);}
.mentor-info .intro{float:left;width:340px;height:76px;margin-top:51px;padding:15px 15px 0 67px;border:1px solid #e4e4e4;color:#000;background: url(../images/mt/bg_mentor_intro.png) no-repeat 19px 19px;}
.mentor-info .info .belong{display:block;padding:0 0 6px 0;font-weight:400;color:#3475cf;}
.mentor-info .info ul li{float:left;font-size:12px;}
.mentor-info .info ul li:first-child:before{display:none;}
.mentor-info .info ul li:before{content:'';display:inline-block;width:1px;height:12px;margin:0 7px;background:#ccc;vertical-align:-1px;}

.mentor-info .number{position:relative;float:left;overflow:hidden;width:372px;height:164px;}
.mentor-info .number .answer-date{position:absolute;left:0;bottom:0;display:block;width:100%;line-height:37px;background:#fcfcfc;border-top:1px solid #d9dfe5;text-align:center;font-size:13px;font-weight:500;color:#666;}
.mentor-info .number ul li{position:relative;float:left;width:50%;text-align:center;}
.mentor-info .number ul li:first-child:after{content:'';position:absolute;right:0;top:50%;margin-top:-24px;display:inline-block;width:1px;height:48px;background:#d9dfe5;}
.mentor-info .number ul li strong{display:block;padding:40px 0 13px 0;font-size:20px;font-weight:500;}
.mentor-info .number ul li a{font-weight:500;font-size:24px;color:#333;}
.mentor-info .number ul li a em{display:inline-block;margin-left:7px;color:#666;font-size:18px;}
.mentor-info .number ul li span{display:inline-block;}
.mentor-info .number ul li span:after{content:'';display:block;width:100%;height:1px;background:#000;}
.mentor-info .number ul li .accrue a{color:#fb5b1c;}

/* 답변 등록 수정 */
.board-detail-box.mentoring .right .date:after{display:none;}
.board-detail-box.mentoring .cont{min-height:208px;word-break:break-all;}
.board-detail-box.mentoring .cont .view{display:block;padding:0 0 9px 0;font-size:16px;color:#3d91f0;}
.board-detail-box.mentoring .cont .view a{display:inline-block;padding:0 22px 0 0;margin-left:20px;font-size:14px;font-weight:500;color:#767676;background: url(../images/mt/bg_reg_view.png) no-repeat right center;}
.board-detail-box.mentoring .title .open-check{display:inline-block;font-size:14px;color:#767676;}
.board-detail-box.mentoring .title .open-check:before{content:'';display:inline-block;margin:0 8px 0 12px;width:25px;height:20px;vertical-align:-4px;background: url(../images/mt/bg_reg_lock.png) no-repeat 0 0;}
.mentor-answer{padding:25px;border:1px solid #d9dfe5;border-top:0;background:#fdfdfd;}
.mentor-answer .box{background:#fff;}
.mentor-answer .tit{display:block;padding:20px 0 29px 81px;font-size:18px;font-weight:500;border-bottom:1px solid #d9dfe5;background:#fbfbfb url(../images/mt/bg_mentor_answer.png) no-repeat 0 0;}
.mentor-answer .tit em{color:#fb5b1c;font-weight:500;}
.mentor-answer .tit em a{text-decoration: underline;}
.mentor-answer .form{display:block;border:1px solid #d3d8dc;border-top:0;}
.mentor-answer .form textarea{width:100%;height:110px;padding:19px 0 19px 20px;border:0;}
.mentor-answer .answer{display:block;background:#fdfdfd;padding:10px 38px 30px;min-height:174px;}
.mentor-answer .file{width: 100%;padding: 10px 0 10px 20px;border: 1px solid #d3d8dc;border-top:0;}
.mentor-answer .file em{float: left;width: 70px;color: #333;font-weight: 500;}
.mentor-answer .file span{display: block;padding: 0 0 0 70px;}
.mentor-answer .file span a{color:#404040;}
.mentor-answer .file span a:before {content: '\002C';display: inline-block;margin-right: 8px;}
.mentor-answer .file span a:first-child:before{display:none;}
.mentor-answer .file span a:hover{text-decoration:underline;}
.mentor-answer .file > div{display: block;padding: 0 0 0 70px;}
.mentor-answer .board-tooltip{float:left;margin:8px 20px 0 0;color: #333;font-weight: 500;}
.mentor-answer.detail .file{padding: 19px 38px 19px;background:#fdfdfd;border:0;border-top:1px solid #dfdfdf;}
.mentor-answer.detail{padding: 25px;}
.mentor-answer.detail .tit-wrap{height:76px;border-bottom:1px solid #dfdfdf;background: #fbfbfb url(../images/mt/bg_mentor_answer.png) no-repeat 0 0; position:relative;}
.mentor-answer.detail .tit{padding: 10px 0 10px 81px;border:0;background: none}
.mentor-answer.detail .date{padding:0 0 0 83px;color:#747474;display:block;background:none;}
.qna-tit{text-indent: -9999px;position: absolute;}
.data-board td.input-td .cont-txt{font-size:14px;font-weight:500;line-height:40px;}
.data-board td.file-wrap > div {margin-top: 10px;display: block;width: 400px;}
.data-board td.file-wrap > div:first-child {margin-top: 0;}
.data-board td.input-td .radiobox01{margin-right:30px;}

/* 질문등록 팝업 */
.pop-question-reg > p{padding-bottom:16px;font-size:18px;font-weight:500;color:#000;}

/* 목록 */
.board-tooltip.sorting button{vertical-align: -9px;}
.board-tooltip.sorting button:focus{outline: 2px solid #000;}
.board-tooltip.sorting .tooltip-layer{width:120px;padding:0;}
.board-tooltip.sorting .sorting li a{display:block;line-height:36px;padding: 0 12px 0;color:#333;font-weight:500;}
.board-tooltip.sorting .sorting li a span{color:#e60021;}
.board-tooltip.sorting .sorting li a:hover, .board-tooltip.sorting .sorting li a:focus{background:#fff9f7;}

/* 답변 등록 */
.board-detail-box .title {background: url(../images/mt/bg_question.png) no-repeat 0 15px;padding: 0 313px 0 54px;}
.mentor-answer .file .tooltip-action {float:left;padding:0;}
.mentor-answer .file .file-list > div:first-child{margin:0 0 0 30px;}
.mentor-answer .file .file-list > div{margin:10px 0 0 30px;display:block;width:400px;}
.info-txt{padding:24px 0 25px;border-bottom:1px dashed #dfdfdf;}
.info-txt a{position:relative;display:inline-block;padding:0 22px 1px 14px;font-size:12px;line-height:18px;color:#333333;}
.info-txt a:after{display:block;content:'';position:absolute;left:0;top:5px;width:6px;height:6px;background:#c9c9cb;border-radius:3px;}
.info-txt a:before{display:block;content:'';position:absolute;right:0;top:2px;width:12px;height:12px;background:url(../images/mt/bg_link.png) no-repeat 0 0;}
.info-txt a:hover{text-decoration:underline;}

/* 멘토검색 팝업 */
.pop-mentor-search p.txt{padding:12px 0 0 0;font-size:18px;font-weight:500;color:#000;}
.pop-mentor-search .page-search{margin:20px 0 28px;border:1px solid #d9dfe5;}
.mentor-list {overflow:hidden;border-top:1px solid #d9dfe5;}
.mentor-list ul{margin-left:-1px;overflow:hidden;}
.mentor-list li{float:left;width:33.3%;height:277px;padding:20px 0 0 0;text-align:center;border-bottom:1px solid #d9dfe5;}
.mentor-list li a:before{content:'';position:absolute;left:0;top:0;display:inline-block;width:1px;height:237px;background:#d9dfe5;}
.mentor-list a{position:relative;display:block;height:237px;font-weight:500;text-align:center;}
.mentor-list .img{display:inline-block;width:92px;height:92px;margin:10px 0 10px 0;position: relative;overflow:hidden;border-radius:50%;border:1px solid #d9dfe5;}
/*.mentor-list .img img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}*/
.mentor-list .img img{width:100%; height:100%;}
.mentor-list em{position:absolute;right:18px;top:5px;display:inline-block;font-size:12px;height:15px;padding:0 5px;line-height:15px;}
.mentor-list .expert{color:#795cb5;border:1px solid #795cb5;}
.mentor-list .university{color:#e00;border:1px solid #fb5b1c;}
.mentor-list strong{display:block;width:103px;margin:0 auto;font-size:20px;color:#000;font-weight:500;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.mentor-list .attach{display:block;width:122px;margin:0 auto;padding:3px 0 7px 0;color:#333;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.mentor-list .major{display:block;width:122px;margin:0 auto;padding:0 0 11px 0;color:#3475cf;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.mentor-list .field{display:block;margin:0 33px;padding-top:6px;border-top:1px solid #d9dfe5;color:#666;font-size:12px;}
.mentor-list .field span{display:inline-block;}
.mentor-list .field span + span:before{content:'';display:inline-block;width:1px;height:12px;margin:0 6px;background:#cfcfcf;vertical-align:-2px;}
.popup-page-btn.type1{padding:0;}
.btn-more {display:block; height:80px; color:#3c4154; font-size:16px; font-weight:500; line-height:80px; text-align:center;}
.btn-more:after {content:''; display:inline-block; width:17px; height:11px; margin-left:10px; background:url(../images/common/bl_more.png) no-repeat; vertical-align:0;}
.btn-more:hover, .btn-more:focus { color:#3c4154; }

/* 참고자료 */
.part-choice { overflow:hidden; margin-top:10px; padding:9px 14px; border:1px solid #d9dfe5; background:#fff; }
.part-choice > li { float:left; position:relative; width:172px; height:62px; margin:5px 3px; border:1px solid #ebebeb; background:#fdfdfd; }
.part-choice > li span { display:block; font-size:12px; }
.part-choice > li > a { display:block; height:60px; background-repeat:no-repeat; background-position:0 0; }
.part-choice > li > a > span { position:absolute; top:50%; left:65px; font-size:14px; line-height:19px; color:#333; transform:translateY(-50%); }
.part-choice > li.part-all > a { background-image:url(../images/no/icon_part_all.png); }
.part-choice > li.part01 > a { background-image:url(../images/no/icon_part01.png); }
.part-choice > li.part02 > a { background-image:url(../images/no/icon_part02.png); }
.part-choice > li.part03 > a { background-image:url(../images/no/icon_part03.png); }
.part-choice > li.part04 > a { background-image:url(../images/no/icon_part04.png); }
.part-choice > li.part05 > a { background-image:url(../images/no/icon_part05.png); }
.part-choice > li.part06 > a { background-image:url(../images/no/icon_part06.png); }
.part-choice > li.part07 > a { background-image:url(../images/no/icon_part07.png); }
.part-choice > li.part08 > a { background-image:url(../images/no/icon_part08.png); }
.part-choice > li.part09 > a { background-image:url(../images/no/icon_part09.png); }
.part-choice > li.part10 > a { background-image:url(../images/no/icon_part10.png); }
.part-choice > li.part11 > a { background-image:url(../images/no/icon_part11.png); }
.part-choice > li.part12 > a { background-image:url(../images/no/icon_part12.png); }
.part-choice > li.part13 > a { background-image:url(../images/no/icon_part13.png); }
.part-choice > li.part14 > a { background-image:url(../images/no/icon_part14.png); }
.part-choice > li.part15 > a { background-image:url(../images/no/icon_part15.png); }
.part-choice > li.part16 > a { background-image:url(../images/no/icon_part16.png); }
.part-choice > li.active { border-color:#fc2b02; background:#fb5b1c url(../images/no/bl_part_arrow.png) no-repeat 100% 50%; }
.part-choice > li.active > a { background-position:0 -60px; }
.part-choice > li.active > a > span { color:#fff; }


/* 멘토 메인 */
.mentor-main{overflow:hidden;margin-top:38px;border:1px solid #d9dfe5;border-top:0;}
.mentor-main .mentor-list{position:relative;padding:0 29px;border-top:0;}
.mentor-main .mentor-list:before{content:'';position:absolute;left:27px;top:0;display:inline-block;width:2px;height:100%;background:#fff;z-index:5;}
.mentor-main .mentor-list li{width:25%;}
.mentor-list li.none-cont{width: 100%;height: 200px;padding: 85px 0 0 0;color: #767676;font-size: 16px;text-align: center;}
.mentor-main .page-search{margin-top:0;border-left:0;border-right:0;}
.mentor-main .search-count-btn{padding-bottom:12px;margin: 40px 29px 0;border-bottom: 1px solid #d9dfe5;}


.page-search.mt-search {padding:30px;text-align:right; border-bottom-color:#9ba6b3;}
.page-search.mt-search .state {float:left;}
.page-search.mt-search .state ul {float:left;}
.page-search.mt-search .state li {display:inline-block;}
.page-search.mt-search .state li+li {margin-left:5px;}
.page-search.mt-search .state li a{display:block;min-width:70px;height:38px;padding:0 13px;border: 1px solid #dcdcdc;background:#fff;font-size:14px;color:#333;line-height:36px;text-align:center;border-radius:25px;}
.page-search.mt-search .state li.on a {border:1px solid #f85a1c;background:#f85a1c;font-weight:500;color:#fff;}
.page-search.mt-search.n-outline{border: none;padding: 0 0 18px 0;background: none;}
.page-search.mt-search.n-outline .state li a{min-width: 56px;}
.mentor-top{margin-top:40px;}
.part-choice{padding:0; border:none;}
.part-choice > li{width:144px; height: 105px; border-color:#c1c1c1; border-radius: 5px; margin:0;}
.part-choice > li + li{margin-left:15px;}
.part-choice > li:nth-child(8), .part-choice > li:nth-child(15){margin-left:0;}
.part-choice > li:nth-child(n+8){margin-top:10px;}
.part-choice > li.active{position:relative; background:#fff9f6; border-color:#f85a1c;}
.part-choice > li.active:after{content:''; display:block; width:23px; height:23px; background:url(../images/ico_chkMentoring.png) no-repeat; position:absolute; top:5px; right:5px;}
.part-choice > li > a{height: 102px;}
.part-choice > li > a > span{font-size:15px; color:#666; font-weight: 500;}
.mentor-top .part-choice > li > a > span{left: 10%;}
.part-choice > li.active > a > span{color:#f85a1c}
.part-choice > li:not(:first-child) > a > span:before{content:''; display:inline-block; width: 12px; height: 15px; background:url(../images/icon_tag.png) no-repeat; vertical-align: middle; margin: 0 6px 2px 0;}
.part-choice > li:not(:first-child).active > a > span:before{background-position: -13px 0;}
.part-choice > li.part-all > a { background-image:none; }
.part-choice > li.part01 > a {background-image:none;}
.part-choice > li.part02 > a { background-image:none; }
.part-choice > li.part03 > a { background-image:none; }
.part-choice > li.part04 > a { background-image:none; }
.part-choice > li.part05 > a { background-image:none; }
.part-choice > li.part06 > a { background-image:none; }
.part-choice > li > a:before{content:''; display:block; width: 50px; height: 46px; background:url(../images/icon_mentoring_menu.png); position:absolute; top:10px; left: 47px;}
.part-choice > li.part-all > a:before{ background-position: 0 0;}
.part-choice > li.part01 > a:before{background-position:-50px 0;}
.part-choice > li.part02 > a:before{ background-position:-100px 0;}
.part-choice > li.part03 > a:before{ background-position:-150px 0;}
.part-choice > li.part04 > a:before{ background-position:-200px 0;}
.part-choice > li.part05 > a:before{ background-position:-250px 0;}
.part-choice > li.part06 > a:before{ background-position:-300px 0;}
/* 메뉴 active */
.part-choice > li.part-all.active > a:before{ background-position: 0 -50px;}
.part-choice > li.part01.active > a:before{background-position:-50px -50px;}
.part-choice > li.part02.active > a:before{ background-position:-100px -50px;}
.part-choice > li.part03.active > a:before{ background-position:-150px -50px;}
.part-choice > li.part04.active > a:before{ background-position:-200px -50px;}
.part-choice > li.part05.active > a:before{ background-position:-250px -50px;}
.part-choice > li.part06.active > a:before{ background-position:-300px -50px;}

.search-count-btn .btn-mentor{float:right;}
.search-count-btn .btn-mentor li{display:inline-block; }
.search-count-btn .btn-mentor li + li{margin-left:5px;}
.search-count-btn .btn-mentor li a{display:block;padding: 10px 26px; font-size: 15px; font-weight: 500;}
.search-count-btn .btn-mentor li a:hover, .search-count-btn .btn-mentor li a:focus{color:#fff;}
.search-count-btn .btn-mentor .btn-myq{border:1px solid #b4bbc1; color:#5e6d82;}
.search-count-btn .btn-mentor .btn-myq:hover a{color:#5e6d82}
.search-count-btn .btn-mentor .btn-apply{border:1px solid #7687ce; background:#7687ce; color:#fff;}
.search-count-btn .btn-mentor .btn-apply:hover a{color:#fff}
.part-choice > li > a > span{width:112px; top:78px; text-align: center;}
.part-choice.verChat > li > a > span{left:14%;}
.list-board td.subject a span{margin-top:-3px;}
.list-board td .icon-secret{display:inline-block; width:20px; height: 21px; background:url(../images/icon_secret.png) no-repeat; font-size:0; line-height: 0;}
.mentor-keyword{margin-top:10px;}
.mentor-keyword li{display:inline-block; padding: 2px 10px; border:1px solid #c7c7c7; border-radius: 5px; font-size:13px; color:#666; }
.mentor-keyword li + li{margin-left:4px;}
.mentor-board .state{display:block; width:62px; line-height: 22px; margin:0 auto; border:1px solid #c9c9c9; border-radius: 5px; font-size: 13px; font-weight: 500;}
.mentor-board .state.ing{color:#7687ce; border-color:#7687ce;}
.mentor-board .state.fin{color:#577d13; border-color:#6ba604;}
.mentor-board .state.wait{color:#888;}
.mentor-board .state.wait02{color:#888; background:#f5f5f5;}
.mentor-board .state.cancle{color: #874a33; border-color:#874a33;}
.mentor-board .subject a{overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.sub-right{display:inline-block; font-size:16px; padding-top:14px; vertical-align: middle;}

/* 멘토링 신청 */
.part-choice.mentor-apply > li{width:170px; }
.part-choice.mentor-apply > li > a:before{left:58px;}
.part-choice.mentor-apply > li > a > span{left:15%;}

/* Q&A 상세 */
.mentor-answer.detail{margin-top:20px; border:1px solid #7d9ec3;}
.board-detail-box{position:relative;}
.board-detail-box .title{padding:0 313px 10px 54px; height: auto; background-position: 0 30px;}
.board-detail-box .title > strong{display:inline-block;}
.info-txt{border-bottom:none;}
.info-txt a{font-size:13px; color:#777;}
.board-detail-box .title .right{margin-top:12px;}
.board-detail-box.mentoring .state{display:inline-block; width:62px; line-height: 22px; border-radius: 5px; font-size:13px; color:#fff; text-align: center; margin-right:10px;}
.board-detail-box.mentoring .state.ing{background:#7687ce;}
.board-detail-box.mentoring .state.fin{background:#6ba604;}
.board-detail-box.mentoring .state.wait{background:#888;}
.board-detail-box.mentoring .state.wait02{background:#f5f5f5;color:#888;}
.board-detail-box.mentoring .state.cancle{background:#d2a694;}
.btn-qna{display:inline-block; border:1px solid #b4bbc1; border-radius: 5px; padding:6px 15px; color:#5e6d82; font-size: 14px; font-weight: 500; background:#fff;}
.btn-qna:hover{color:#5e6d82;}
.btn-qna.change{position:absolute; bottom:14px; right: 28px; padding:6px 35px 6px 15px; background:url(../images/icon_last-ans.png) no-repeat 45px 10px;}
.btn-qna.add-ques{float:right; margin-top:14px; }
.mentor-answer .answer{min-height: auto;}
.mentor-answer .tit{display:inline-block;}
.mentor-answer .tit em{color:#509cf1;}
.mentor-answer .box{background:#fbfbfb;}
.mentor-answer .box:after{content:''; display:block; clear:both;}
.mentor-answer.detail .add-bx{width:968px; margin: 0 auto 56px;}
.mentor-answer.detail .add-bx > em{display:block; width: 85px; line-height: 28px; border-radius:5px 5px 0 0; background:#8e9397; font-size: 14px; color:#fff; text-align: center;}
.mentor-answer.detail .add-bx .add-txt{position:relative; width: 100%; border:1px solid #d9dfe5; padding:20px 30px; background:#fff;}
.mentor-answer.detail .add-bx .add-txt:after{content:''; display:block; clear: both;}
.mentor-answer.detail .add-bx .add-txt textarea{width:100%; border:1px solid #c6c6c6; padding:9px 20px; overflow-y:auto;}
.mentor-answer.detail .add-bx .add-txt textarea + textarea{margin-top:12px;}
.mentor-answer.detail .add-bx .add-txt textarea::placeholder{font-weight: 400; color:#999;}
.mentor-answer.detail .add-bx .add-txt .btn-bx{float:right; width:205px; margin-top:10px;}
.mentor-answer.detail .add-bx .add-txt .btn-bx > a{float:left; width:100px; padding:0; line-height: 34px; text-align: center;}
.mentor-answer.detail .add-bx .add-txt .btn-bx .btn-qna.regist{background:#5e6d82; color:#fff; margin:0 0 0 5px; border-color:#5e6d82;}
.mentor-answer.detail .ans-bx{width: 100%; height: 160px; margin:15px 0; border:1px solid #c6c6c6; padding:10px 20px;}
.mentor-answer.detail .ans-bx::placeholder{font-weight: 400; color:#999;}
.mentor-answer.detail .file-input label{text-align: left;}
.mentor-answer.detail .file-input label span{font-size:14px; color:#999;}
.mentor-answer.detail .btn-qna.ans{position:absolute; top:15px; right:0px; background:#5e6d82; color:#fff;border-color:#5e6d82;}
.mentor-answer.detail .add-txt .btn-qna.ans{position:static; float:right;}
.mentor-answer.detail .add-bx .add-txt > div > em{display:block; font-size:16px; margin-bottom:20px; word-break:break-all;}
.mentor-answer.detail .add-bx .add-txt > .add-answer > em{color:#0e74e6}
.mentor-answer.detail .add-bx .add-txt > div > p{font-size:14px; color:#666;white-space: pre-line; word-break:break-all;}
.mentor-answer.detail .add-bx .add-txt > .add-answer{margin-top:30px; padding-left:20px; background:url(../images/icon_addanswer.png) no-repeat 0 6px;}
.mentor-answer.detail .add-bx .add-txt > div > em .add-date{font-size:13px; color:#666; margin-left:5px;}

.mentor-info{height:208px;}
.mentor-info .info{height: 200px;}
.mentor-info .info > div{width:525px; height: 200px; border-left:1px solid #ebebeb; margin:0; padding-left:30px;}
.mentor-info .info .img{margin:50px 30px 0 30px;}
.mentor-info .info em{padding: 32px 0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mentor-info .info .belong{display:inline-block;}
.mentor-info .info .belong + span:before{content:''; display:inline-block; width: 1px; height: 10px; background:#cdc8c6; margin:0 8px;}
.mentor-info .info .quote{margin-top:12px; background:#f5f5f5 url(../images/icon_quote.png) no-repeat 25px 13px; border-radius: 20px; padding: 8px 20px 8px 50px;min-height:42px;}
.mentor-info .number{height: 200px;}
.mentor-info .number ul li{line-height: 10px; text-align: left;}
.mentor-info .number ul li:after{content:''; display:block; clear: both;}
.mentor-info .number ul li:nth-child(1) a{color:#098df1;}
.mentor-info .number ul li:nth-child(2) a{color:#fb5b1c;}
.mentor-info .number ul li:nth-child(3) a{color:#666;}
.mentor-info .number ul li:nth-child(4) a{color:#000;}
.mentor-info .number ul li:nth-child(2n) strong{padding-left:0;}
.mentor-info .number ul li strong{display:inline-block; padding:24px 0 0 15px; font-size:16px; color:#666;}
.mentor-info .number ul li strong:before{content:''; display:inline-block; width: 5px; height: 5px; border-radius: 50%; background:#dad6d4; vertical-align: middle; margin:0 5px 3px 0;}
.mentor-info .number ul li a{font-size:16px;}
.mentor-info .number ul li:first-child:after{display:none;}
.mentor-info .number ul li span{float:right; padding:24px 15px 0 0;}
.mentor-info .number ul li span:after{display:none;}
.mentor-info .number ul li span a{text-decoration: underline;}
.mentor-info .number ul li span em{font-size:16px; color:#888; font-weight: 500;}
.mentor-info .number .last-ans{position:absolute; top:100px; border-top:1px solid #d9dfe5; background:#fcfcfc; width:100%; height: 50%; padding:5px 20px;}
.mentor-info .number .last-ans > em{font-size:13px; color:#888; background:url(../images/icon_last-ans.png) no-repeat 6px; padding-left:28px;}
.mentor-info .number .last-ans > p{float:left; width:250px; margin-top: 10px; font-size:14px; font-weight: 300; color:#000; padding-left:5px; overflow: hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mentor-info .number .last-ans > span{float:right; color:#999; margin-top:9px;}
.search-count-btn .mentor-part{float:left; margin-right: 18px;}

/*멘토링 현황 상태*/
.list-board.mentor-board span.noans{color:#0233ff;}
.list-board.mentor-board span.fin01{color:#6ba604;}
.list-board.mentor-board span.fin02{color:#666;}
.list-board.mentor-board span.noans-add{color:#f94709;}

/* 멘토링 질문등록 팝업 */
.pop-question-reg > p{font-weight: 400;}
.chk-part li{float:left;}
.chk-part input[type=checkbox]{-webkit-appearance:none;position: absolute;width: 24px;height: 24px;z-index: 9;margin: 0 0 0 10px;opacity: 0;}
.chk-part label{background:#f8f8f8; padding:8px 14px; border:1px solid #c2c6ca; border-radius: 5px;}
.chk-part li + li{margin-left:10px;}
.chk-part label:after{content:''; display:inline-block; width: 13px; height: 10px; background:url(../images/chk_off.png) no-repeat; margin-left:8px;}
.chk-part label.checking{background:#fe7038; border:1px solid #f85a1c; color:#fff;}
.chk-part label.checking:after{content:''; display:inline-block; width: 13px; height: 10px; background:url(../images/chk_on.png) no-repeat;}
.pop-question-reg > p{font-size:16px;}

/* 멘토링 채팅 팝업 */
.btn-chat{background:#f55067 url(../images/chat/ico_mentorChat.png) no-repeat 15px 12px; color:#fff;}
.search-count-btn .btn-mentor li.btn-chat a{padding:10px 16px 10px 40px;}
.popupDim{display:none; position:fixed; top:0; left:0; z-index: 1000; width:100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.popupDim #popupWrap{width:885px; height: 895px; background:#fff; position:absolute; top:20px; left:50%; margin-left:-442px; border-top: 4px solid #f17f21;}
.popupDim #popupWrap .popup-page-btn{position:absolute; bottom:0;}
.popupDim #popupWrap .page-sub-title-style .sub-title{line-height: 1;}
.popupDim #popupWrap .popup-title::after{content:''; display:block; clear: both;}
.popupDim #popupWrap .popup-title + .page-sub-title-style{margin-top:0;}
.popupDim #popupWrap .page-sub-title-style{margin-top:30px;padding-bottom:12px;}
.popupDim #popupWrap .sub-title-text{padding-bottom:12px; margin-top:0; font-size:15px; line-height: 1.4;}
.popupDim #popupWrap .list-board table tbody tr.on{background:#f5f7f9}
.popupDim #popupWrap .list-board table tbody tr.on .btn-border-navy{color:#fff; background:#5a6486;}
.popupDim #popupWrap .list-board table tbody tr.disabled td{color:#888;}
.popupDim #popupWrap .list-board table tbody tr.disabled .btn-border-navy{border-color:#cbcbcb; color:#666; background:#f8f8f8;}
.popupDim #popupWrap .btn-closed{display:block; position:absolute; top:8px; right:32px;}
.popupDim #popupWrap .radio-style01 + .sub-title-text{margin-top:20px;}
.sub-title-text .red{color:#ed1c24;}

/*팝업 tbody 스크롤 테이블 공통*/
.scrollTbody{border-collapse:collapse; width:100%; border-bottom:1px solid #d7d7d7}
.scrollTbody thead{float:left; width:825px;}
.scrollTbody thead tr{display: table; width:825px;}
.scrollTbody tbody{overflow-y:auto; overflow-x:hidden; float:left; width:825px; height:251px}
.scrollTbody tbody tr{display: table; width:825px;}
.scrollTbody tbody tr.disabled{background:#fcfcfc;}

#mentorChatPopup button[disabled='disabled']{cursor:default;}

.popupDim #popupWrap .radio-style01 + .sub-title-text{margin-top:40px;}

.radio-style01.chat{margin-bottom: 42px;}

.scrollTbody thead{width:100%;}
.scrollTbody thead tr{width:100%;}
.scrollTbody tbody{width:100%;}
.scrollTbody tbody tr{width:100%;}
.scrollTbody tbody tr.on{background:#eefcff;}
.scrollTbody tbody tr.on .btn-border-navy{background:#4085d2; color:#fff; border-color:#4085d2;}

/*채팅 신청 대상 테이블*/
.scrollTbody.onStChat tbody{height: 113px;}
.scrollTbody.onStChat th{width:147px; padding:14px 0;}/*분야, 선택*/
.scrollTbody.onStChat td{width:158px; padding:14px 20px;}
.scrollTbody.onStChat th:first-child{width:100px}/*학교급*/
.scrollTbody.onStChat td:first-child{width:130px}
.scrollTbody.onStChat th:nth-child(2){width:270px}/*동아리명*/
.scrollTbody.onStChat td:nth-child(2){width:373px}
.scrollTbody.onStChat th:nth-child(4){width:160px}/*활동기간*/
.scrollTbody.onStChat td:nth-child(4){width:245px}

/*멘토 선택 테이블*/
.scrollTbody.onMtChat tbody{height: 245px;}
.scrollTbody.onMtChat th{padding:14px 0;}
.scrollTbody.onMtChat td{padding:14px 20px;}
.scrollTbody.onMtChat th:nth-child(1){width:550px;}/*멘토명 및 분야*/
.scrollTbody.onMtChat td:nth-child(1){width:520px;}
.scrollTbody.onMtChat th:nth-child(2){width:350px;}/*답변 가능 시간 및 요일*/
.scrollTbody.onMtChat td:nth-child(2){width:365px;}
.scrollTbody.onMtChat th:nth-child(3){width:200px;}/*멘토링 신청*/
.scrollTbody.onMtChat td:nth-child(3){width:166px;}

.scrollTbody.onMtChat .mentorName em{font-size: 16px; font-weight: 500; color:#333;}
.scrollTbody.onMtChat .mentorName a{font-size:12px; color:#006cff; margin-left:8px;}
.scrollTbody.onMtChat .mentorName a:after{content:''; display:inline-block; width: 4px; height: 4px; border-top:1px solid #006cff; border-right: 1px solid #006cff; transform: rotate(45deg); margin:0 0 2px 3px;}
.scrollTbody.onMtChat .mentorName .tagBx{display:flex; gap: 6px; margin-top: 6px;}
.scrollTbody.onMtChat .mentorName .tagBx .tag{padding: 1px 8px; border:1px solid #ccc; background:#fff; border-radius: 3px; font-size: 13px; color:#333;}
.scrollTbody.onMtChat .noSrh{height: 245px; border-bottom: none;}
.scrollTbody.onMtChat .ableTime{margin-left:10px;}
.srh-bx > strong{padding-left:34px;}
.srh-bx .srh-time{display:flex; align-items: center; margin: 0 0 38px 0;}
.srh-day{display:flex; align-items:center;}
.srh-day ul{display:flex;}
.srh-hour {display:flex;  align-items: center;}
.srh-hour select{height: 32px; width: 125px;}
.srh-time{border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding: 15px 0;}
.srh-time .btn-srh{width:95px; height: 32px; line-height: 32px; background:#5a6585; color:#fff; }
.srh-time .srh-txt{flex: 1 1 0; background:url(../images/chat/ico_searchPlus.png) no-repeat 0 4px; padding-left: 22px;}
.srh-time .srh-txt.base{background:none; text-align: center; padding:0;}

.srh-day > strong, .srh-hour > strong{padding-left:18px; background:url(../images/chat/ico_chk_black.png) no-repeat 0 6px;}
.srh-bx .srh-time > div > strong{margin-right: 10px;}
.srh-bx .srh-time .srh-hour{margin-left: 34px; margin-right:8px;}

/*요일 선택 체크박스*/
.dayCheck{display:flex; margin-left:1px;}
.dayCheck li{width: 32px; margin-left: -1px;}
.dayCheck input[type=checkbox]{-webkit-appearance:none; position: absolute; width: 32px; height: 32px; z-index: 9; opacity: 0; cursor: pointer;}
.dayCheck label{display:flex; width: 32px; height:32px; border:1px solid #bcbec2; text-align: center; align-items:center; font-size:15px; font-weight: 400; color:#888; margin-left:-1px; background:#fff;}
.dayCheck label span{width:100%;}
.dayCheck label.checking{background:#4977ff; color:#fff;}

/*가능 요일 ul*/
.dayCheckShow{display:inline-flex;}
.dayCheckShow li{width:32px; height: 32px; line-height: 30px; border:1px solid #bcbec2; text-align: center; font-size: 15px; color:#888; margin-left: -1px; background:#fff;}
.dayCheckShow li.on{background:#4977ff; color:#fff;}

/*멘토링챗 테이블 disabled disabled.on*/
.scrollTbody tbody tr.disabled{background:#fcfcfc; }
.scrollTbody tbody tr.disabled td{color:#888;}
.scrollTbody tbody tr.disabled .mentorName em{color:#888;}
.scrollTbody tbody tr.disabled .mentorName .tagBx .tag{color:#888;}
.scrollTbody tbody tr.disabled .ableTime{color:#888;}
.scrollTbody tbody tr.disabled .dayCheckShow li.on{background:#ddd;}
.scrollTbody tbody tr.disabled .btn-border-navy{background:#f8f8f8; border-color:#cbcbcb; color:#666; cursor: pointer;}

.scrollTbody tbody tr.disabled.on{background:#eefcff; }
.scrollTbody tbody tr.disabled.on td{color:#333;}
.scrollTbody tbody tr.disabled.on .mentorName em{color:#333;}
.scrollTbody tbody tr.disabled.on .mentorName .tagBx .tag{color:#333;}
.scrollTbody tbody tr.disabled.on .ableTime{color:#333;}
.scrollTbody tbody tr.disabled.on .dayCheckShow li.on{background:#4977ff;}
.scrollTbody tbody tr.disabled.on .btn-border-navy{background:#4085d2; border-color:#4085d2; color:#fff; cursor: pointer;}

/*멘토링챗 테이블 confirm */
.scrollTbody tbody tr.cancel{background: #eefcff;}
/* 11/30일 오류 기준으로 수정
.scrollTbody tbody tr.cancel td{color:#888;}
.scrollTbody tbody tr.cancel .mentorName em{color:#888;}
.scrollTbody tbody tr.cancel .mentorName .tagBx .tag{color:#888;}
.scrollTbody tbody tr.cancel .ableTime{color:#888;}
.scrollTbody tbody tr.cancel .dayCheckShow li.on{background:#ddd;}
.scrollTbody tbody tr.cancel .btn-border-navy{background:#f8f8f8; border-color:#cbcbcb; color:#666; cursor: pointer;}
*/

.btn-big-area{display:flex; margin-top: 40px; gap: 10px; justify-content:center}

.part-choice.verChat > li{width: 170px;}
.part-choice.verChat > li > a:before{left:56px;}
.part-choice.verChat > li > a > span:before{content:''; display:inline-block; width: 12px; height: 15px; background:url(../images/icon_tag.png) no-repeat; vertical-align: middle; margin: 0 6px 2px 0;}
.part-choice.verChat > li.active > a > span:before{background-position: -13px 0;}

.sub-title-text2{font-size: 15px;font-weight: 500; color:#333; margin-bottom: 22px; line-height:1.4;}
.sub-title-text2 span{ color:#666; font-weight: 400;}
.sub-title-text2 .red{color:#ed1c24;}