@charset "utf-8";

.pagecommon{font-size:16px;line-height:1.6;color:var(--prm-gray-500)}
.pagecommon *{word-break:keep-all}
.pagecommon h1{font-size:32px;font-weight:700;color:var(--prm-gray-800);text-align:center}
.pagecommon h2{font-size:24px;font-weight:700;color:var(--prm-gray-800)}
.cm-btm-info{width:max-content;max-width:100%;flex-wrap:wrap;justify-content:center;margin:100px auto 0;padding:15px 40px;position:sticky;bottom:15px;border-radius:12px;font-size:15px;font-weight:300;color:#fff;text-align:center;background:var(--prm-gray-800)}
.cm-btm-info.guest{padding:10px 40px}
.cm-btm-info span{color:var(--prm-blue-400)}
.cm-btm-info img{width:18px}
.cm-btm-info .btn-wrap{margin-left:30px}
.cm-profile{border-radius:10px;border:1px solid var(--prm-gray-200);background:var(--prm-gray-50);transition:all .15s}
.cm-badge-new{display:inline-block;vertical-align:super;width:15px;height:15px;border-radius:4px;font-size:8px;font-weight:500;color:#fff;text-align:center;line-height:14px;background:var(--prm-blue-500)}
@media(hover:hover){.cm-profile:hover{box-shadow:0 4px 20px rgba(31,41,55,0.12)}}
.cm-profile a{gap:30px;padding:25px;color:var(--prm-gray-500)}
.cm-profile-img{flex-shrink:0;overflow:hidden;width:110px;height:130px;border-radius:10px;background:#f7f7f7}
.cm-profile-img img.blur{filter:blur(3px)}
.cm-profile-img img{width:100%;height:100%;object-fit:cover;object-position:center}
.cm-profile dl dt{margin-bottom:5px;font-size:20px;font-weight:700;color:var(--prm-gray-800)}
.cm-profile dl dd{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:15px}
.cm-profile dl dd span{font-size:16px;font-weight:600;color:var(--prm-gray-800)}

/* 글목록-이미지 */
.cm-list-gall{border-top:2px solid var(--prm-gray-800);border-bottom:1px solid var(--prm-gray-500)}
.cm-list-gall li{transition:all .15s}
.cm-list-gall li+li{border-top:1px solid var(--prm-gray-300)}
.cm-list-gall li a{gap:50px;position:relative;padding:35px;color:var(--prm-gray-500)}
.cm-list-gall li .img{flex-shrink:0;overflow:hidden;width:30%;height:250px;border-radius:12px;border:1px solid var(--prm-gray-200)}
.cm-list-gall li .img img{width:100%;height:100%;object-fit:cover}
.cm-list-gall li .info{width:calc(70% - 50px)}
.cm-list-gall li .cate{width:max-content;padding:2px 12px;border-radius:30px;font-size:14px;color:#fff;background:var(--prm-blue-500)}
.cm-list-gall li .subj{margin:5px 0 15px;font-size:22px;font-weight:700;color:var(--prm-gray-800)}
.cm-list-gall li .subj .cmt{margin-right:3px;color:var(--prm-blue-500)}
.cm-list-gall li .desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cm-list-gall li .meta{margin-top:20px}
.cm-list-gall li .meta span{display:flex;align-items:center;gap:6px;line-height:1}
.cm-list-gall li .meta span+span{margin-left:12px;padding-left:12px;border-left:1px solid var(--prm-gray-300)}
.cm-list-gall li .meta i{font-style:normal;color:var(--prm-gray-800)}
.cm-list-gall li .cm-ckbox{position:absolute;left:10px;top:10px;z-index:1}
.cm-list-gall li.empty{padding:100px 0;text-align:center}
@media(hover:hover){.cm-list-gall li:hover{background:var(--prm-gray-50)}}

/* 글작성 */
.cm-write{border-top:2px solid var(--prm-gray-800);font-size:15px;font-weight:500;color:var(--prm-gray-800);font-family:'Pretendard'}
.cm-write li{display:flex;align-items:stretch;border-bottom:1px solid var(--prm-gray-200)}
.cm-write .write-label{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:4px;width:150px;padding:15px;font-weight:600;color:var(--prm-gray-800);text-align:center;background:var(--prm-gray-100)}
.cm-write .write-field{flex-grow:1;display:flex;align-items:center;padding:0 12px}
.cm-write .write-field-cont{flex-grow:1;padding:12px}
.cm-write .write-field-add{max-width:600px;width:100%;padding:12px}
.cm-write .write-field.date{flex-grow:unset}
.cm-write .end-date-row{display:none}
.cm-write .btn-toggle-end{height:42px}
.cm-write .file-area .write-field{flex-direction:column;align-items:flex-start;gap:5px;padding:12px}
.cm-write .file-area .cm-ckbox{word-break:break-all!important}
/* 글작성-사진등록 */
.cm-write input[type=file]{padding:5px;border-radius:4px;font-size:14px;background:var(--prm-gray-100)}
.cm-write .file-del{margin-left:10px;font-size:14px;font-weight:400;color:var(--prm-gray-500)}
.cm-write .photo-wrap{align-items:unset;padding:20px}
.cm-write .photo-upload-wrap{flex-wrap:wrap}
.cm-write .photo-item{position:relative;width:160px;height:160px;border:1px solid var(--prm-gray-400);border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;cursor:grab}
.cm-write .photo-item img{width:100%;height:100%;object-fit:cover}
.cm-write .photo-item.add-slot{cursor:pointer;color:var(--prm-gray-400);border-style:dashed}
.cm-write .photo-del{position:absolute;top:6px;right:6px;width:24px;height:24px;background:rgba(0,0,0,.75);color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}
.cm-write .photo-del svg{width:14px;height:14px}
.cm-write .photo-item.dragging{opacity:0.4;border:2px dashed var(--prm-gray-400)}
.cm-write .photo-item:not(.add-slot){cursor:grab}
.cm-write .photo-item:not(.add-slot):active{cursor:grabbing}
@media(hover:hover){
.cm-write  .photo-item.add-slot:hover{background:var(--prm-gray-100)}    
}

/* 댓글 */
.cm-comments{border-top:2px solid var(--prm-gray-800)}
.cm-comments .form{padding:35px;margin:25px 0 20px;border-radius:8px;border:1px solid var(--prm-gray-200)}
.cm-comments .form textarea{flex-grow:1;padding:12px;border-radius:8px 0 0 8px}
.cm-comments .form button{width:120px;border-radius:0 8px 8px 0;font-size:15px;font-weight:600;color:#fff;background:var(--prm-gray-800)}
.cm-comments ul{padding:35px;border-radius:8px;border:1px solid var(--prm-gray-200);background:var(--prm-gray-50)}
.cm-comments ul li+li{padding-top:30px;margin-top:30px;border-top:1px solid var(--prm-gray-200)}
.cm-comments ul li > a{width:max-content;font-size:13px;color:var(--prm-gray-500)}
.cm-comments ul li dl dt{flex-shrink:0;width:50px;height:50px;border-radius:50%}
.cm-comments ul li dl dd{color:var(--prm-blue-500)}
.cm-comments ul li dl dd > div{flex-wrap:wrap;font-weight:500;color:var(--prm-gray-800)}
.cm-comments ul li dl dd .name{font-size:14px}
.cm-comments ul li dl dd .name span{font-size:17px;font-weight:600}
.cm-comments ul li dl dd .date{font-weight:300;color:var(--prm-gray-500)}
.cm-comments ul li dl dd .date:before{display:inline-block;vertical-align:middle;content:"";width:2px;height:2px;margin:0 8px;border-radius:50%;background:var(--prm-gray-800)}
.cm-comments ul li dl dd > p{column-gap:5px}
.cm-comments ul li dl dd .role{color:var(--prm-gray-800)}
.cm-comments ul li .txt{padding:12px;margin-top:15px;border-radius:8px;border:1px solid var(--prm-gray-200);font-size:14px;background:#fff}

/* 액션버튼 */
.cm-action-btns{margin:50px 0}
.cm-action-btns a{gap:4px;width:120px;padding:12px 24px;border-radius:30px;border:1px solid var(--prm-gray-300);font-size:14px;font-weight:500;line-height:1;color:var(--prm-gray-800);transition:all .15s}
@media(hover:hover){.cm-action-btns a:hover{color:var(--prm-blue-500);border-color:var(--prm-blue-300)}}
.cm-action-btns a svg{width:16px;height:16px;fill:#fff}
.cm-action-btns a.on{color:var(--prm-blue-500);border-color:var(--prm-blue-300);background:var(--prm-blue-50)}

/* 리스트 이전/다음 버튼 */
.cm-list-btns a{min-width:100px}

/* 이동버튼 */
.cm-move-btns{justify-content:space-between!important}
.cm-move-btns a{min-width:100px}

/* 작성자 */
.cm-board-meta{display:flex;flex-wrap:wrap;row-gap:5px!important;position:relative;max-width:100%;width:max-content;margin:0 auto 30px;padding:12px 22px 12px 70px;border-radius:30px;font-size:14px;line-height:1;background:var(--prm-gray-100)}
.cm-board-meta .img{position:absolute;left:0;top:50%;transform:translateY(-50%);width:58px;height:58px;border-radius:50%;border:3px solid #fff;box-shadow:2px 2px 6px rgba(31,41,55,0.1);transition:all .15s}
.cm-board-meta span+span:before{display:inline-block;vertical-align:middle;content:'';width:3px;height:3px;margin:0 8px 0 10px;border-radius:50%;background:var(--prm-gray-800)}
.cm-board-meta svg{width:16px;height:16px}
.cm-board-meta .name{color:var(--prm-gray-800);font-weight:500}
@media(hover:hover){.cm-board-meta .name:hover .img{box-shadow:2px 2px 8px rgba(31,41,55,0.3)}}

/* 인사말 */
#greeting{overflow:hidden}
#greeting .cont1{gap:100px}
#greeting .cont1-img{gap:15px}
#greeting .cont1-img img{width:300px;border-radius:12px}
#greeting .cont1-img p{margin:15px 0;font-weight:500;color:var(--prm-gray-800);white-space:pre-line;text-align:center}
#greeting .cont1-img p span{font-size:20px;font-weight:700}
#greeting .cont1-img a{padding:12px 25px 14px 30px;border-radius:6px;line-height:1;color:#fff;background:var(--prm-blue-500);transition:all .15s}
#greeting .cont1-img a svg{width:20px;height:20px}
@media(hover:hover){#greeting .cont1-img a:hover{gap:20px}}
#greeting .cont1-txt{padding-top:20px}
#greeting .cont1-txt p{margin-bottom:30px;font-size:30px;font-weight:700;color:var(--prm-gray-800)}
#greeting .cont2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:100px 0 90px}
#greeting .cont2 li{padding:35px;border-radius:12px;font-size:15px;background:var(--prm-blue-50)}
#greeting .cont2 li p{margin-bottom:15px;font-size:24px;font-weight:700;color:var(--prm-gray-800)}
#greeting .cont2 li p span{font-size:18px}
#greeting .cont2 li p b{font-weight:700;color:var(--prm-blue-600)}
#greeting .cont3{text-align:center}
#greeting .cont3 p{margin-bottom:30px;font-size:26px;font-weight:700;color:var(--prm-gray-800)}
#greeting .cont3 .sign{margin-top:10px;font-size:18px}
#greeting .cont3 .sign span{font-size:28px}
#greeting .sign{display:block;margin-top:20px;color:var(--prm-gray-800);text-align:right}
#greeting .sign b{font-size:20px;font-weight:600}
#greeting .sign i{font-style:normal}

/* 역대 회장 */
#history{color:var(--prm-gray-800)}
#history h1{position:sticky;top:20px;margin-bottom:60px}
#history .cont-wrap{position:relative;width:76%;gap:80px}
#history .cont-wrap:before{display:block;content:"";position:absolute;left:67px;top:68px;width:1px;height:calc(100% - 68px);background:var(--prm-gray-200)}
#history .cont{gap:40px}
#history .year{position:sticky;top:20px;width:135px;padding-top:15px;font-size:24px;font-weight:700;text-align:center;background:#fff}
#history .year span{position:relative;display:block;width:8px;height:8px;margin:15px auto 0;border-radius:50%;background:var(--prm-blue-500)}
#history .year span:after{display:block;content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;margin:0 auto;border-radius:50%;background:var(--prm-blue-500);filter:blur(5px)}
#history ul{flex-grow:1;grid-template-columns:repeat(2,1fr);gap:20px}
#history ul li{flex:1;gap:20px;padding:25px;border-radius:10px;border:1px solid var(--prm-gray-200);font-size:15px;line-height:1.5}
#history ul li img{width:120px;border-radius:10px}
#history ul li p{flex-grow:1}
#history ul li p span{display:block;font-size:20px;font-weight:700}

/* 오시는길 */
#location{text-align:center}
#location h1{margin-bottom:30px}
#location .map{overflow:hidden;max-width:1200px;height:350px;margin:30px auto 40px;border-radius:20px}
#location .map iframe{width:100%;height:100%}
#location .btns a{display:flex;align-items:center;gap:5px;padding:20px 40px;border-radius:50px;font-size:17px;font-weight:600;line-height:1}
#location .btns a svg{width:16px;height:16px}
#location .btns a.tel{color:#fff;background:var(--prm-gray-800)}
#location .btns a.tel i{font-size:18px}
#location .btns a.naver{color:#fff;background:#03a94d}
#location .btns a.kakao{color:#391d1d;background:#f3db00}

/* 기수별 동문 찾기*/
#alumniClass{padding-bottom:50px}
#alumniClass h1{margin-bottom:30px}
#alumniClass .cate-select{display:none}
#alumniClass .cate-btn{grid-template-columns:repeat(12,1fr);gap:10px}
#alumniClass .cate-btn .cm-btn.size-m{font-size:16px;transition:all .15s}
#alumniClass .cate-btn .cm-btn.active{border-color:var(--prm-gray-800);color:#fff;background:var(--prm-gray-800)}
@media(hover:hover){#alumniClass .cate-btn .cm-btn:not(.active):hover{background:var(--prm-gray-200)}}
#alumniClass .cate-select .cm-select{width:100%;border-color:var(--prm-gray-500);font-size:16px}
#alumniClass .cm-search{margin:30px 0}
#alumniClass .cm-search .cm-input{height:44px}
#alumniClass .count{font-weight:500;color:var(--prm-gray-800)}
#alumniClass .list{margin-top:30px}
#alumniClass .list+.list{margin-top:50px}
#alumniClass .list h2{margin-bottom:10px}
#alumniClass .profile-wrap{grid-template-columns:repeat(3,1fr);gap:20px}

/* 업종별 동문 찾기*/
#alumniIndustry .tit-area{text-align:center}
#alumniIndustry h1{margin-bottom:15px}
#alumniIndustry .cate-icons{display:flex;flex-wrap:wrap;justify-content:center;row-gap:30px;column-gap:12px;margin:50px auto 0}
#alumniIndustry .cate-icons .icon{display:flex;flex-direction:column;align-items:center;gap:10px;width:55px;font-size:12px;line-height:1.25;color:var(--prm-gray-400);text-align:center;transition:all .15s}
#alumniIndustry .cate-icons .icon .img{display:flex;position:relative;width:55px;height:55px;border:1px solid var(--prm-gray-200);border-radius:16px;background:var(--prm-gray-50);transition:all .15s}
#alumniIndustry .cate-icons .icon .img img{width:28px;margin:auto}
#alumniIndustry .cate-icons .icon .img:after{display:none;content:"";position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:var(--prm-blue-500)}
#alumniIndustry .cate-icons .icon.on{font-weight:500;color:var(--prm-gray-800)}
#alumniIndustry .cate-icons .icon.on .img{border:1px solid var(--prm-gray-200);background:#fff}
#alumniIndustry .cate-icons .icon.on .img:after{display:block}
#alumniIndustry .cate-select{display:none;margin-top:15px}
#alumniIndustry .cate-select .cm-select{width:100%;border-color:var(--prm-gray-500);font-size:16px}
#alumniIndustry .cm-search{margin:50px 0 30px}
#alumniIndustry .cm-search .cm-input{height:44px}
#alumniIndustry .search-area{max-width:600px;width:100%;margin:35px auto;padding:0 10px;border:2px solid var(--primary);border-radius:6px}
#alumniIndustry .search-area .cm-input{flex-grow:1;height:60px;border:none;font-size:16px}
#alumniIndustry .search-area button{width:50px;color:var(--primary)}
#alumniIndustry .search-area button svg{stroke-width:2.5px}
#alumniIndustry .count{font-weight:500;color:var(--prm-gray-800)}
#alumniIndustry .list{margin-top:30px}
#alumniIndustry .profile-wrap{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:10px}
#alumniIndustry .profile{height:100%;padding:20px;border-radius:10px;border:1px solid var(--prm-gray-200);color:var(--prm-gray-500);background:var(--prm-gray-50);text-align:center;transition:all .15s}
#alumniIndustry .profile .cm-profile-img{width:110px;height:130px}
#alumniIndustry .profile .info{width:100%;margin-top:-10px}
#alumniIndustry .profile .cate{position:relative;padding:6px 10px;border-radius:20px;border:3px solid var(--prm-gray-50);font-size:12px;font-weight:500;line-height:1;color:#fff;background:var(--prm-blue-500)}
#alumniIndustry .profile .name{margin-top:10px;font-size:20px;font-weight:700;color:var(--prm-gray-800)}
#alumniIndustry .profile .job{font-size:15px}
#alumniIndustry .profile .txt{width:100%;padding:10px;margin:15px 0 0;border-radius:8px;border:1px solid var(--prm-gray-200);font-size:14px;line-height:1.45;background:#fff}
#alumniIndustry .profile .kwds{margin-top:10px}
#alumniIndustry .profile .cm-keyword-item{min-height:26px;padding:4px 8px;border-radius:6px;font-size:13px}
@media(hover:hover){
#alumniIndustry .cate-icons .icon:not(.on):hover{color:var(--prm-gray-800)} 
#alumniIndustry .cate-icons .icon:not(.on):hover .img{background:#fff} 
#alumniIndustry .profile:hover{box-shadow:0 4px 20px rgba(31,41,55,0.12)}
}

/* 일정 */
#scheduleTop .type-btns{margin:30px 0}
#scheduleTop .type-btns .cm-btn{width:120px;padding-right:10px;font-size:15px}
#scheduleTop .type-btns .cm-btn svg{margin-bottom:1px}
#scheduleTop .type-btns .cm-btn.on{border-color:var(--prm-gray-800);color:#fff;background:var(--prm-gray-800)}
#scheduleTop .adm-btn{margin-top:10px}
/* 일정-리스트 */
#scheduleList{line-height:1.65}
#scheduleList .adm-btn{margin-top:10px}
#scheduleList .cm-search{margin:15px 0 20px}
#scheduleList .cm-search .cm-select{background-position:calc(100% - 8px) center}
#scheduleList .count{font-weight:500;color:var(--prm-gray-800)}
#scheduleList .card-wrap{margin-top:10px;border-top:2px solid var(--prm-gray-800);border-bottom:1px solid var(--prm-gray-500)}
#scheduleList .card{transition:all .15s}
#scheduleList .card+.card{border-top:1px solid var(--prm-gray-300)}
#scheduleList .card.empty{padding:100px 0;text-align:center}
@media(hover:hover){#scheduleList .card:hover{background:var(--prm-gray-50)}}
#scheduleList .card a{padding:35px;color:var(--prm-gray-500)}
#scheduleList .card .tit{margin:15px 0;font-size:22px;font-weight:700;color:var(--prm-gray-800)}
#scheduleList .card .tit span{color:var(--prm-blue-500)}
#scheduleList .card ul li{display:flex}
#scheduleList .card ul li span{width:75px;font-weight:500;color:var(--prm-gray-800)}
/* 일정-달력 */

#mara_cal{margin:0;padding:0;font-size:15px;font-weight:500;color:var(--prm-gray-800);font-family:'Pretendard'}
#mara_cal .title{gap:12px;padding:20px 0}
#mara_cal .title p{font-size:26px;font-weight:700}
#mara_cal .title a{display:flex;width:40px;height:40px}
#mara_cal .title a svg{width:28px;height:28px;margin:auto}
#mara_cal table{width:100%;border-collapse:collapse;border-top:2px solid var(--prm-gray-800)}
#mara_cal th{padding:12px 0;font-weight:600}
#mara_cal th.red{color:var(--spt-red-500)}
#mara_cal th.blue{color:var(--prm-blue-500)}
#mara_cal td{position:relative;padding:10px;height:120px;border:1px solid var(--prm-gray-200);font-size:14px;vertical-align:top}
#mara_cal td .title_day{padding:0 0 5px}
#mara_cal td .title_dayred{padding:0 0 5px;color:var(--spt-red-500)}
#mara_cal td .title_dayblue{padding:0 0 5px;color:var(--prm-blue-500)}
#mara_cal td .subject{display:flex;align-items:center;gap:3px;padding:5px;font-size:12px;font-weight:500;color:#fff;line-height:1;word-break:break-all;transition:all .15s}
/* #mara_cal td .subject:before{content:"";width:4px;height:4px;border-radius:50%} */
#mara_cal td .subject.wedding{color:var(--scd-purple-500);background:#F3F0FF}
#mara_cal td .subject.wedding:before{background:var(--scd-purple-500)}
#mara_cal td .subject.funeral{color:var(--prm-gray-800);background:var(--prm-gray-200)}
#mara_cal td .subject.funeral:before{background:var(--prm-gray-800)}
#mara_cal td .subject.legend-1{color:var(--prm-blue-500);background:var(--prm-blue-100)}
#mara_cal td .subject.legend-1:before{background:var(--prm-blue-500)}
#mara_cal td .subject.legend-2{color:var(--spt-green-500);background:var(--spt-green-100)}
#mara_cal td .subject.legend-2:before{background:var(--spt-green-500)}
#mara_cal td .subject.legend-3{color:var(--scd-orange-500);background:var(--scd-orange-100)}
#mara_cal td .subject.legend-3:before{background:var(--scd-orange-500)}
#mara_cal td .subject.legend-4{color:var(--spt-yellow-600);background:var(--spt-yellow-100)}
#mara_cal td .subject.legend-4:before{background:var(--spt-yellow-500)}
#mara_cal td .subject.legend-5{color:var(--spt-red-500);background:var(--spt-red-100)}
#mara_cal td .subject.legend-5:before{background:var(--spt-red-500)}
#mara_cal td .subject.purple{background:var(--scd-purple-500)}
#mara_cal td .subject.green{background:var(--spt-green-500)}
@media(hover:hover){#mara_cal td .subject:hover{opacity:.85}}
#mara_cal td .mo_btn{display:none;padding:5px;border-radius:4px;font-size:11px;line-height:1;color:#fff;text-align:center}
#mara_cal td .mo_btn.wedding{background:var(--scd-purple-500)}
#mara_cal td .mo_btn.funeral{background:var(--prm-gray-800)}
#mara_cal td .mo_btn.legend-1{background:var(--prm-blue-500)}
#mara_cal td .mo_btn.legend-2{background:var(--spt-green-500)}
#mara_cal td .mo_btn.legend-3{background:var(--scd-orange-500)}
#mara_cal td .mo_btn.legend-4{background:var(--spt-yellow-500)}
#mara_cal td .mo_btn.legend-5{background:var(--spt-red-500)}
#mara_cal td .mo_btn.purple{background:var(--scd-purple-500)}
#mara_cal td .mo_btn.green{background:var(--spt-green-500)}
#mara_cal td.gray{color:#999}
#mara_cal td.null{background:var(--prm-gray-100)}
#mara_cal td .day{font-weight:500;padding:0 0 5px 0}
#mara_cal td span.open{color:#70820D}
#mara_cal td span.close{color:#ccc}
.rm_grid_19{width:14%}
.rm_grid_3{width:15%}
/* 일정-뷰 */
#scheduleView{max-width:1200px;margin:0 auto}
#scheduleView h1{margin:50px 0 30px;font-size:32px;font-weight:700;text-align:center}
#scheduleView .count{margin-bottom:50px;line-height:1;color:var(--prm-gray-500)}
#scheduleView .count span+span{margin-left:12px;padding-left:12px;border-left:1px solid var(--prm-gray-300)}
#scheduleView .section-wrap{border-top:2px solid var(--prm-gray-800);border-bottom:1px solid var(--prm-gray-300)}
#scheduleView section{padding:30px 0}
#scheduleView section+section{border-top:1px solid var(--prm-gray-200)}
#scheduleView section h2{width:200px;padding:0 40px;font-size:20px;font-weight:700}
#scheduleView section .cont{flex-shrink:0;flex-grow:1;padding-right:40px;color:var(--prm-gray-500)}
#scheduleView section .cont img{max-width:100%}
#scheduleView section .file p{font-size:14px}
#scheduleView section .file p a{font-weight:500;color:var(--prm-prm-500)}
#scheduleView section .location{font-weight:500;color:var(--prm-gray-800)}
#scheduleView section .location p svg{width:20px;height:20px}
#scheduleView section .location .btns a{display:flex;align-items:center;gap:5px;padding:10px 25px;border-radius:50px;font-size:14px;font-weight:600}
#scheduleView section .location .btns a svg{width:15px;height:15px}
#scheduleView section .location .btns a.naver{color:#fff;background:#03a94d}
#scheduleView section .location .btns a.kakao{color:#391d1d;background:#f3db00}
#scheduleView section .location .map{overflow:hidden;margin:20px 0;border-radius:24px}
#scheduleView section .location .map iframe{width:100%;height:320px}
#scheduleView section .cm-profile.mini{min-width:300px}
#scheduleView section .cm-profile.mini a{gap:20px}
#scheduleView section .cm-profile.mini .img{width:75px;height:75px}
#scheduleView section .cm-profile.mini dl dt{margin-bottom:2px;font-size:18px}
#scheduleView section .cm-profile.mini dl dd{font-size:14px}
#scheduleView section .cm-profile.mini dl dd span{font-size:15px}
#scheduleView .comments{border-top:2px solid var(--prm-gray-800)}
#scheduleView .comments .form{padding:35px;margin:25px 0 20px;border-radius:8px;border:1px solid var(--prm-gray-200)}
#scheduleView .comments .form textarea{flex-grow:1;padding:18px;border-radius:8px 0 0 8px}
#scheduleView .comments .form button{width:120px;border-radius:0 8px 8px 0;font-size:15px;font-weight:600;color:#fff;background:var(--prm-gray-800)}
#scheduleView .comments ul{padding:35px;border-radius:8px;border:1px solid var(--prm-gray-200);background:var(--prm-gray-50)}
#scheduleView .comments ul li+li{padding-top:30px;margin-top:30px;border-top:1px solid var(--prm-gray-200)}
#scheduleView .comments ul li > a{width:max-content;font-size:13px;color:var(--prm-gray-500)}
#scheduleView .comments ul li dl dt{flex-shrink:0;width:50px;height:50px}
#scheduleView .comments ul li dl dd{color:var(--prm-blue-500)}
#scheduleView .comments ul li dl dd div{font-weight:500;color:var(--prm-gray-800)}
#scheduleView .comments ul li dl dd .name{font-size:14px}
#scheduleView .comments ul li dl dd .name span{font-size:17px;font-weight:600}
#scheduleView .comments ul li dl dd .date{font-weight:300;color:var(--prm-gray-500)}
#scheduleView .comments ul li dl dd .date:before{display:inline-block;vertical-align:middle;content:"";width:2px;height:2px;margin:0 8px;border-radius:50%;background:var(--prm-gray-800)}
#scheduleView .comments ul li .txt{padding:20px;margin-top:15px;border-radius:8px;border:1px solid var(--prm-gray-200);font-size:14px;background:#fff}
#scheduleView .btns a{min-width:100px}
#scheduleView .btns a.btn-list{/*margin:0 auto*/}
/* 일정-라이트 */
#scdWriteWrap h1{margin-bottom:30px}
#scdWriteWrap .btn-area{margin-top:50px}
#scdWriteWrap .btn-area .cm-btn{width:200px}

/* 앨범-전체 리스트*/
#gallery h1{margin-bottom:30px}
#gallery .count{font-weight:500;color:var(--prm-gray-800)}
#gallery .order a{opacity:.5;font-size:14px;font-weight:500;line-height:1}
#gallery .order a+a{margin-left:12px;padding-left:12px;border-left:1px solid var(--prm-gray-400)}
#gallery .order a.on{opacity:1}
#gallery .list{grid-template-columns:repeat(3,1fr);gap:50px;row-gap:100px;margin-top:40px}
#gallery .list-card{position:relative;border-radius:20px;box-shadow:2px 2px 8px rgba(0,41,55,0.12);transition:all .15s}
#gallery .list-card:before{display:block;content:"";position:absolute;z-index:-1;left:8px;top:0;transform:rotate(5deg);width:100%;height:250px;border-radius:20px 20px 0 0;background:var(--prm-gray-300);box-shadow:0 2px 6px rgba(31,41,55,0.12);transition:all .15s}
#gallery .list-card:after{display:block;content:"";position:absolute;z-index:-2;left:0;top:0;transform:rotate(5deg);width:100%;height:100%;border-radius:20px;border:1px solid var(--prm-gray-200);background:#fff;box-shadow:0 2px 6px rgba(31,41,55,0.12);transition:all .15s}
#gallery .list-card a{overflow:hidden;display:block;border-radius:20px;background:#fff;color:var(--prm-gray-800)}
#gallery .list-card .img{overflow:hidden;height:250px}
#gallery .list-card .img img{width:100%;height:100%;object-fit:cover;object-position:center}
#gallery .list-card .info{padding:25px 30px;border-radius:0 0 20px 20px;border:1px solid var(--prm-gray-200)}
#gallery .list-card .info ul{margin:8px 0 20px}
#gallery .list-card .info ul li{gap:4px}
#gallery .list-card .info ul li+li:before{display:inline-block;content:'';width:3px;height:3px;margin:0 8px 0 10px;border-radius:50%;background:var(--prm-gray-800)}
#gallery .list-card .info ul li svg{width:16px;height:16px}
#gallery .list-card .info .date{display:block;font-size:14px;color:var(--prm-gray-500);text-align:right}
@media(hover:hover){
#gallery .list-card:hover{transform:translateY(-10px);box-shadow:2px 6px 16px rgba(0,41,55,0.12)}
#gallery .list-card:hover:before{left:0;transform:rotate(0deg);box-shadow:none}
#gallery .list-card:hover:after{transform:rotate(0deg);box-shadow:none}
}
/* 앨범-그룹별 리스트*/
#galleryGroup h1{margin-bottom:30px}
#galleryGroup .count-wrap{margin-top:20px}
#galleryGroup .count{font-weight:500;color:var(--prm-gray-800)}
#galleryGroup .update{padding:8px 15px;border-radius:30px;font-size:13px;color:var(--prm-blue-500);background:var(--prm-blue-50)}
#galleryGroup .list{gap:30px;margin-top:15px}
#galleryGroup .list .empty{padding:100px 0;text-align:center}
#galleryGroup .list-card{border-radius:20px;border:1px solid var(--prm-gray-200);background:var(--prm-gray-100);transition:all .15s}
@media(hover:hover){
#galleryGroup .list-card:hover{box-shadow:0 4px 20px rgba(31,41,55,0.12)}
#galleryGroup .list-card:hover .info h2{color:var(--prm-blue-500)}
}
#galleryGroup .list-card a{overflow:hidden;gap:40px;position:relative;height:100%;padding:40px;color:var(--prm-gray-800)}
#galleryGroup .list-card .img-count{gap:3px;position:absolute;right:-60px;bottom:20px;transform:rotate(-45deg);padding:10px 70px;font-size:15px;color:#fff;background:var(--prm-blue-500)}
#galleryGroup .list-card .img-count svg{width:14px;height:14px}
#galleryGroup .list-card .info{width:35%;padding:20px 0}
#galleryGroup .list-card .info h2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:22px;line-height:1.4;transition:all .15s}
#galleryGroup .list-card .info h2 span{color:var(--prm-blue-500)}
#galleryGroup .list-card .info .meta{margin-top:20px;line-height:1;color:var(--prm-gray-500)}
#galleryGroup .list-card .info .meta span+span:before{display:inline-block;vertical-align:middle;content:'';width:3px;height:3px;margin:0 8px 0 10px;border-radius:50%;background:var(--prm-gray-800)}
#galleryGroup .list-card .info .meta svg{width:16px;height:16px}
#galleryGroup .list-card .info .author{position:relative;width:max-content;margin-top:auto;padding:8px 22px 8px 65px;border-radius:30px;font-size:15px;font-weight:600;background:#fff}
#galleryGroup .list-card .info .author .img{position:absolute;left:0;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:3px solid #fff;box-shadow:2px 2px 6px rgba(31,41,55,0.1);transition:all .15s}
#galleryGroup .list-card .thumbnail{width:65%}
#galleryGroup .list-card .thumbnail ul{gap:10px;width:100%}
#galleryGroup .list-card .thumbnail:has(.column1){align-items:flex-end}
#galleryGroup .list-card .thumbnail ul.column1{grid-template-columns:repeat(1,1fr);width:50%}
#galleryGroup .list-card .thumbnail ul.column1 li{height:220px}
#galleryGroup .list-card .thumbnail ul.column2{grid-template-columns:repeat(2,1fr)}
#galleryGroup .list-card .thumbnail ul.column2 li{height:220px}
#galleryGroup .list-card .thumbnail ul.column3{grid-template-columns:repeat(3,1fr)}
#galleryGroup .list-card .thumbnail ul.column3 li{height:220px}
#galleryGroup .list-card .thumbnail ul.column4{grid-template-columns:repeat(4,1fr)}
#galleryGroup .list-card .thumbnail ul.column4 li{height:220px}
#galleryGroup .list-card .thumbnail ul.column5{grid-template-columns:repeat(3,1fr)}
#galleryGroup .list-card .thumbnail ul.column5 li{height:150px}
#galleryGroup .list-card .thumbnail ul.column5 li:nth-child(3){grid-row:span 2;height:100%}
#galleryGroup .list-card .thumbnail ul.column6{grid-template-columns:repeat(3,1fr)}
#galleryGroup .list-card .thumbnail ul.column6 li{height:150px}
#galleryGroup .list-card .thumbnail ul li{overflow:hidden;border-radius:8px}
#galleryGroup .list-card .thumbnail ul li img{width:100%;height:100%;object-fit:cover;object-position:center}
#galleryGroup .list-card .thumbnail .cm-btn{font-size:15px}
/* 앨범-라이트 */
#galleryWriteWrap .btn-area{margin-top:50px}
#galleryWriteWrap .btn-area .cm-btn{width:200px}
/* 앨범-뷰 */
#galleryView{max-width:1200px;margin:0 auto}
#galleryView h1{margin:0 0 30px}
#galleryView .count{margin-bottom:50px;line-height:1}
#galleryView .count span+span{margin-left:12px;padding-left:12px;border-left:1px solid var(--prm-gray-300)}
#galleryView .section-wrap{border-top:2px solid var(--prm-gray-800);border-bottom:1px solid var(--prm-gray-300)}
#galleryView section{padding:30px 0}
#galleryView section+section{border-top:1px solid var(--prm-gray-200)}
#galleryView section h2{width:200px;padding:0 40px;font-size:20px;font-weight:700}
#galleryView section.cont-wrap{padding:30px 40px}
#galleryView section .cont{flex-shrink:0;flex-grow:1;padding-right:40px;color:var(--prm-gray-500)}
#galleryView section .cont img{max-width:100%}
#galleryView .img-wrap{gap:12px;margin-top:40px}
#galleryView .img-wrap a{overflow:hidden;display:flex;width:calc(25% - 9px);height:200px;border-radius:8px}
#galleryView .img-wrap a img{width:100%;height:100%;object-fit:cover;object-position:center}
#galleryView .btns a{min-width:100px}

#imagePopup{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999}
#imagePopup .popup-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8)}
#imagePopup .popup-content{position:relative;width:90%;max-width:1200px;height:90%;margin:auto;top:50%;transform:translateY(-50%);z-index:2}
#imagePopup .swiper{width:100%;height:100%}
#imagePopup .swiper-slide{display:flex;align-items:center;justify-content:center}
#imagePopup .swiper-slide img{max-width:100%;max-height:100%;object-fit:contain}
#imagePopup .popup-close{display:flex;align-items:center;gap:10px;position:absolute;right:0;height:35px;padding:0 12px;border-radius:4px;border:1px solid #fff;color:#fff;font-size:14px;cursor:pointer;z-index:10;background:none}
#imagePopup .popup-close svg{width:20px;height:20px}
#imagePopup .img-next{right:0;left:auto}
#imagePopup .img-next, #imagePopup .img-prev{position:absolute;top:50%;z-index:10;width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0, 0, 0, .5);backdrop-filter:blur(3px)}
#imagePopup .img-next svg,#imagePopup .img-prev svg{width:30px;height:30px}
@media(hover:hover){
#galleryView .img-wrap a:hover{cursor:zoom-in}    
}

/* 공지사항 */
#notice h1{margin-bottom:30px}
#notice .cm-search{margin:10px 0 30px}
#notice .count{margin-bottom:10px;font-weight:500;color:var(--prm-gray-800)}
#notice .cm-table{font-size:15px}
#notice .cm-table td{ white-space:nowrap}
#notice .cm-table .chk{width:5%}
#notice .cm-table .num, #notice .cm-table .name, #notice .cm-table .datetime, #notice .cm-table .hit{width:8%}
#notice .cm-table .subject{width:50%;max-width:0;text-align:left}
#notice .cm-table .subject a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;max-width:80%}
#notice .cm-table .subject .cmt{color:var(--prm-blue-500)}
#notice .btn-del{margin-top:30px}
#notice .cm-ckbox{justify-content:center}
/* 공지/소식-글쓰기 */
#boardWrite h1{margin-bottom:30px}
#boardWrite .btn-area{margin-top:50px}
#boardWrite .btn-area .cm-btn{width:200px}
#boardWrite .fix-order{align-items:center}
#boardWrite .fix-order .write-field{flex-grow:unset}
#boardWrite .fix-order .write-field > label{padding:8px;border-radius:4px;border:1px solid var(--prm-gray-200);background:var(--prm-gray-100)}
#boardWrite .fix-order .cm-input{height:36px}
#boardWrite .division-area{gap:5px 20px}
#boardWrite .target-wrap{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}
#boardWrite .target-wrap .feather-x-circle{width:16px;height:16px}

/* 소식-리스트 */
#listGall h1{margin-bottom:30px}
#listGall .tabs{margin-bottom:40px}
#listGall .tabs a{min-width:120px;padding:8px 20px;border-radius:30px;border:1px solid var(--prm-gray-300);font-size:15px;font-weight:500;text-align:center;color:var(--prm-gray-500);transition:all .15s}
@media(hover:hover){
#listGall .tabs a:not(.active):hover{color:var(--prm-gray-800)}    
}
#listGall .tabs a.active{border:none;color:#fff;background:var(--prm-gray-800)}
#listGall .cm-search{margin:10px 0 30px}
#listGall .count{margin-bottom:10px;font-weight:500;color:var(--prm-gray-800)}
#listGall .btn-del{margin-top:30px}
/* 공지/소식-뷰 */
#boardView{max-width:1200px;margin:0 auto;font-size:16px;line-height:1.65}
#boardView h1{margin-bottom:30px}
#boardView .count{margin-bottom:50px;line-height:1}
#boardView .count span+span{margin-left:12px;padding-left:12px;border-left:1px solid var(--prm-gray-300)}
#boardView .cont{padding:30px 40px 0;border-top:2px solid var(--prm-gray-800);border-bottom:1px solid var(--prm-gray-300)}
#boardView .cont .file{width:max-content;margin-top:20px}
#boardView .cont img{max-width:100%}
#boardView .cont a{word-break:break-all}
#boardView .target-tit{margin:30px 0 10px;font-size:18px;font-weight:700;color:var(--prm-gray-800)}
#boardView .target-view{overflow:hidden;width:calc(50% - 10px);max-width:100%;padding:8px;border-radius:8px;border:1px solid var(--prm-gray-200);color:var(--prm-gray-800)}
#boardView .target-view .info{width:calc(100% - 85px);padding:0 15px}
#boardView .target-view .img{overflow:hidden;flex-shrink:0;width:100px;height:120px;border-radius:8px}
#boardView .target-view .img img{width:100%;height:100%;object-fit:cover}
#boardView .target-view .name{margin-bottom:2px;font-size:17px;line-height:1.4;font-weight:700;color:var(--prm-gray-800)}
#boardView .target-view .name span{margin-left:5px;font-size:13px;font-weight:500;color:var(--prm-gray-500)}
#boardView .target-view .txt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;margin:2px 0 4px;font-size:14px}
#boardView .target-view .kwds{column-gap:8px}
#boardView .target-view .kwds span{font-size:13px;line-height:1.3;color:var(--prm-blue-500)}
#boardView .target-view .role{display:flex;align-items:center;margin-top:4px;font-size:13px;color:var(--prm-gray-500)}
#boardView .target-view .role .ic{font-size:14px}
#boardView .btns a{min-width:100px}

@media(max-width:1300px){
.pagecommon{padding:0 12px}    
#greeting .cont1{gap:50px}
#history .cont{gap:25px}
#history ul li{padding:20px}
#gallery .list{padding:0 18px}
}
@media(max-width:1024px){
.pagecommon{font-size:15px}
.pagecommon h1{font-size:28px}
.pagecommon h2{font-size:22px}
.cm-profile a{gap:15px;padding:15px}    
.cm-profile-img{width:80px;height:100px}
.cm-profile dl dt{margin-bottom:2px;font-size:18px}
.cm-profile dl dd{font-size:14px}
.cm-profile dl dd span{font-size:15px}
.cm-btm-info{font-size:14px}
.cm-move-btns .cm-btn{height:40px;font-size:15px;line-height:40px}
.cm-move-btns .cm-btn.line{line-height:38px}
.cm-write .photo-item{width:130px;height:130px}
#greeting .cont1 .cm-pl{white-space:normal;line-height:1.65}
#greeting .cont1-txt p{font-size:28px}
#history ul{grid-template-columns:repeat(1,1fr)}
#history ul li dt span{font-size:18px}
#sh_content .cm-search{padding:0;background:none}
#alumniClass .profile-wrap{gap:15px}
#alumniClass .cate-btn{gap:8px;grid-template-columns:repeat(8,1fr)}
#alumniClass .cate-btn .cm-btn.size-m{font-size:15px}
#alumniClass .cm-search .cm-input, #alumniClass .cm-search .cm-btn{height:40px;line-height:40px}
#alumniIndustry .cm-search .cm-input, #alumniIndustry .cm-search .cm-btn{height:40px;line-height:40px}
#alumniIndustry .profile-wrap{grid-template-columns:repeat(3,1fr);gap:15px}
#alumniIndustry .profile{padding:15px}
#alumniIndustry .profile .name{font-size:18px}
#alumniIndustry .profile .job{font-size:14px}
#alumniIndustry .profile .txt{padding:8px}
#alumniIndustry .profile .cm-keyword-item{font-size:12px}
#mara_cal .title p{font-size:22px}
#scheduleView h1{margin:35px 0 25px;font-size:28px}
#scheduleView section h2{font-size:18px}
#gallery .list{grid-template-columns:repeat(2,1fr)}
#galleryGroup .list-card .info h2{font-size:20px}
#galleryGroup .list-card a{padding:30px}
#galleryGroup .list-card .info{padding:0}
#galleryGroup .list-card .info .meta{margin-top:10px;font-size:14px}
#galleryGroup .list-card .info .author{padding:6px 20px 6px 60px;font-size:14px}
#galleryGroup .list-card .info .author .img{width:45px;height:45px}
#galleryGroup .list-card .thumbnail ul.column1 li{height:160px}
#galleryGroup .list-card .thumbnail ul.column2 li{height:160px}
#galleryGroup .list-card .thumbnail ul.column3 li{height:160px}
#galleryGroup .list-card .thumbnail ul.column4 li{height:120px}
#galleryGroup .list-card .thumbnail ul.column5 li{height:120px}
#galleryGroup .list-card .thumbnail ul.column6 li{height:120px}
#galleryGroup .list-card .img-count{padding:6px 70px;font-size:13px}
#galleryView h1{margin:0 0 25px}
#galleryView section h2{font-size:18px}
#galleryView .img-wrap a{height:160px}
}

@media(max-width:768px){
.pagecommon{font-size:14px}
.pagecommon h1{font-size:24px}
.pagecommon h2{font-size:18px}
.cm-profile dl dt{margin:0;font-size:16px}    
.cm-profile dl dd{font-size:13px}
.cm-profile dl dd span{font-size:14px}
.cm-btm-info{bottom:75px;row-gap:4px!important;width:calc(100% - 50px);margin-top:40px;padding:12px!important}
.cm-write li{flex-direction:column;gap:4px;padding:12px}
.cm-write .write-label{justify-content:flex-start;width:auto;padding:0;font-size:14px;text-align:left;background:none}
.cm-write .write-field{padding:0}
.cm-write .write-field .cm-select{width:100%}
.cm-write .write-field-cont{padding:0}
.cm-write .write-field-add{padding:0}
.cm-write .photo-upload-wrap{gap:8px}
.cm-write .photo-item{width:calc(25% - 6px);height:100px;font-size:13px}
.cm-write .file-area .write-field{padding:0}
.cm-list-gall li .cm-ckbox{left:0;top:10px}
.cm-list-gall li a{gap:15px;padding:15px 12px}
.cm-list-gall li .img{height:150px}
.cm-list-gall li .info{width:calc(70% - 15px)}
.cm-list-gall li .cate{font-size:13px}
.cm-list-gall li .subj{margin:5px 0;font-size:16px;line-height:1.35}
.cm-list-gall li .desc{font-size:13px;line-height:1.35}
.cm-list-gall li .meta{flex-wrap:wrap;font-size:12px;row-gap:5px;margin-top:10px}
.cm-list-gall li .meta span+span{margin-left:6px;padding-left:6px}
.cm-list-btns a{min-width:75px;height:40px!important;line-height:40px!important;font-size:13px!important}
.cm-comments .form{padding:0;border:none}
.cm-comments ul{padding:20px}
.cm-comments ul li+li{margin-top:20px;padding-top:20px}
.cm-comments ul li > a{font-size:12px}
.cm-comments ul li dl{gap:12px!important}
.cm-comments ul li dl dt{width:45px;height:45px}
.cm-comments ul li dl dd .name{font-size:13px}
.cm-comments ul li dl dd .name span{font-size:15px}
.cm-comments ul li .txt{padding:10px;font-size:13px}
#greeting .cont1{gap:25px}
#greeting .cont1-img img{width:160px}
#greeting .cont1-img p{text-align:center}
#greeting .cont1-txt{padding-top:0}
#greeting .cont1-txt p{margin-bottom:15px;font-size:22px}
#greeting .cont1-img a{padding:8px 25px 10px 30px}
#greeting .sign b{font-size:16px}
#greeting .sign i{display:block}
#greeting .cont2{margin:50px 0}
#greeting .cont2 li{font-size:14px}
#greeting .cont2 li p{font-size:20px}
#greeting .cont2 li p span{font-size:16px}
#greeting .cont3 p,#greeting .cont3 .sign span{font-size:22px}
#history h1{position:unset;margin-bottom:20px}
#history .ai-start{display:block}
#history .cont-wrap{gap:30px;width:100%}
#history .year{padding:0;font-size:20px}
#history ul{padding-left:135px}
#history ul li{font-size:14px}
#location h1{display:none}
#location .btns{gap:10px;flex-wrap:wrap;justify-content:center}
#location .btns a{padding:12px 20px;font-size:14px}
#location .map{height:300px}
#alumniClass h1{display:none}
#alumniClass .adm-btn{margin-bottom:15px}
#alumniClass .cm-search{margin:6px 0 15px}
#alumniClass .cm-search .cm-input, #alumniClass .cm-search .cm-btn{height:34px;line-height:34px}
#alumniClass .cate-select .cm-select{font-size:14px;font-weight:500;height:34px}
#alumniClass .cate-btn{display:none}
#alumniClass .cate-select{display:block}
#alumniClass .list{margin-top:20px}
#alumniClass .profile-wrap{grid-template-columns:repeat(2,1fr);gap:12px}
#alumniIndustry h1{display:none}
#alumniIndustry .cate-icons{display:none}
#alumniIndustry .cate-icons .icon{gap:6px;font-size:14px}
#alumniIndustry .cate-icons .icon .img{width:65px;height:65px;border-radius:20px}
#alumniIndustry .cate-icons .icon .img img{width:30px}
#alumniIndustry .cate-select{display:block}
#alumniIndustry .cm-search{margin:6px 0 20px}
#alumniIndustry .cm-search .cm-input, #alumniIndustry .cm-search .cm-btn{height:34px;line-height:34px}
#alumniIndustry .search-area{padding:0;margin-top:15px}
#alumniIndustry .search-area .cm-input{height:50px;font-size:15px}
#alumniIndustry .search-area svg{width:20px;height:20px;stroke-width:2px}
#alumniIndustry .cate-select .cm-select{font-size:14px;font-weight:500;height:34px}
#alumniIndustry .profile-wrap{grid-template-columns:repeat(2,1fr);gap:12px}
#alumniIndustry .profile .cm-profile-img{width:100px;height:120px}
#alumniIndustry .profile .name{font-size:16px}
#alumniIndustry .profile .job{font-size:13px}
#alumniIndustry .profile .txt{margin-top:5px;font-size:13px;line-height:1.45}
#alumniIndustry .profile .cm-keyword-item{font-size:11px}
#scheduleTop h1{display:none}
#scheduleTop .type-btns{margin:0}
#scheduleList .card a{padding:25px}
#scheduleList .card .tit{font-size:18px}
#mara_cal .title{padding:15px 0}
#mara_cal .title p{font-size:20px}
#mara_cal th{font-size:13px}
#mara_cal td{padding:6px;font-size:12px}
#mara_cal td .subject{display:none}
#mara_cal td .mo_btn{display:block}
#scheduleView h1{font-size:22px}
#scheduleView .count{margin-bottom:30px}
#scheduleView section{padding:20px 0}
#scheduleView section h2{width:120px;padding:0 20px;font-size:16px}
#scheduleView section .cont{padding-right:20px}
#scdWriteWrap h1{margin-bottom:10px;font-size:18px}
#listGall .tabs{gap:5px;margin-bottom:20px}
#listGall .tabs a{min-width:unset;padding:6px 15px 4px;font-size:13px}
#gallery .list{gap:40px}
#gallery .list-card .img{height:200px}
#gallery .list-card .info{padding:15px 20px}
#gallery .list-card .info h2{font-size:16px}
#gallery .list-card .info ul{margin:8px 0 15px}
#gallery .list-card .info ul li{font-size:13px}
#gallery .list-card .info .date{font-size:12px}
#galleryGroup .list{gap:15px}
#galleryGroup .list-card a{padding:20px}
#galleryGroup .list-card .info h2{font-size:18px}
#galleryGroup .list-card .info .author{padding:5px 15px 4px 45px;font-size:13px}
#galleryGroup .list-card .info .author .img{width:35px;height:35px;border-width:2px}
#galleryGroup .list-card .info .meta{font-size:13px}
#galleryGroup .list-card .thumbnail ul.column1 li{height:130px}
#galleryGroup .list-card .thumbnail ul.column2 li{height:130px}
#galleryGroup .list-card .thumbnail ul.column3 li{height:130px}
#galleryGroup .list-card .thumbnail ul.column4 li{height:100px}
#galleryGroup .list-card .thumbnail ul.column5 li{height:100px}
#galleryGroup .list-card .thumbnail ul.column6 li{height:100px}
#galleryView .count{margin-bottom:30px}
#galleryView  section{padding:20px 0}
#galleryView  section h2{width:120px;padding:0 20px;font-size:16px}
#galleryView  section.cont-wrap{padding:20px}
#galleryView .img-wrap{margin-top:20px}
#galleryView .img-wrap a{width:calc((100% / 3) - 8px);height:140px}
#imagePopup .img-next, #imagePopup .img-prev{width:35px;height:35px}
#imagePopup .img-next svg, #imagePopup .img-prev svg{width:25px;height:25px}
#boardWrite h1{margin-bottom:10px;font-size:18px}
#boardWrite .target-wrap{gap:5px;padding:0}
#boardWrite .fix-order{align-items:flex-start}
#boardWrite .fix-order .write-field span{font-size:14px}
#boardView .cont{padding:20px;font-size:14px}
#boardView .target-view-wrap{gap:12px}
#boardView .target-view{width:100%}
#boardView .target-view .img{width:80px;height:95px}
#boardView .target-view .info{width:calc(100% - 80px);padding:0 12px}
#boardView .target-view .name{font-size:15px}
#boardView .target-view .name span{font-size:12px}
#boardView .target-view .txt{font-size:13px}
#boardView .target-view .kwds{column-gap:5px}
#boardView .target-view .kwds span{font-size:12px}
#boardView .target-view .role{margin:0;font-size:12px}
#notice .cm-table{font-size:14px}
#notice .cm-table .datetime, #notice .cm-table .hit{display:none}
}
@media(max-width:580px){
#galleryGroup .list-card{border-radius:12px}
#galleryGroup .list-card a{flex-direction:column;gap:12px}
#galleryGroup .list-card .info{width:100%;padding:0}
#galleryGroup .list-card .info h2{font-size:18px}
#galleryGroup .list-card .info .meta{margin:6px 0;font-size:12px}
#galleryGroup .list-card .info .meta svg{width:14px;height:14px}
#galleryGroup .list-card .info .author{padding:0 15px 0 0;margin-left:auto;font-size:12px}
#galleryGroup .list-card .info .author .img{position:relative;left:auto;top:auto;transform:unset;width:32px;height:32px;border-width:2px}
#galleryGroup .list-card .thumbnail{width:100%}
#galleryGroup .list-card .img-count{font-size:12px}    
#galleryGroup .list-card .thumbnail ul.column1 li{height:130px}
#galleryGroup .list-card .thumbnail ul.column2 li{height:110px}
#galleryGroup .list-card .thumbnail ul.column3 li{height:110px}
#galleryGroup .list-card .thumbnail ul.column4 li{height:90px}
#galleryGroup .list-card .thumbnail ul.column5 li{height:90px}
#galleryGroup .list-card .thumbnail ul.column6 li{height:90px}    
#galleryView .img-wrap a{height:110px}
}
@media(max-width:520px){
.cm-profile-img{width:60px;height:80px}
#greeting .cont1{display:flex;flex-direction:column}
#greeting .cont2{grid-template-columns:repeat(1,1fr)}
#greeting .cont2 li{padding:25px}
#location .btns a{width:100%;justify-content:center}
#alumniIndustry .cate-icons{gap:15px}
#scheduleList .cm-search{flex-wrap:wrap}
#scheduleList .cm-search .cm-select{flex:1}
#scheduleList .cm-search input{flex-grow:1}
#boardWrite .date-input{width:calc(50% - 6px)}
#boardView .cont{padding:15px 8px}
#scdWriteWrap .date-input{width:calc(50% - 6px)}
#scdWriteWrap .cm-select[name="start_time"]{width:50%}
#scdWriteWrap .cm-select[name="end_time"]{width:50%}
#scdWriteWrap .date > div{flex-wrap:wrap}
#scdWriteWrap .btn-toggle-end{width:100%}  
#gallery .list{grid-template-columns:repeat(1,1fr)}
#notice .btn-del{margin-top:20px}
}
@media(max-width:480px){
.pagecommon h1{font-size:20px;line-height:1.35}   
.cm-btm-info{font-size:11px}
.cm-btm-info img{width:14px}
.cm-btm-info .btn-wrap{gap:4px;margin-left:8px}
.cm-btm-info .cm-btn{height:25px;padding:0 8px;font-size:12px;line-height:25px}
.cm-board-meta{flex-direction:column;gap:10px!important;padding:0;margin-bottom:20px;font-size:12px;background:none}
.cm-board-meta a{padding-right:15px;border-radius:30px;background:var(--prm-gray-100)}
.cm-board-meta .img{position:relative;left:0;top:0;transform:unset;width:32px;height:32px;border-width:2px}
.cm-board-meta span svg{width:13px;height:13px}
.cm-move-btns a{min-width:70px}
.cm-move-btns .cm-btn{height:36px;line-height:36px;font-size:13px}
.cm-move-btns .cm-btn.line{font-size:13px;line-height:34px}
.cm-action-btns{margin:30px 0}
.cm-action-btns a{width:100px;padding:10px;font-size:13px}
.cm-action-btns a svg{width:14px;height:14px}
.cm-write .photo-item{height:80px}
.cm-write .photo-del{right:0;top:0;border-radius:0}
.cm-list-gall li .img{height:100px}
.cm-list-gall li .cate{padding:2px 10px;font-size:11px}
.cm-list-gall li .subj{margin-bottom:5px;font-size:15px}
.cm-list-gall li .desc{ -webkit-line-clamp:1;font-size:13px}
.cm-list-gall li .meta{margin-top:10px;font-size:12px}
.cm-list-gall li .meta span+span{padding:0;margin:0;border:none}
.cm-list-gall li .meta span:first-of-type, .cm-list-gall li .meta span:last-of-type{display:none}
.cm-comments ul{padding:12px}
#greeting .cont1-txt p{margin-bottom:15px;font-size:18px;line-height:1.45}    
#greeting .cont3 p, #greeting .cont3 .sign span{font-size:18px}
#greeting .cont3 .sign{font-size:14px}
#history .cont-wrap:before{left:55px}
#history .year{width:110px;font-size:18px}
#history ul{padding-left:115px}
#history ul li{gap:12px;padding:15px;font-size:13px}
#history ul li img{width:40%;max-width:105px}
#history ul li dt span{font-size:16px}
#history ul li dd span{width:55px}
#location .map{height:250px;margin:20px 0;border-radius:12px}
#alumniIndustry .cate-icons .icon .img{width:55px;height:55px}
#alumniIndustry .cate-icons .icon .img img{width:25px}
#alumniClass .list+.list{margin-top:25px}
#alumniClass .profile-wrap{grid-template-columns:repeat(1,1fr)}
#alumniClass .cm-profile-img{width:90px;height:110px}
#alumniIndustry .cate-icons{gap:10px}
#alumniIndustry .cate-icons .icon{gap:4px;font-size:13px}
#alumniIndustry .search-area .cm-input{height:45px}
#alumniIndustry .profile-wrap{grid-template-columns:repeat(1,1fr)}
#alumniIndustry .profile{flex-direction:row;gap:12px;align-items:flex-start;text-align:left}
#alumniIndustry .profile .cm-profile-img{flex-shrink:0;width:90px;height:110px}
#alumniIndustry .profile .info{margin:0}
#alumniIndustry .profile .cate{display:block;width:max-content;font-size:11px}
#alumniIndustry .profile .name{display:inline-block;margin-top:5px}
#alumniIndustry .profile .kwds{gap:4px;justify-content:flex-start}
#scheduleTop .type-btns .cm-btn{width:100px;height:38px;font-size:14px}
#scheduleList .card a{padding:15px 12px}
#scheduleList .card .tit{margin:15px 0 5px;font-size:15px;font-weight:600;line-height:1.45;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:break-all}
#scheduleList .card ul li{font-size:13px}
#scheduleList .card ul li span{width:40px}
#scheduleList .card .cm-btn{height:26px;padding:0 10px;font-size:12px;line-height:26px}
#scheduleList .card .cm-btn.line{line-height:24px}
#mara_cal .title{gap:5px}
#mara_cal .title p{font-size:18px}
#mara_cal .title a svg{width:22px;height:22px}
#mara_cal th{padding:8px 0;font-size:12px}
#mara_cal td{padding:0}
#mara_cal td .title_day{padding:6px 0 0 6px;font-size:10px}
#scheduleView h1{margin:20px 0;font-size:18px}
#scheduleView .cate-btn .cm-btn{height:26px;padding:0 10px;font-size:12px;line-height:26px}
#scheduleView .cate-btn .cm-btn.line{line-height:24px}
#scheduleView .count{justify-content:flex-end;margin-bottom:10px;font-size:12px}
#scheduleView section{flex-direction:column;padding:15px 12px}
#scheduleView section h2{padding:0;margin-bottom:5px;font-size:16px}
#scheduleView section .cont{width:100%}
#scheduleView section .location{padding:0}
#scheduleView section .location p svg{width:16px;height:16px}
#scheduleView section .location .map{border-radius:12px}
#scheduleView section .location .map iframe{height:250px}
#scheduleView section .location .btns{flex-direction:column}
#scheduleView section .location .btns a{justify-content:center;height:40px;padding:0 15px}
#listGall .tabs a{padding:4px 12px 2px;font-size:13px}
#galleryView .count{justify-content:flex-end;margin-bottom:10px;font-size:12px}
#galleryView section{flex-direction:column;padding:15px 12px}
#galleryView section h2{padding:0;margin-bottom:5px;font-size:16px}
#galleryView section.cont-wrap{padding:12px}
#galleryView .img-wrap a{width:calc(50% - 6px);height:130px}
#notice .cm-table{font-size:13px}
#boardWrite .fix-order .write-field{flex-wrap:wrap;row-gap:5px}
#boardWrite .fix-order .write-field > div .cm-ps{font-size:12px}
#boardWrite .target-select{justify-content:space-between;width:100%}
#boardWrite .target-area .target-select{width:auto}
#boardWrite .date-input{width:100%}
#boardView .count{justify-content:flex-end;margin-bottom:10px;font-size:12px}
#boardView .cont{font-size:13px}
#boardView .target-view .img{width:70px;height:85px}
#boardView .target-view .info{width:calc(100% - 70px)}
#boardView .target-view .txt{margin:0;font-size:12px}
#boardView .target-view .kwds:after{content:"..";color:var(--prm-blue-500);line-height:1}
}
@media(max-width:420px){
.cm-list-gall li a{flex-direction:column}    
.cm-list-gall li .img{width:100%;height:160px}
.cm-list-gall li .info{width:100%}
}
@media(max-width:380px){
#history ul li img{width:100%}   
#history ul li{flex-direction:column;padding:12px}
#alumniIndustry .profile-wrap{grid-template-columns:repeat(1,1fr)}
#alumniIndustry .cate-icons .icon .img{width:52px;height:52px}
#galleryGroup .list-card a{padding:20px}
#galleryGroup .list-card .thumbnail ul.column1{width:100%}
#gallery .list-card .img{height:180px}
#galleryView .img-wrap a{height:110px}
#listGall .tabs a{font-size:12px}
#boardView .target-view .info{padding:0 10px}
#boardView .target-view .kwds span:nth-child(n+4){display:none}
}