/* 공숲 게시판 공통 스타일 (풀서비스, 모의고사 공용) */



/* 게시판 컨테이너 */
.main_cont_box.main_comment{margin-top: 40px;background: #FFFFFF;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.04);border-radius: 8px;}
.main_comment{padding:30px 0 40px}

/* 타이틀 */
.main_comment strong.main_tit{display: flex;align-items: center;font-weight: 700;font-size: 18px;line-height: 27px;letter-spacing: -0.03em;color: #000000;margin:0 auto 14px; padding:0 20px;}
.main_comment strong.main_tit em{font-weight: 700;margin-left:5px}
.main_comment strong.main_tit a{margin-left:12px;margin-right:7px; display: flex; align-items: center;}
.main_comment strong.main_tit span{font-weight: 400;font-size: 13px;line-height: 20px;letter-spacing: -0.02em;color: #C5C5C5;}
.main_comment .main_tit_flex{display: flex;justify-content: space-between;align-items: center;padding: 0 20px;margin-bottom: 14px;}
.main_comment .main_tit_flex .main_tit{margin: 0;padding: 0;}
.main_comment .main_tit_flex .btn_wrap{position: relative;}
.main_comment .main_tit_flex .btn_wrap a{display: inline-block;padding: 5px 8px;border: 1px solid #ededf3;background: #fff;border-radius: 4px;font-size: 12px;line-height: 150%;letter-spacing: -0.02em;}
.main_comment .main_tit_flex .btn_wrap .btn_bb{display: block;padding: 6px 10px;border-radius: 2px;background: rgba(0,0,0,0.8);font-size: 12px;color: #FFF;line-height: 150%;letter-spacing: -0.02em;text-align: center;position: absolute;left: 50%;transform: translateX(-50%);top: -40px;width: max-content;}
.main_comment .main_tit_flex .btn_wrap .btn_bb::before{content: '';display: block;width: 8px;height: 8px;background: rgba(0,0,0,0.8);position: absolute;left: 50%;bottom: -4px;transform: translateX(-50%) rotate(45deg);}

/* 입력 영역 */
.main_comment .box_input{display: flex;position: relative;margin:0 auto 30px; padding: 0 20px;}
.main_comment .box_input input, .main_comment .box_input textarea{height:56px;border:1px solid #E4E7EC;width:100%;padding:17px 73px 16px 20px;border-radius: 8px;box-sizing: border-box;display: flex;align-items: center;line-height: 150%;}
.main_comment .box_input a{height:54px;line-height:54px;border:1px solid #E4E7EC;width:160px;text-align: center;background: #E4E7EC;text-align: center;border-radius: 0 8px 8px 0;margin-left: -8px;font-size: 15px;letter-spacing: -0.01em;flex-shrink: 0;}
.main_comment .box_input input:focus+span+a, .main_comment .box_input textarea:focus+span+a{border:1px solid #0F66FF;background:#0F66FF;color:#fff}
.main_comment .box_input span{position: absolute;top:20px;right:197px;text-align: right;font-weight: 500;font-size: 12px;line-height: 19px;letter-spacing: -0.03em;color: #C5C5C5;}

/* 리스트 영역 */
.main_comment .main_comment_list ul{border-top:1px solid #E8E8E8;}
.main_comment .main_comment_list ul li{border-bottom:1px solid #E8E8E8;padding:24px 36px 24px 40px;display: flex;justify-content: space-between;flex-direction: row;position: relative; align-items: center;}
.main_comment .main_comment_list ul li.noti{background: #F3F7FF;}
.main_comment .main_comment_list ul li em{font-weight: 500;font-size: 13px;line-height: 21px;letter-spacing: -0.02em;color: #969696;width: 120px;display: flex; align-items: center;}
.main_comment .main_comment_list ul li strong{font-weight: 500;font-size: 14px;line-height: 22px;letter-spacing: -0.03em;color: #111111;display: flex;position: relative;margin:0 20px;width: 840px;align-items: center;}
.main_comment .main_comment_list ul li strong img{margin-left:6px}
.main_comment .main_comment_list ul li span{font-weight: 500;font-size: 13px;line-height: 21px;letter-spacing: -0.02em;color: #969696;width:125px;text-align: right;display: block;}