@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,700&display=swap');

/* ========================================= 공통 스타일 [s] ========================================= */
/* 구글아이콘 */
.material-symbols-outlined{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;font-size:24px}
/* 기본 */
.cm-page{font-size:15px;font-weight:400;color:#777;line-height:1.65}
.cm-page .pl{white-space:pre-line}
.cm-page *{word-break:keep-all}
.cm-flex{display:flex;gap:10px}
.cm-flex.flex-end{justify-content:flex-end}
.cm-flex.flex-center{justify-content:center}
.cm-flex.ai-center{align-items:center}
.cm-flex-col{display:flex;flex-direction:column;gap:10px}
.cm-ps{font-size:13px;color:var(--caution)}
.cm-rq{font-size:12px;font-weight:500;color:var(--ps)}

/* 페이지 타이틀 */
.cm-tit{padding-bottom:30px;font-size:16px;text-align:center}
.cm-tit h1{margin-bottom:15px;font-size:30px;font-weight:700;color:var(--dark);line-height:1.4}
/* 버튼*/
.cm-link-fill{display:block;min-width:200px;width:max-content;height:50px;padding:0 40px;border:none;border-radius:30px;font-weight:500;color:#fff;line-height:50px;text-align:center;background:var(--primary);transition:all .2s}
.cm-link-fill:hover{background:var(--primary-h)}
.cm-link-line{display:block;min-width:200px;width:max-content;height:50px;padding:0 40px;border:1px solid var(--primary-line);border-radius:30px;font-weight:500;color:var(--primary);line-height:50px;background:#fff;transition:all .2s}
.cm-link-line:not(.cancel):hover{border-color:var(--primary);color:#fff;background:var(--primary)}
.cm-link-line.cancel{min-width:auto;border-color:#d9d9d9;color:#aaa}
.cm-link-fill.dark{background:var(--dark)}
/* 상태표시 */
.cm-status{display:inline-block;position:relative;min-width:55px;width:max-content;padding:4px 10px;border-radius:4px;border:1px solid;font-size:12px;font-weight:400;line-height:1;text-align:center;background:none}
.cm-status.ing{border-color:var(--second-50);color:var(--second)}
.cm-status.end{border-color:#ccc;color:#aaa}
.cm-status.prm{border-color:var(--primary);color:var(--primary)}
.cm-status.matched{overflow:hidden;padding:6px 8px 6px 15px;border:none;border-radius:20px;color:#fff}
.cm-status.matched span{position:relative;z-index:1}
/* 폼 - 작성 */
.cm-write-form{display:flex;flex-direction:column;border-top:2px solid var(--dark)}
.cm-write-form dl{display:flex;padding:30px 20px}
.cm-write-form dl+dl{border-top:1px dotted #ddd}
.cm-write-form dl dt{flex-shrink:0;width:12%;font-size:16px;font-weight:600;color:var(--dark)}
.cm-write-form dl dt label{font-size:16px;font-weight:600;color:var(--dark)}
.cm-write-form dl dd{flex-grow:1}
.cm-write-form dl dd.pf-status{color:var(--dark)}
.cm-write-form dl dd.pf-status b{font-weight:600;color:var(--primary)}
.cm-write-form .ps{font-size:13px;color:var(--caution)}
.cm-write-form .btns{align-items:center;justify-content:center}
.cm-write-form .cate{align-items:center;gap:5px;flex-wrap:wrap}
.cm-write-form .cate label{cursor:pointer;min-width:55px;width:max-content;height:35px;padding:0 20px;border-radius:20px;border:1px solid var(--primary-line);font-size:14px;font-weight:400;color:var(--primary);line-height:33px;background:var(--primary-bg);transition:all .2s}
.cm-write-form .cate input[type="radio"]{display:none}
.cm-write-form .cate input[type="radio"]:checked + label{border-color:var(--primary);color:#fff;background:var(--primary)}
.cm-write-form .cate button{min-width:55px;width:max-content;height:35px;padding:0 20px;border-radius:20px;border:1px solid var(--primary-line);font-size:14px;font-weight:400;color:var(--primary);line-height:33px;background:var(--primary-bg);transition:all .2s}
/* 폼 - input */
.cm-input{height:40px;padding:0 12px;border:1px solid #d9d9d9;border-radius:4px}
.cm-input:focus,.cm-input:active{border-color:#aaa}
.cm-input-dft{height:40px;padding:0 12px;border:none}
.cm-input-full{width:100%}
.cm-input-half{width:50%}
.cm-input.disabled{color:#aaa;background:#e9e9e9}
/* 폼 - checkbox */
.cm-input-ck-label{display:flex;align-items:center;gap:5px;cursor:pointer}
.cm-input-ck-label span{flex-shrink:0;display:flex;width:15px;height:15px;border-radius:4px;color:#fff;text-align:center;background:#ccc}
.cm-input-ck-label span svg{width:11px;height:11px;margin:auto}
.cm-input-ck-label input[type="checkbox"]{display:none}
.cm-input-ck-label input[type="checkbox"]:checked+span{color:#fff;background:var(--dark)}
.cm-input-ck-label input[type="radio"]{display:none}
.cm-input-ck-label input[type="radio"]:checked+span{color:#fff;background:var(--dark)}
/* 폼 - textarea */
.cm-txtarea{padding:12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff}
.cm-txtarea:focus,.cm-txtarea:active{border-color:#aaa!important;box-shadow:none!important}
.cm-txtarea[disabled]{background:#e9e9e9}
.cm-txtarea[disabled]::placeholder{color:#aaa}
/* 폼 - button */
.cm-btn{border:none;border-radius:4px;background:none}
/* 폼 - file */
.cm-filebox{display:flex;column-gap:8px;width:100%}
.cm-filebox label{cursor:pointer;max-width:120px;width:30%;height:35px;margin:0!important;padding:0 10px;border-radius:4px;font-weight:500!important;line-height:35px;text-align:center;color:#fff!important;background:#aaa}
.cm-filebox .upload-name{width:70%;max-width:230px;height:35px;padding:0 12px;border-radius:4px;border:1px solid #d5d5d5;font-size:15px;color:#888;background:#f5f5f5}
.cm-filebox .upload-name:focus,#mbRegister .upload-name:active{outline:none!important;box-shadow:none!important}
.cm-filebox input[type="file"]{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0}
/* 폼 - select */
.cm-select{cursor:pointer;min-width:120px;height:40px;padding:0 20px 0 12px;border:1px solid #d9d9d9;border-radius:4px;color:#777;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url('/sh_img/common/select_arr.png') no-repeat right 12px center;transition:all .3s ease-in-out}
.cm-select:focus,.cm-select:active{border-color:#aaa;outline:none}
/* 검색창 */
.cm-search-box{overflow:hidden;display:flex;height:40px;border:1px solid #d9d9d9;border-radius:4px}
.cm-search-box input{height:100%;padding-left:12px;border:none}
.cm-search-box input:focus{border:none!important;box-shadow:none}
.cm-search-box button{width:40px;height:40px;border:none;background:none}
.cm-search-box button svg{width:16px;height:16px}
/* 주의사항 */
.cm-ps-box{padding:6px 10px;border:1px solid var(--ps-line);border-radius:4px;font-size:13px;color:var(--ps);background:var(--ps-bg)}
/* 테이블 */
.cm-table{width:100%}
.cm-table .mw-100{max-width:100px}
.cm-table th{padding:10px 5px;font-size:15px;font-weight:600;color:var(--dark);background:var(--pale)}
.cm-table th.num{width:10%}
.cm-table th.name{width:15%}
.cm-table th.cate{width:10%}
.cm-table th.subj{width:50%}
.cm-table th.date{width:10%}
.cm-table td{padding:10px 5px;border-bottom:1px solid #e1e1e1;text-align:center}
.cm-table td.num{font-size:14px;font-weight:500;color:var(--dark)}
.cm-table td.subj{width:50%;text-align:left}
.cm-table td.date{font-size:14px;white-space:nowrap}
.cm-table td a{color:var(--dark)}
/* 페이징 */
.pg_wrap{margin:50px auto 0}
.pg_wrap .pg{display:flex;justify-content:center;font-size:12px;font-weight:600;text-align:center;font-family:'Pretendard'}
.pg_page, .pg_current{min-width:28px;height:28px;padding:0 5px;margin:0 2px;border-radius:3px;font-size:12px;font-weight:400;color:#999;line-height:28px;background:#f2f2f2;border:none;font-family:'Pretendard'}
.pg_current{color:#fff;background:var(--dark)}
.pg_start{text-indent:-999px;overflow:hidden;background:url('/img/btn_first.gif') no-repeat center #fff;border:1px solid #e1e1e1}
.pg_prev{text-indent:-999px;overflow:hidden;background:url('/img/btn_prev.gif') no-repeat center #fff;border:1px solid #e1e1e1}
.pg_end{text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat center #fff;border:1px solid #e1e1e1}
.pg_next{text-indent:-999px;overflow:hidden;background:url('/img/btn_next.gif') no-repeat center #fff;border:1px solid #e1e1e1}
@media(max-width:768px){
.pg_page, .pg_current{min-width:24px;height:24px;line-height:24px}
}
/* 게시판 - 뷰 */
.cm-board-view h1{margin-bottom:15px;font-size:30px;font-weight:700;color:var(--dark);line-height:1.4}
.cm-board-view .cont{padding:30px;border-top:2px solid var(--dark);border-bottom:1px dotted #ddd}
.cm-board-view .cont img{max-width:100%}
.cm-board-view .btns{justify-content:center;margin-top:40px}
.cm-board-view .btns a{min-width:auto}
.cm-board-view .info{align-items:center;margin-bottom:30px;font-size:14px;color:#aaa}
.cm-board-view .info-btns{gap:5px;margin-right:auto}
.cm-board-view .info-btns button{display:flex;align-items:center;gap:5px;border-color:#e1e1e1;font-weight:500;color:#aaa;background:#fff}
.cm-board-view .info-btns svg{width:16px;height:16px}
.cm-board-view .option{border-top:2px solid var(--dark);color:var(--dark)}
.cm-board-view .option dl{align-items:center;padding:20px 30px}
.cm-board-view .option dl+dl{border-top:1px dotted #ccc}
.cm-board-view .option dl dt{width:12%;font-size:16px;font-weight:700}
.cm-board-view .option dl dd{flex-grow:1}
.cm-board-view .option dl dd a{font-size:14px;color:var(--dark)}
.cm-board-view .option+.cont{border-top:1px solid var(--dark)}
.cm-board-view .file{flex-wrap:wrap;align-items:center;padding:15px 0;border-bottom:1px solid #e1e1e1}
.cm-board-view .file dt{margin-right:20px;font-size:16px;font-weight:700;color:var(--dark)}
.cm-board-view .file dd a{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid #e1e1e1;border-radius:6px;font-size:13px;line-height:1;color:#777;background:#f2f2f2}
.cm-board-view .file dd a+a{margin-top:5px}
.cm-board-view .file dd a svg{width:15px;height:15px}
/* 프로필 카드 */
.cm-profile-card{flex-shrink:0;width:370px;text-align:center}
.cm-profile-card .pf-ment{overflow:hidden;margin-bottom:10px;padding:14px 15px;border-radius:6px;border:1px solid var(--primary-line);font-size:14px;font-weight:400;color:var(--primary);white-space:nowrap;background:var(--primary-bg)}
.cm-profile-card .pf-ment-wrap{display:inline-block;white-space:nowrap;animation:cm-text-flow 10s linear infinite}
.cm-profile-card .pf-ment-wrap span{display:inline-block;padding-right:20px}
@keyframes cm-text-flow{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.cm-profile-card .pf-split{display:flex;flex-direction:column;position:relative;padding:30px;border-radius:6px;background:#fff;box-shadow:2px 2px 12px rgba(0, 0, 0, .05)}
.cm-profile-card .pf-logo{order:2;display:flex;overflow:hidden;width:100px;height:100px;margin:0 auto 20px;padding:5px;border-radius:50%;border:1px solid #d9d9d9;background:#fff}
.cm-profile-card .pf-logo img{width:100%;height:100%;object-fit:contain}
.cm-profile-card .pf-badge{width:max-content;margin:20px auto 10px;padding:4px 10px;border-radius:4px;border:1px solid var(--primary-50);font-size:12px;font-weight:500;line-height:1;color:var(--primary)}
.cm-profile-card .pf-company{order:4;font-size:19px;font-weight:700;color:var(--dark)}
.cm-profile-card .pf-info{order:6;padding-top:20px;margin:20px 0;border-top:1px dotted #ddd}
.cm-profile-card .pf-info~.pf-info{order:8;margin-top:0}
.cm-profile-card .pf-info li{display:flex;gap:10px;text-align:left;font-size:14px}
.cm-profile-card .pf-info li+li{margin-top:10px}
.cm-profile-card .pf-info li span{width:95px;font-weight:600;color:var(--dark)}
.cm-profile-card .pf-info li span:before{display:inline-block;vertical-align:middle;content:"";width:2px;height:2px;margin-right:8px;background:var(--primary)}
.cm-profile-card .pf-info li a{text-decoration:underline;color:var(--dark)}
.cm-profile-card .pf-btns{order:10;display:flex;gap:6px}
.cm-profile-card .pf-btns button{overflow:hidden;position:relative;width:calc(100% - 45px);height:45px;font-size:15px;font-weight:500;color:#fff;background:var(--primary);transition:all .2s}
.cm-profile-card .pf-btns button span{vertical-align:-3px;margin-right:5px;font-size:18px}
.cm-profile-card .pf-btns .pf-msg-send p{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.cm-profile-card .pf-btns .pf-msg-send:hover{background:var(--primary-h)}
.cm-profile-card .pf-btns .pf-copy{width:45px;height:45px;border:1px solid vaR(--primary-50);color:var(--primary);background:#fff}
.cm-profile-card .pf-btns .pf-copy span{margin:0}
.cm-profile-card .pf-btns .pf-copy:hover{color:#fff;background:var(--primary)}
.cm-profile-card .pf-more-btn{display:none;order:7;gap:10px;margin:0 auto 15px;padding:6px 15px;border:1px solid #e1e1e1;border-top:none;border-radius:0 0 6px 6px;font-size:12px}
.cm-profile-card .pf-more-btn svg{width:15px;height:15px}

@media(max-width:1480px){
.cm-page{padding:0 15px}
.cm-profile-card .pf-split{padding:20px}
}
@media(max-width:1200px){
.cm-profile-card{width:100%}
.cm-profile-card .pf-info{display:flex;flex-wrap:wrap;gap:5px 0}
.cm-profile-card .pf-info li{width:max-content;min-width:50%}
.cm-profile-card .pf-info li+li{margin:0}
}
@media(max-width:1024px){
.cm-page{font-size:14px}    
.cm-ps{font-size:12px}
.cm-board-view h1{font-size:24px}
.cm-filebox .upload-name{font-size:14px}
.cm-profile-card{width:100%}
}
@media(max-width:768px){
.cm-page{font-size:13px}    
.cm-tit{padding-bottom:20px;font-size:15px}    
.cm-tit h1{margin-bottom:10px;font-size:24px}  
.cm-status{font-size:11px}
.cm-table th{font-size:13px}  
.cm-table td.num, .cm-table td.date{font-size:12px}
.cm-link-fill{min-width:auto;height:38px;padding:0 30px;font-size:14px;line-height:38px}
.cm-link-line{min-width:auto;height:38px;padding:0 30px;font-size:14px;line-height:36px}
.cm-board-view h1{font-size:20px}
.cm-board-view .option dl{padding:10px}
.cm-board-view .option dl dt{font-size:14px}
.cm-board-view .option dl dd a{font-size:13px}
.cm-board-view .info{font-size:12px}
.cm-board-view .cont{padding:15px}
.cm-board-view .file dt{font-size:14px}
.cm-board-view .file dd a{font-size:12px}
.cm-board-view .btns{gap:5px;margin-top:30px}
.cm-write-form .cate label{height:28px;padding:0 15px;font-size:12px;line-height:26px}
.cm-write-form dl{gap:15px;padding:15px 10px}
.cm-write-form dl dt,.cm-write-form dl dt label{font-size:14px}
.cm-write-form .btns{gap:5px}
.cm-filebox .upload-name{font-size:13px}
.cm-profile-card .pf-split{padding:20px 15px;border-radius:0;box-shadow:2px 2px 2px rgba(0,0,0,.05)}
.cm-profile-card .pf-logo{width:60px;height:60px;margin-bottom:10px}
.cm-profile-card .pf-company{margin-bottom:10px;font-size:15px}
.cm-profile-card .pf-info{gap:10px 0;margin:10px 0;padding-top:10px}
.cm-profile-card .pf-info:first-of-type{margin:0;padding-bottom:10px;border-bottom:1px solid #e1e1e1}
.cm-profile-card .pf-info~.pf-info{order:5}
.cm-profile-card .pf-info li{gap:5px;font-size:13px}
.cm-profile-card .pf-info li:nth-child(n+3){display:none}
.cm-profile-card .pf-info li span{width:85px}
.cm-profile-card .pf-info.show-all li{display:flex}
.cm-profile-card .pf-btns button{height:40px;font-size:14px}
.cm-profile-card .pf-btns .pf-copy{width:40px;height:40px}
.cm-profile-card .pf-more-btn{display:flex}
}
@media(max-width:480px){
.cm-tit{font-size:14px}    
.cm-tit h1{font-size:20px}
.cm-link-fill{height:32px;padding:0 20px;font-size:13px;line-height:32px}
.cm-link-line{height:32px;padding:0 20px;font-size:13px;line-height:30px}
.cm-board-view h1{font-size:16px}
.cm-board-view .option dl dt{flex-shrink:0;width:auto}
.cm-write-form dl dt,.cm-write-form dl dt label{font-size:13px}
}
/* ========================================= 공통 스타일 [e] ========================================= */

/* 프로필 - 뷰 */
#profileView .cm-flex{align-items:flex-start;gap:20px}
#profileView .cm-profile-card{position:sticky;top:0}
#profileView .promo{flex-grow:1;padding:40px;border-radius:6px;background:#fff}
#profileView .promo-tit{overflow:hidden;position:relative;padding:20px;border-radius:6px;text-align:center;color:#fff}
#profileView .promo-tit h1{position:relative;z-index:2;font-size:24px;font-weight:700}
#profileView .promo-cont{flex:1;padding:40px}
#profileView .promo-cont img{max-width:100%}
#profileView .promo-cont-tit{margin-bottom:10px;font-size:16px;font-weight:700;color:var(--dark)}
#profileView .promo-cont-tit ~.promo-cont-tit{margin-top:40px}
#profileView .promo-cont-field{display:flex;flex-wrap:wrap;gap:6px}
#profileView .promo-cont-field span{height:32px;padding:0 20px;border:1px solid var(--primary-50);border-radius:30px;font-size:14px;font-weight:500;color:var(--primary);line-height:30px}
#profileView .promo-ps{padding-top:40px;font-size:14px;font-weight:500;text-align:center;color:var(--caution)}
#profileView .promo-ps span{vertical-align:middle;font-size:20px}
#profileView .caution{padding:25px;border:1px solid #e1e1e1;border-radius:6px;background:#fff}
#profileView .caution p{margin-bottom:10px;font-size:16px;font-weight:700;color:var(--dark)}
#profileView .caution ul li{margin-left:5px;text-indent:-5px;font-size:14px}
#profileView .caution ul li:before{display:inline-block;vertical-align:middle;content:"";width:2px;height:2px;margin-right:8px;background:var(--primary)}
#profileView .caution ul li span{font-weight:600;color:var(--caution)}
#profileView .caution ul li b{font-weight:500;color:var(--dark)}
@media(max-width:1480px){
#profileView > .cm-flex{gap:20px}    
}
@media(max-width:1200px){
#profileView{padding-bottom:15px;background:#f5f5f5}    
#profileView > .cm-flex{flex-direction:column}    
#profileView .cm-profile-card{position:relative;top:auto;margin-top:15px}
#profileView .promo{width:100%;min-height:auto;padding:20px;border-radius:6px}
}
@media(max-width:1024px){
#profileView .promo-tit:before{display:none}
#profileView .promo-tit{padding:10px 10px 15px;border-radius:0;border-bottom:1px solid #e1e1e1}
#profileView .promo-tit h1{font-size:20px;color:var(--dark)}
#profileView .promo-cont{padding:20px 0}
#profileView .promo-cont-tit ~.promo-cont-tit{margin-top:30px}
#profileView .promo-cont-field span{height:28px;padding:0 15px;font-size:13px;line-height:26px}
#profileView .promo-ps{padding-top:30px;font-size:13px}
#profileView .caution{padding:15px}
#profileView .caution p{margin-bottom:5px;font-size:15px}
#profileView .caution ul li{font-size:13px}
}
@media(max-width:768px){
#profileView{padding:0}
#profileView > .cm-flex{gap:15px}
#profileView .cm-profile-card{margin-top:0}
#profileView .promo{padding:20px 15px;border-radius:0}
#profileView .promo-tit h1{font-size:18px}
#profileView .promo-cont-tit{font-size:15px}
}

/* 수수료제안 - 리스트 */
#cmsnOfferList .offer-filter{margin-bottom:20px}
#cmsnOfferList .offer-write-btn{margin:0 auto 40px}
#cmsnOfferList .offer-tit span{color:var(--primary)}

/* 수수료제안 - 작성 */
#cmsnOfferWrite .offer-tit b{font-weight:600;color:var(--caution)}
#cmsnOfferWrite .offer-cmt{margin-bottom:30px;padding-top:60px;border-top:1px solid #d1d1d1;font-size:20px;font-weight:600;color:var(--dark);text-align:center}
#cmsnOfferWrite .cm-filebox{margin-bottom:8px}

/* 수수료제안 - 뷰(댓글작성) */
#cmsnOfferView .offer-wrap{align-items:flex-start;gap:40px}
#cmsnOfferView .cm-profile-card{position:sticky;top:80px;margin-top:40px}
#cmsnOfferView .offer{flex-grow:1;padding:60px 0 100px 40px;background:#fff}
#cmsnOfferView .offer .cm-tit h1{font-size:26px}
#cmsnOfferView .offer h2{margin-bottom:15px;font-size:18px;font-weight:700;color:var(--dark)}
#cmsnOfferView .offer h2 span{margin-left:8px;font-size:13px;font-weight:400;color:#999}
#cmsnOfferView .offer h2 strong{margin-left:4px;font-weight:700;color:var(--primary);font-family:'Inter'}
#cmsnOfferView .offer h2 strong.not-author{filter:blur(5px)}
#cmsnOfferView .offer h2 ~ h2{margin-top:40px}
#cmsnOfferView .pf-split.not-author *{filter:blur(5px);opacity:.8}
#cmsnOfferView .pf-split.not-author .pf-logo{background:#f2f2f2}
#cmsnOfferView .pf-split.not-author .pf-logo span{margin:auto}
#cmsnOfferView .pf-split.not-author:before{content:"🔒 제안 수락 후 프로필 정보가 공개됩니다.";position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:max-content;padding:6px 10px;border:1px solid var(--ps-line);border-radius:4px;font-size:13px;color:var(--ps);background:var(--ps-bg)}
#cmsnOfferView .pf-split.not-author .pf-btns button{pointer-events:none}
#cmsnOfferView .offer-period{display:block;width:max-content;height:45px;margin:0 auto;padding:0 30px;border-radius:30px;font-size:14px;font-weight:500;line-height:45px;color:var(--caution);background:var(--caution-bg)}
#cmsnOfferView .offer-period.end{color:#aaa;background:#f2f2f2}
#cmsnOfferView .offer-period b{font-size:16px}
#cmsnOfferView .offer-cont{margin-top:30px;padding-top:30px;border-top:1px dotted #ddd}
#cmsnOfferView .offer-terms{display:flex;flex-wrap:wrap;row-gap:20px}
#cmsnOfferView .offer-terms dl{display:flex;flex-wrap:wrap;align-items:baseline;position:relative;width:50%}
#cmsnOfferView .offer-terms dl.full{width:100%;margin-top:10px}
#cmsnOfferView .offer-terms dl dt{flex-shrink:0;width:120px;font-size:14px}
#cmsnOfferView .offer-terms dl dd{color:#222}
#cmsnOfferView .offer-terms dl.file{width:100%}
#cmsnOfferView .offer-terms dl.file dd a{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid #e1e1e1;border-radius:6px;font-size:13px;line-height:1;color:#777;background:#f2f2f2}
#cmsnOfferView .offer-terms dl.file dd a svg{width:15px;height:15px}
#cmsnOfferView .offer-terms dl.file.not-author dt, #cmsnOfferView .offer-terms dl.not-author dd{filter:blur(5px);opacity:.8}
#cmsnOfferView .offer-terms dl.file.not-author:before{content:"🔒 제안 수락 후 매출 증빙 EDI 정보가 공개됩니다.";position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);width:max-content;padding:6px 10px;border:1px solid var(--ps-line);border-radius:4px;font-size:13px;color:var(--ps);background:var(--ps-bg)}
#cmsnOfferView .offer-terms dl.file dd a{pointer-events:none}
#cmsnOfferView .offer-terms dl.full dt{width:100%;margin-bottom:5px;font-size:15px;font-weight:600;color:var(--dark)}
#cmsnOfferView .offer-terms dl.full dd{flex-grow:1;padding:25px;border:1px solid #e1e1e1;border-radius:4px;color:#777}
#cmsnOfferView .offer-commission{margin-top:40px;padding-top:40px;border-top:1px dotted #ddd}
#cmsnOfferView .offer-cmms-form{gap:0;margin-bottom:15px}
#cmsnOfferView .offer-cmms-form textarea{width:calc(100% - 150px);border-radius:4px 0 0 4px;border-right:none}
#cmsnOfferView .offer-cmms-form button{width:150px;height:100px;border-radius:0 4px 4px 0;border:none;color:#fff;background:var(--primary)}
#cmsnOfferView .offer-cmms-list ul{gap:15px;position:relative}
#cmsnOfferView .offer-cmms-list ul.not-author li{filter:blur(5px);opacity:.8}
#cmsnOfferView .offer-cmms-list ul.not-author li a{pointer-events:none}
#cmsnOfferView .offer-cmms-list ul.not-author:before{content:"어떤 제안을 받았는지, 해당 제안 현황은 오직 작성자만 확인할 수 있습니다.";position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);font-weight:500;color:var(--dark)}
#cmsnOfferView .offer-cmms-list ul li{align-items:center;gap:30px;padding:25px 30px;border:1px solid #d9d9d9;border-radius:4px}
#cmsnOfferView .offer-cmms-list ul li .logo{display:flex;width:75px;height:75px;padding:5px;border-radius:50%;border:1px solid #e1e1e1;background:#f2f2f2}
#cmsnOfferView .offer-cmms-list ul li .logo img{width:100%;height:100%;object-fit:contain}   
#cmsnOfferView .offer-cmms-list ul li .logo span{margin:auto;font-variation-settings:'FILL' 0}
#cmsnOfferView .offer-cmms-list ul li .info .count{align-items:center;color:rgba(0,0,0,.5)}
#cmsnOfferView .offer-cmms-list ul li .info .count p{font-weight:600;color:var(--dark)}
#cmsnOfferView .offer-cmms-list ul li .info .count span{font-size:14px;font-weight:500}
#cmsnOfferView .offer-cmms-list ul li .info .count span b{font-weight:600;color:var(--primary)}
#cmsnOfferView .offer-cmms-list ul li .info .cont{margin:5px 0;font-size:14px}
#cmsnOfferView .offer-cmms-list ul li .info .date{font-size:13px;color:rgba(0,0,0,.35)}
#cmsnOfferView .offer-cmms-list ul li a{min-width:auto;height:45px;margin-left:auto;font-size:14px;line-height:43px}
#cmsnOfferView .offer-cmms-list ul li a.matched{display:flex;align-items:center;gap:4px;min-width:auto;height:38px;margin-left:auto;padding:0 15px 0 20px;border:none;border-radius:4px;font-size:13px;line-height:36px;;background:#fff}
#cmsnOfferView .offer-cmms-list ul li a.matched svg{width:16px;height:16px}
#cmsnOfferView .offer-cmms-list ul li a.matched:hover{gap:10px;color:var(--primary)}
#cmsnOfferView .offer-cmms-list ul li.matched{border-color:var(--primary-line);background:var(--primary-bg)}
#cmsnOfferView .offer-cmms-list ul li.matched .logo{border-color:var(--primary-line);background:#fff}
#cmsnOfferView .offer-cmms-list ul li.matched .cont{color:#333}

/* 제약사 소식 - 리스트 */
#pharmNewsList .write-btn{margin:0 auto 40px}
#pharmNewsList .pharm-news-filter{margin-bottom:20px}
#pharmNewsList .pharm-news-wrap{align-items:flex-start;gap:40px}
#pharmNewsList .pharm-news{flex-grow:1}
#pharmNewsList .pharm-select-list{position:sticky;top:80px;width:250px}
#pharmNewsList .pharm-select-list p{margin-bottom:5px;font-size:19px;font-weight:700;color:var(--dark);text-align:center}
#pharmNewsList .pharm-select-list ul{gap:8px;padding:15px;border:1px solid #e1e1e1;border-radius:6px}
#pharmNewsList .pharm-select-list ul li+li{padding-top:8px;border-top:1px dotted #ddd}
#pharmNewsList .pharm-select-list ul li a{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--dark);transition:all .2s}
#pharmNewsList .pharm-select-list ul li a:after{content:"\f105";margin-left:auto;font-family:'fontawesome'}
#pharmNewsList .pharm-select-list ul li a .logo{width:28px;height:28px;border-radius:50%;border:1px solid #e1e1e1;background:#fff}
#pharmNewsList .pharm-select-list ul li a .logo img{width:100%;height:100%;object-fit:contain}
#pharmNewsList .pharm-select-list ul li a:hover{color:var(--primary)}
#pharmNewsList .pharm-select-list .pharm-join{overflow:hidden;display:block;position:relative;width:100%;margin-top:10px;height:55px;border-radius:6px;border:none;color:#fff;text-align:center;background:url(/cso_page/img/btn-bg-left.png) -15px top no-repeat, url(/cso_page/img/btn-bg-right.png) 110% bottom no-repeat, var(--primary);transition:all .2s}
#pharmNewsList .pharm-select-list .pharm-join span{gap:5px;align-items:center;justify-content:center;height:55px;line-height:50px;transition:all .4s cubic-bezier(0.645, 0.045, 0.355, 1)}
#pharmNewsList .pharm-select-list .pharm-join i{font-size:16px}
#pharmNewsList .pharm-select-list .pharm-join:hover{background:url(/cso_page/img/btn-bg-left.png) -15px top no-repeat, url(/cso_page/img/btn-bg-right.png) 110% bottom no-repeat, var(--primary-h)}
#pharmNewsList .pharm-select-list .pharm-join:hover span{transform:translateY(var(--txt-height))}
:root{--txt-height:-55px}
@keyframes txt_roll{0%{transform:translateY(0px)}30%{transform:translateY(0px)}45%{transform:translateY(var(--txt-height))}85%{transform:translateY(var(--txt-height))}100%{transform:translateY(0px)}}
#pharmNewsList .pharm-selected{align-items:center;gap:30px;padding:25px 30px;margin-bottom:30px;border:1px solid var(--primary-line);border-radius:6px;color:rgba(0,0,0,.5);background:var(--primary-bg)}
#pharmNewsList .pharm-selected .logo{display:flex;width:100px;height:100px;padding:5px;border-radius:50%;border:1px solid var(--primary-line);background:#fff}
#pharmNewsList .pharm-selected .logo img{width:100%;height:100%;object-fit:contain}
#pharmNewsList .pharm-selected .info p{margin-bottom:5px;font-size:18px;font-weight:700;color:var(--dark)}
#pharmNewsList .pharm-selected .btns{display:flex;gap:8px;margin-left:auto}
#pharmNewsList .pharm-selected .btns a{height:40px;padding:0 25px;border-radius:4px;line-height:40px;color:#fff;background:var(--dark)}
#pharmNewsList .pharm-selected .btns a+a{color:var(--primary);background:#fff}
@media(max-width:768px){
#pharmNewsList .write-btn{margin:0 auto 20px}
#pharmNewsList .pharm-news-filter{padding:0 10px}
#pharmNewsList .pharm-news .cm-table .cate{display:none}
}

/* 제약사 소식 - 뷰 */
#pharmNewsView .write-btn{margin:0 auto 40px}
#pharmNewsView .pharm-news-wrap{align-items:flex-start;gap:40px}
#pharmNewsView .pharm-selected{flex-shrink:0;align-items:center;gap:20px;position:sticky;top:80px;z-index:10;width:250px;padding:25px 30px;border:1px solid var(--primary-line);border-radius:6px;color:rgba(0,0,0,.5);text-align:center;background:var(--primary-bg)}
#pharmNewsView .pharm-selected .logo{display:flex;width:100px;height:100px;padding:5px;border-radius:50%;border:1px solid var(--primary-line);background:#fff}
#pharmNewsView .pharm-selected .logo img{width:100%;height:100%;object-fit:contain}
#pharmNewsView .pharm-selected .info p{margin-bottom:5px;font-size:18px;font-weight:700;color:var(--dark)}
#pharmNewsView .pharm-selected a{height:40px;padding:0 25px;border-radius:4px;line-height:40px;color:#fff;background:var(--dark)}
#pharmNewsView .cm-board-view{flex-grow:1}
@media(max-width:1024px){
#pharmNewsView .pharm-news-wrap{gap:20px}
#pharmNewsView .pharm-selected{width:auto;padding:20px 15px}
#pharmNewsView .cm-board-view{width:100%}
}
@media(max-width:768px){
#pharmNewsView .pharm-news-wrap{flex-direction:column}
#pharmNewsView .pharm-selected{top:15px;flex-direction:row;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:12px;text-align:left}
#pharmNewsView .pharm-selected .logo{flex-shrink:0;width:42px;height:42px}
#pharmNewsView .pharm-selected .info p{margin:0;font-size:13px}
}

/* 제약Q&A/자유게시판 - 공통 */
#pharmTalk .write-btn{margin:0 auto 40px}
#pharmTalk .pharm-talk-filter{margin-bottom:20px}
#pharmTalk .pharm-talk-wrap{align-items:flex-start;gap:40px}
#pharmTalk .pharm-talk-cards{flex-shrink:0;gap:15px;position:sticky;top:80px;width:250px;font-size:14px}
#pharmTalk .pharm-talk-cards .card{padding:15px;border-radius:6px;border:1px solid #e1e1e1}
#pharmTalk .pharm-talk-cards .card-tit{font-size:16px;font-weight:700;color:var(--dark);word-break:normal}
#pharmTalk .pharm-talk-my{align-items:flex-start;gap:20px;padding:20px 15px}
#pharmTalk .pharm-talk-my .my-img-label{display:block;position:relative;width:max-content;margin:0;cursor:pointer;border:none;background:none}
#pharmTalk .pharm-talk-my .my-img-circle{width:55px;height:55px;border:1px solid #d9d9d9;border-radius:50%;overflow:hidden;background:#fafafa}
#pharmTalk .pharm-talk-my .my-img{display:none;width:100%;height:100%;object-fit:contain}
#pharmTalk .pharm-talk-my .my-img-icon{display:flex;align-items:center;justify-content:center;position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;border:1px solid #d9d9d9;color:var(--dark);background:#fff}
#pharmTalk .pharm-talk-my .my-img-icon svg{width:14px;height:14px;color:#aaa}
#pharmTalk .pharm-talk-my .no-mb{font-weight:500;text-align:center}
#pharmTalk .pharm-talk-my .no-mb a{text-decoration:underline}
#pharmTalk .pharm-talk-my .info{flex-grow:1}
#pharmTalk .pharm-talk-my .info .card-tit{padding-bottom:5px;border-bottom:1px dotted #ccc}
#pharmTalk .pharm-talk-my .info .card-tit span{margin-right:8px;font-size:13px;font-weight:500;color:#aaa}
#pharmTalk .pharm-talk-my .info .page-name{margin:10px 0 4px;font-weight:500;color:var(--dark)}
#pharmTalk .pharm-talk-my .info div{font-size:13px}
#pharmTalk .pharm-talk-my .info div a{display:block;color:#777}
#pharmTalk .pharm-talk-my .info div b{color:var(--dark)}
#pharmTalk .pharm-talk-rank{padding:20px 15px!important}
#pharmTalk .pharm-talk-rank .card-tit{text-align:center}
#pharmTalk .pharm-talk-rank .card-tit span{color:var(--second)}
#pharmTalk .pharm-talk-rank ul{margin-top:10px}
#pharmTalk .pharm-talk-rank ul li{display:flex;align-items:center;gap:10px}
#pharmTalk .pharm-talk-rank ul li .logo{overflow:hidden;width:30px;height:30px;border-radius:50%;border:1px solid #e1e1e1;background:#fff}
#pharmTalk .pharm-talk-rank ul li .logo img{width:100%;height:100%;object-fit:contain}
#pharmTalk .pharm-talk-rank ul li .num{width:10px;font-weight:600;color:var(--dark);text-align:center}
#pharmTalk .pharm-talk-rank ul li:nth-child(-n+3) .num{color:var(--primary)}
#pharmTalk .pharm-talk-rank ul li p{font-weight:600;color:var(--dark)}
#pharmTalk .pharm-talk-rank ul li p span{margin-left:5px;font-size:12px;font-weight:400;color:#aaa}
#pharmTalk .pharm-talk-rank ul li .count{margin-left:auto;font-size:13px;color:var(--dark)}
#pharmTalk .pharm-talk-level{border:none!important;font-size:12px;background:#f7f7f7}
#pharmTalk .pharm-talk-level p{margin-bottom:15px;font-weight:500;color:var(--dark);text-align:center}
#pharmTalk .pharm-talk-level ul{gap:5px}
#pharmTalk .pharm-talk-level ul li{display:flex;align-items:flex-start ;gap:5px;color:#777}
#pharmTalk .pharm-talk-level ul li span{min-width:40px;border:none;border-radius:20px;font-size:11px;color:#fff;background:var(--second)}
#pharmTalk .pharm-talk-tabs{gap:30px;margin-bottom:15px}
#pharmTalk .pharm-talk-tabs a{font-weight:600;color:#aaa}
#pharmTalk .pharm-talk-tabs a.on{color:var(--primary)}
/* 자유게시판 */
#pharmTalk .pharm-talk-rank.free ul{gap:6px}
#pharmTalk .pharm-talk-rank.free ul li a{color:var(--dark)}
#pharmTalk .pharm-talk-rank.free ul li a:hover{text-decoration:underline}

/* 제약Q&A - 리스트 */
#pharmTalkList .talk-write-btn{margin:0 auto 40px}
#pharmTalk .pharm-talk-list{width:calc(100% - 290px)}
#pharmTalk .pharm-talk-list ul{border-top:2px solid var(--dark)}
#pharmTalk .pharm-talk-list ul li{align-items:center;padding:30px 40px 30px 0;border-bottom:1px solid #e1e1e1}
#pharmTalk .pharm-talk-list ul li .count{width:90px;padding:5px 12px;border:1px solid #e1e1e1;border-radius:5px;font-size:14px;font-weight:500;color:#aaa}
#pharmTalk .pharm-talk-list ul li .count span{margin-left:auto;font-weight:700;color:var(--primary)}
#pharmTalk .pharm-talk-list ul li a{max-width:58%;padding-left:30px;color:#777}
#pharmTalk .pharm-talk-list ul li a .subj{align-items:center;gap:0;margin-bottom:5px}
#pharmTalk .pharm-talk-list ul li a .subj p{width:100%;font-weight:700;color:var(--dark)}
#pharmTalk .pharm-talk-list ul li a .reply{gap:5px;align-items:normal;padding-left:20px}
#pharmTalk .pharm-talk-list ul li a .reply span{font-size:20px;color:var(--primary)}
#pharmTalk .pharm-talk-list ul li .name{margin-left:auto;font-weight:500;color:var(--dark)}
#pharmTalk .pharm-talk-list ul li .name i{margin-left:5px;font-size:13px;font-style:normal;color:#aaa}
#pharmTalk .pharm-talk-list ul li .date{margin-left:30px;font-size:14px;white-space:nowrap}

/* 제약Q&A - 뷰 */
#pharmTalk .pharm-talk-view{flex-grow:1}
#pharmTalk .pharm-talk-view .tit{align-items:center;margin-bottom:15px;padding-top:30px;border-top:2px solid var(--dark);font-size:18px;font-weight:700;color:var(--dark)}
#pharmTalk .pharm-talk-view .tit span{flex-shrink:0;width:28px;height:28px;border-radius:50%;font-size:14px;font-weight:500;line-height:28px;text-align:center;color:#fff;background:var(--primary)}
#pharmTalk .pharm-talk-view .info{align-items:center;justify-content:flex-end}
#pharmTalk .pharm-talk-view .info > div{align-items:center}
#pharmTalk .pharm-talk-view .info .name{align-items:center;gap:0;margin-left:auto;font-weight:500;color:var(--dark)}
#pharmTalk .pharm-talk-view .info .name i{margin-left:5px;font-size:13px;font-style:normal;color:#aaa}
#pharmTalk .pharm-talk-view .info .logo{overflow:hidden;width:40px;height:40px;margin-right:8px;border-radius:50%;border:1px solid #e1e1e1;background:#fff}
#pharmTalk .pharm-talk-view .info .logo img{width:100%;height:100%;object-fit:contain}
#pharmTalk .pharm-talk-view .info .msg-send-btn{padding:6px 10px;border-color:var(--primary);font-weight:500;color:var(--primary)}
#pharmTalk .pharm-talk-view .info .date{margin-left:auto;font-size:14px;color:#aaa}
#pharmTalk .pharm-talk-view .question{margin-top:30px;border-top:1px solid #e1e1e1}
#pharmTalk .pharm-talk-view .question .cont{padding:30px}
#pharmTalk .pharm-talk-view .question .report{display:block;margin:0 0 20px auto;padding:6px 10px;border-color:#e1e1e1;font-weight:500;color:#aaa;background:#fff}
#pharmTalk .pharm-talk-view .file{flex-wrap:wrap;align-items:center;padding:15px 0;border-top:1px dotted #ddd}
#pharmTalk .pharm-talk-view .file dt{margin-right:20px;font-size:16px;font-weight:700;color:var(--dark)}
#pharmTalk .pharm-talk-view .file dd a{display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid #e1e1e1;border-radius:6px;font-size:13px;line-height:1;color:#777;background:#f2f2f2}
#pharmTalk .pharm-talk-view .file dd a+a{margin-top:5px}
#pharmTalk .pharm-talk-view .file dd a svg{width:15px;height:15px}
#pharmTalk .pharm-talk-view .reply-wrap{padding:30px;background:var(--pale)}
#pharmTalk .pharm-talk-view .reply-wrap h3{margin-bottom:10px;font-size:18px;font-weight:700;color:var(--dark)}
#pharmTalk .pharm-talk-view .reply-form{padding:20px;border-radius:6px;background:#fff}
#pharmTalk .pharm-talk-view .reply-form p{margin-bottom:5px;font-weight:500;color:var(--dark)}
#pharmTalk .pharm-talk-view .reply-form textarea{width:100%}
#pharmTalk .pharm-talk-view .reply-wrap .apply{width:100px;height:35px;margin-left:auto;font-size:14px;color:#fff;background:var(--primary)}
#pharmTalk .pharm-talk-view .replied{margin-top:30px}
#pharmTalk .pharm-talk-view .replied .blind{width:100%;font-size:14px;color:#aaa}
#pharmTalk .pharm-talk-view .replied .blind:before{content:"⚠️";vertical-align:1px}
#pharmTalk .pharm-talk-view .replied li.split{padding:20px;border-radius:6px;background:#fff}
#pharmTalk .pharm-talk-view .replied li .split-area{align-items:baseline;position:relative;padding-bottom:15px}
#pharmTalk .pharm-talk-view .replied li .logo{overflow:hidden;width:40px;height:40px;border-radius:50%;border:1px solid #e1e1e1;background:#fff}
#pharmTalk .pharm-talk-view .replied li .logo img{width:100%;height:100%;object-fit:contain}
#pharmTalk .pharm-talk-view .replied li .secret{display:inline-block;width:20px;height:20px;padding-left:1px;border-radius:50%;border:1px solid #ddd;line-height:19px;text-align:center;background:#f2f2f2}
#pharmTalk .pharm-talk-view .replied li .secret svg{width:12px;height:12px}
#pharmTalk .pharm-talk-view .replied li .cont{gap:0;flex-grow:1}
#pharmTalk .pharm-talk-view .replied li .cont p{align-items:center;gap:0;margin-bottom:5px;font-size:13px;color:#aaa}
#pharmTalk .pharm-talk-view .replied li .cont p span{font-size:15px;font-weight:500;color:var(--dark)}
#pharmTalk .pharm-talk-view .replied li .cont p span b{margin-left:2px;font-weight:500}
#pharmTalk .pharm-talk-view .replied li .cont p i{margin:0 10px 0  5px;font-size:14px;font-weight:500;font-style:normal}
#pharmTalk .pharm-talk-view .replied li .cont-area.lock{color:#aaa}
#pharmTalk .pharm-talk-view .replied li .more-menu-wrap{position:absolute;top:0;right:0}
#pharmTalk .pharm-talk-view .replied li .more-menu{display:none;position:absolute;top:-5px;right:-5px;z-index:101;min-width:120px;padding:15px;border-radius:6px;border:1px solid #e1e1e1;background:#fff}
#pharmTalk .pharm-talk-view .replied li .more-menu button{display:flex;position:absolute;top:5px;right:5px;width:22px;height:22px;background:none}
#pharmTalk .pharm-talk-view .replied li .more-menu button svg{width:16px;height:16px;margin:auto}
#pharmTalk .pharm-talk-view .replied li .more-menu a{display:block;font-size:13px;color:#aaa;transition:all .2s}
#pharmTalk .pharm-talk-view .replied li .more-menu a:hover{color:var(--dark)}
#pharmTalk .pharm-talk-view .replied li .more{color:#aaa}
#pharmTalk .pharm-talk-view .replied li .more span{font-size:22px}
#pharmTalk .pharm-talk-view .replied li .modify{width:100%;margin:8px 0}
#pharmTalk .pharm-talk-view .replied li.empty{text-align:center}
/* 답변의 댓글 */
#pharmTalk .pharm-talk-view .replied .reply-count{padding:20px 0 0 30px;border-top:1px solid #e1e1e1;font-size:14px;font-weight:500;color:var(--dark)}
#pharmTalk .pharm-talk-view .replied ul{padding:10px 0 0 30px}
#pharmTalk .pharm-talk-view .replied ul li+li{padding-top:15px;border-top:1px dotted #ddd}
#pharmTalk .pharm-talk-view .replied .comment-btn{display:block;margin-left:auto}
#pharmTalk .pharm-talk-view .replied .comment-form{display:none;padding-left:30px;margin-top:8px}
#pharmTalk .pharm-talk-view .replied .comment-form textarea{width:100%}
#pharmTalk .pharm-talk-view .btns{justify-content:center;margin-top:40px}
#pharmTalk .pharm-talk-view .btns a{min-width:auto}
@media(hover:hover){
#pharmTalk .pharm-talk-my .info div a:hover{text-decoration:underline}    
}
@media(max-width:1200px){
#pharmTalk .pharm-talk-wrap{gap:20px}
#pharmTalk .pharm-talk-cards{font-size:13px}
#pharmTalk .pharm-talk-list{width:calc(100% - 270px)}
#pharmTalk .pharm-talk-list ul li{padding-right:0}
#pharmTalk .pharm-talk-list ul li a{padding-left:10px}
#pharmTalk .pharm-talk-view .reply-wrap{padding:20px}
#pharmTalk .pharm-talk-view .replied .reply-count, #pharmTalk .pharm-talk-view .replied ul{padding-left:20px}
}
@media(max-width:1024px){
#pharmTalk .write-btn{margin:0 auto 20px}    
#pharmTalk .pharm-talk-cards .card-tit{font-size:15px}    
#pharmTalk .pharm-talk-list ul li .count{width:85px;font-size:13px}
#pharmTalk .pharm-talk-list ul li .date{margin-left:10px;font-size:13px}
#pharmTalk .pharm-talk-rank ul li .count, #pharmTalk .pharm-talk-my .info div{font-size:12px}
}
@media(max-width:768px){
#pharmTalk.view{padding:0}    
#pharmTalk.view .write-btn{display:none}    
#pharmTalk.view .pharm-talk-cards{display:none}
#pharmTalk .pharm-talk-wrap{flex-direction:column}
#pharmTalk .pharm-talk-cards{gap:10px;position:relative;top:auto;width:100%}
#pharmTalk .pharm-talk-cards .card{align-items:center;gap:15px;padding:10px 15px}
#pharmTalk .pharm-talk-my .info{display:flex;align-items:center;gap:3px 10px;flex-wrap:wrap}
#pharmTalk .pharm-talk-my .info .card-tit{padding:0;border:none}
#pharmTalk .pharm-talk-my .info div{display:flex;gap:10px;margin:0;line-height:1}
#pharmTalk .pharm-talk-my .my-img-circle{width:45px;height:45px}
#pharmTalk .pharm-talk-my .my-img-icon{width:18px;height:18px}
#pharmTalk .pharm-talk-my .my-img-icon svg{width:12px;height:12px}
#pharmTalk .pharm-talk-rank{display:none;padding:15px!important}
#pharmTalk .pharm-talk-rank .card-tit span{display:none}
#pharmTalk .pharm-talk-rank .card-tit:after{content:" TOP 3";color:var(--second)}
#pharmTalk .pharm-talk-rank ul{gap:5px;margin-top:5px}
#pharmTalk .pharm-talk-rank ul li:nth-child(n+4){display:none}
#pharmTalk .pharm-talk-level{display:none;font-size:11px}
#pharmTalk .pharm-talk-level p{margin-bottom:10px;white-space:normal}
#pharmTalk .pharm-talk-level ul{flex-direction:row;flex-wrap:wrap;gap:5px 0}
#pharmTalk .pharm-talk-level ul li{width:50%}
#pharmTalk .pharm-talk-tabs{justify-content:center;gap:20px;font-size:14px}
#pharmTalk .pharm-talk-list{width:100%}
#pharmTalk .pharm-talk-list ul li{flex-wrap:wrap;gap:10px;padding:15px 10px}
#pharmTalk .pharm-talk-list ul li a{order:-1;max-width:100%;width:100%;padding-left:0}
#pharmTalk .pharm-talk-list ul li .count{gap:10px;width:auto;padding:5px 8px;font-size:11px;line-height:1}
#pharmTalk .pharm-talk-list ul li .date{margin:0;font-size:12px}
#pharmTalk .pharm-talk-list ul li .name i{font-size:12px}
#pharmTalk .pharm-talk-view{width:100%}
#pharmTalk .pharm-talk-view .info-wrap{padding:0 15px}
#pharmTalk .pharm-talk-view .tit{padding:15px 10px;margin:0;font-size:16px}
#pharmTalk .pharm-talk-view .info{flex-wrap:wrap;padding:0 10px}
#pharmTalk .pharm-talk-view .info .name i{font-size:12px}
#pharmTalk .pharm-talk-view .info .date{font-size:12px}
#pharmTalk .pharm-talk-view .question .cont{padding:20px 15px}
#pharmTalk .pharm-talk-view .file dt{font-size:14px}
#pharmTalk .pharm-talk-view .reply-wrap{padding:15px}
#pharmTalk .pharm-talk-view .reply-wrap h3{margin-bottom:5px;font-size:14px}
#pharmTalk .pharm-talk-view .reply-form{padding:15px}
#pharmTalk .pharm-talk-view .reply-wrap .apply{width:85px;height:30px;font-size:13px}
#pharmTalk .pharm-talk-view .replied{margin-top:20px}
#pharmTalk .pharm-talk-view .replied li{align-items:normal}
#pharmTalk .pharm-talk-view .replied li .cont p{font-size:12px}
#pharmTalk .pharm-talk-view .replied li .cont p span{font-size:13px}
#pharmTalk .pharm-talk-view .replied li .cont p i{font-size:12px}
#pharmTalk .pharm-talk-view .replied li.split{padding:15px}
#pharmTalk .pharm-talk-view .replied .reply-count{font-size:13px}
#pharmTalk .pharm-talk-view .replied .reply-count, #pharmTalk .pharm-talk-view .replied ul{padding:10px 0 0 15px}
#pharmTalk .pharm-talk-view .replied li .split-area{padding-bottom:10px}
#pharmTalk .pharm-talk-view .replied ul li+li{padding-top:10px}
#pharmTalk .pharm-talk-view .btns{gap:5px;margin-top:30px}
}
@media(max-width:380px){
#pharmTalk .pharm-talk-view .replied li .logo{width:30px;height:30px}    
#pharmTalk .pharm-talk-view .replied .reply-count, #pharmTalk .pharm-talk-view .replied ul{padding:10px 0 0 0}    
#pharmTalk .pharm-talk-view .replied li.split{padding:10px}
#pharmTalk .pharm-talk-view .replied li .more span{font-size:18px}
}

/* 채용정보 - 리스트 */
#recruitList .recruit-filter{margin-bottom:20px}
#recruitList .write-btn{margin:0 auto 40px}
@media(max-width:768px){
#recruitList .write-btn{margin:0 auto 20px}
#recruitList .recruit-filter{padding:0 10px}
}

/* 채용정보 - 뷰 */
#recruitView h1{text-align:center}
#recruitView .cm-board-view .info{justify-content:center}
#recruitView .cm-board-view .info-btns{margin-right:0}
#recruitView .cm-board-view .option dl.recruit dd{align-items:center;flex-wrap:wrap;gap:0}
#recruitView .cm-board-view .option dl.recruit dd .feather-link{vertical-align:middle;width:15px;height:15px;margin-right:5px}
#recruitView .cm-board-view .option dl.recruit dd a:hover{text-decoration:underline}
#recruitView .cm-board-view .option dl.recruit dd .cm-link-fill{margin-left:auto;color:#fff}
@media(max-width:768px){
#recruitView .cm-board-view .option dl.recruit dd a:not(.cm-link-fill){font-size:0;text-decoration:underline}
#recruitView .cm-board-view .option dl.recruit dd a:not(.cm-link-fill):after{content:"모집 공고 보기";font-size:13px}
}
/* 채용정보 - 작성 */
#recruitWrite .cm-write-form dl.deadline dd .cm-input-ck-label{display:inline-flex;margin-left:10px}

/* 마이페이지 */
.cm-profile-card.my{position:sticky;top:80px;margin-top:40px}
.cm-profile-card.my .pf-ment a{text-decoration:underline}
.cm-profile-card.my .pf-btns button{width:100%}
.cm-profile-card.my .pf-btns button span{margin:0 0 0 5px;font-size:19px}
.cm-profile-card.my .pf-info li .nick-no{display:block;font-size:13px}
#myPage > .cm-flex{align-items:flex-start;gap:40px}
#myPage .cont-wrap{flex-grow:1;width:Calc(100% - 410px);min-height:100vh;padding:40px 0 40px 40px;background:#fff}
#myPage .tabs{gap:10px}
#myPage .tabs button, #myPage .tabs a{flex:1;border:none;height:45px;border-radius:6px 6px 0 0;border-bottom:1px solid #d9d9d9;font-size:15px;font-weight:500;color:#999;background:#e5e5e5}
#myPage .tabs a{text-align:center;line-height:45px}
#myPage .tabs button.on{border:1px solid #d9d9d9;border-bottom:none;font-weight:700;color:var(--dark);background:#fff}
#myPage .tab-cont{display:none;padding:50px 40px;margin-top:-1px;border:1px solid #d9d9d9}
#myPage .tab-cont.on{display:block}
#myPage .tab-cont h2{margin-bottom:15px;font-size:20px;font-weight:700;color:var(--dark)}
#myPage .tab-cont h2~h2{margin-top:50px}
#myPage .tab-cont h2:before{display:inline-block;content:"";width:5px;height:15px;margin-right:10px;background:var(--primary)}
#myPage .tab-cont h3{align-items:center;margin-bottom:10px;font-size:17px;font-weight:700;color:var(--dark)}
#myPage .tab-cont h3 a{align-items:center;gap:6px;margin-left:auto;font-size:14px;font-weight:500;color:#aaa}
#myPage .tab-cont h3 a svg{width:16px;height:16px}
/* 마이페이지 - 홈 */
#myPage .tc-home .latest-wrap{gap:30px}
#myPage .tc-home .latest-wrap > div{width:calc(50% - 15px)}
#myPage .tc-home .latest-wrap ul li+li{padding-top:15px;margin-top:15px;border-top:1px dotted #ddd}
#myPage .tc-home .latest-wrap .latest{padding:30px;border-radius:6px;border:1px solid #e1e1e1}
#myPage .tc-home .t1 .latest li a{align-items:flex-start;gap:20px;color:var(--dark)}
#myPage .tc-home .t1 .latest li a svg{width:18px;height:18px;margin-left:auto}
#myPage .tc-home .t1 .latest li div{width:70%}
#myPage .tc-home .t1 .latest li div .end{padding:7px 15px;margin-top:5px;border:none;border-radius:15px;color:#999;background:#e9e9e9}
#myPage .tc-home .t1 .latest li .subj{font-size:14px;font-weight:500}
#myPage .tc-home .t1 .latest li .info{font-size:13px;color:#aaa}
#myPage .tc-home .t1 .latest li .info span:before{display:inline-block;content:"";width:1px;height:10px;margin:0 8px;background:#ccc}
#myPage .tc-home .t1 .latest li .info span i{font-style:normal}
#myPage .tc-home .t1 .latest li .matched{padding:6px 10px 6px 15px;margin:5px 0 0 75px;color:#fff}
#myPage .tc-home .t1 .latest li .matched span{gap:5px;align-items:center}
#myPage .tc-home .t1 .latest li .matched svg{width:16px;height:16px}
#myPage .tc-home .t2 .latest li a{align-items:flex-start;gap:20px}
#myPage .tc-home .t2 .latest li .cm-status{min-width:64px}
#myPage .tc-home .t2 .latest li dl{width:55%}
#myPage .tc-home .t2 .latest li dl dt{font-size:14px;font-weight:500}
#myPage .tc-home .t2 .latest li dl dd{width:100%;font-size:13px;color:#777}
#myPage .tc-home .t2 .latest li .date{margin-left:auto;font-size:12px;color:#aaa;white-space:nowrap}
#myPage .tc-home .t3 .recent{gap:20px}
#myPage .tc-home .t3 .recent a{overflow:hidden;flex:1;border-radius:6px;border:1px solid #e1e1e1;text-align:center;color:var(--dark)}
#myPage .tc-home .t3 .recent dl dt{padding:15px}
#myPage .tc-home .t3 .recent dl dt .logo{display:flex;width:100px;height:100px;margin:0 auto 10px;padding:5px;border-radius:50%;border:1px solid #d9d9d9;background:#fff}
#myPage .tc-home .t3 .recent dl dt .logo img{width:100%;height:100%;object-fit:contain}
#myPage .tc-home .t3 .recent dl dt p{font-weight:500}
#myPage .tc-home .t3 .recent dl dd{padding:15px;border-top:1px dotted #ddd;font-size:15px;font-weight:700;line-height:1.45;color:var(--primary);background:var(--pale)}
/* 마이페이지 - 프로필 관리 */
#myPage .tc-profile h2{display:flex;align-items:center;margin-bottom:10px}
#myPage .tc-profile h2 span{margin-left:5px}
#myPage .tc-profile h2 a{margin-left:auto}
#myPage .tc-profile .profile-logo-label{display:block;position:relative;width:max-content;margin-top:10px;cursor:pointer}
#myPage .tc-profile .profile-logo-circle{width:100px;height:100px;border:1px solid #d9d9d9;border-radius:50%;overflow:hidden;background:#fafafa}
#myPage .tc-profile .profile-logo-img{display:none;width:100%;height:100%;object-fit:contain}
#myPage .tc-profile .profile-logo-icon{display:flex;align-items:center;justify-content:center;position:absolute;right:2px;bottom:2px;width:24px;height:24px;border-radius:50%;border:1px solid #d9d9d9;color:var(--dark);background:#fff}
#myPage .tc-profile .profile-logo-icon svg{width:14px;height:14px;color:#aaa}
#myPage .tc-profile .profile-tit-wrap{display:flex;border:1px solid #d9d9d9;border-radius:4px}
#myPage .tc-profile .profile-tit{flex-grow:1;height:40px;padding:0 12px;border:none;background:none}
#myPage .tc-profile .profile-tit:focus{border:none!important}
#myPage .tc-profile .profile-tit-rcmd-btn{display:flex;align-items:center;gap:5px;width:max-content;padding:0 20px;border:none;font-size:14px;font-weight:500;color:var(--primary);background:none}
#myPage .tc-profile .profile-tit-rcmd-btn svg{width:16px;height:16px}
#myPage .tc-profile .profile-tit-rcmd-btn.on svg{transform:rotate(180deg)}
#myPage .tc-profile .profile-tit-rcmd{display:none;padding:20px 0 15px;margin-top:-4px;border:1px solid #d9d9d9;border-top:none;border-radius:0 0 4px 4px}
#myPage .tc-profile .profile-tit-rcmd p{margin-bottom:15px;padding:0 20px 10px;border-bottom:1px dotted #ddd;font-size:12px;color:#aaa}
#myPage .tc-profile .profile-tit-rcmd p b{margin-right:5px;font-size:13px;font-weight:600;color:var(--primary)}
#myPage .tc-profile .profile-tit-rcmd ul li{padding:4px 20px;font-size:13px}
#myPage .tc-profile .profile-tit-rcmd ul li:hover{cursor:pointer;background:#f5f5f5}
#myPage .tc-profile .t3 .cm-ps{margin-bottom:10px}
#myPage .tc-profile .t3 label+label{margin-top:5px}
#myPage .tc-profile .t4{min-height:200px;padding:20px;border:1px solid #d9d9d9;border-radius:4px}
#myPage .tc-profile .t5 .hospital-selector{overflow:hidden;max-width:450px;border-radius:4px;border:1px solid #d9d9d9}
#myPage .tc-profile .t5 .hospital-list{display:none;max-height:200px;padding:10px 0;overflow-y:scroll;border-top:1px solid #d9d9d9}
#myPage .tc-profile .t5 .hospital-list label{padding:5px 15px}
#myPage .tc-profile .t5 .hospital-list label.on{background:#f2f2f2}
#myPage .tc-profile .t5 .selected-type{align-items:center;flex-wrap:wrap;gap:6px;margin-top:20px}
#myPage .tc-profile .t5 .selected-type span{display:flex;gap:6px;position:relative;border-radius:20px 4px 20px 20px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1;color:#fff;background:var(--primary)}
#myPage .tc-profile .t5 .selected-type span button{position:absolute;top:0;right:0;width:16px;height:16px;border-radius:4px;border:none;color:#fff;background:var(--primary)}
#myPage .tc-profile .t5 .selected-type span button svg{width:14px;height:14px}
#myPage .tc-profile .btns{justify-content:center;margin-top:50px}
/* 마이페이지 - 쪽지함 */
#myPage .msg-tabs{justify-content:center;gap:30px;margin-bottom:30px;background:#fff}
#myPage .msg-tabs a{color:#aaa;font-size:17px;font-weight:700;background:none}
#myPage .msg-tabs a.on{color:var(--primary)}
#myPage .tc-msg .msg-filter{margin-bottom:15px}
#myPage .tc-msg .cm-input-ck-label{justify-content:center}
#myPage .tc-msg .cm-table th{font-size:15px}
#myPage .tc-msg .cm-table td{font-size:14px}
#myPage .tc-msg .cm-table td.num{font-size:13px}
#myPage .tc-msg .cm-table td.arrow{vertical-align:middle}
#myPage .tc-msg .cm-table td.arrow svg{display:inline-block;width:15px;height:15px;vertical-align:-3px;color:var(--primary)}
#myPage .tc-msg .cm-table td.date{font-size:13px}
#myPage .tc-msg .del-btns{gap:5px;margin-top:20px}
#myPage .tc-msg .del-btns button{border-color:#888;color:var(--dark);background:#fff}
#myPage .tc-msg .cm-table td .more-menu-wrap{position:relative}
#myPage .tc-msg .cm-table td .more-menu{display:none;position:absolute;top:100%;left:50%;z-index:101;transform:translateX(-50%);min-width:120px;padding:15px;border-radius:6px;border:1px solid #e1e1e1;text-align:left;background:#fff}
#myPage .tc-msg .cm-table td .more-menu button{display:flex;position:absolute;top:5px;right:5px;width:22px;height:22px;background:none}
#myPage .tc-msg .cm-table td .more-menu button svg{width:16px;height:16px;margin:auto}
#myPage .tc-msg .cm-table td .more-menu a{display:block;font-size:13px;color:#aaa;transition:all .2s}
#myPage .tc-msg .cm-table td .more-menu a:hover{color:var(--dark)}
#myPage .tc-msg .cm-table td .more{color:var(--dark);text-decoration:underline}
#myPage .tc-msg .cm-table td .more span{font-size:22px}
/* 마이페이지 - 매칭 현황 */
#myPage .match-tabs{justify-content:center;gap:30px;margin-bottom:30px;background:#fff}
#myPage .match-tabs button{border:none;color:#aaa;font-size:17px;font-weight:700;background:none}
#myPage .match-tabs button.on{color:var(--primary)}
#myPage .match-tab-cont{display:none}
#myPage .match-tab-cont.on{display:block}
#myPage .tc-match .match-filter{margin-bottom:15px}
#myPage .tc-match .cm-table th{font-size:15px}
#myPage .tc-match .cm-table td{height:45px;font-size:14px}
#myPage .tc-match .cm-table td.num{font-size:13px}
#myPage .tc-match .cm-table td.date{font-size:13px}
#myPage .tc-match .cm-table td.mid{padding:0 10px}
#myPage .tc-match .cm-table td.mid .matched{display:block;margin:0 auto;padding:6px 10px 6px 15px}
#myPage .tc-match .cm-table td.mid .matched span{align-items:center}
#myPage .tc-match .cm-table td.mid .matched svg{width:16px;height:16px}
@media(max-width:1480px){
#myPage > .cm-flex{gap:20px}    
#myPage .cont-wrap{padding:20px 0 20px 20px}
#myPage .tab-cont{padding:50px 20px}
}
@media(max-width:1200px){
body{background:#fff!important}
#shContainer:before{display:none!important}
.cm-profile-card.my{position:relative;top:auto;margin-top:15px}
#myPage{padding-bottom:15px;background:#f5f5f5}
#myPage > .cm-flex{flex-direction:column}    
#myPage .cont-wrap{width:100%;min-height:auto;padding:0;background:none}
#myPage .tab-cont{background:#fff}
}
@media(max-width:768px){
.cm-profile-card.my{margin:0}
#myPage{padding:0}
#myPage .tabs button, #myPage .tabs a{height:38px;font-size:14px;line-height:38px}    
#myPage .msg-tabs{margin-bottom:20px}
#myPage .msg-tabs button{font-size:14px}
#myPage .tc-msg .cm-table .num, #myPage .tc-msg .cm-table .me, #myPage .tc-msg .cm-table .arrow{display:none}
#myPage .tc-msg .cm-table .you{width:20%}
#myPage .tc-msg .cm-table td.subj{width:70%}
#myPage .tc-msg .cm-table th,#myPage .tc-msg .cm-table td{font-size:13px}
#myPage .tc-msg .cm-table td.date{font-size:12px}
#myPage .tc-msg .cm-table th:first-child, #myPage .tc-msg .cm-table td:first-child{width:10%;padding:10px 0}
#myPage .tc-profile h2{font-size:15px}
#myPage .cont-wrap{width:calc(100% - 30px);margin:0 auto 15px}
#myPage .tab-cont{padding:20px 15px}
#myPage .tab-cont h2:before{width:3px;height:12px;margin-right:6px}
#myPage .tab-cont h2~h2{margin-top:30px}
#myPage .tc-profile .t4{padding:0;border:none}
#myPage .tc-profile .profile-logo-circle{width:85px;height:85px}
#myPage .tc-profile .profile-tit-rcmd-btn{font-size:13px}
#myPage .tc-profile .t5 .selected-type span{font-size:12px}
#myPage .tc-profile .btns{margin-top:30px}
}
@media(max-width:480px){
#myPage .tc-msg .cm-table .date, #myPage .tc-msg .cm-table .status{display:none}
#myPage .tc-msg .cm-table th,#myPage .tc-msg .cm-table td{font-size:12px}
}