.search{position:relative;width:100%;height:352px}.topText{top:17%;color:white;font-size:28px}.searchInput,.topText{position:absolute;left:50%;transform:translate(-50%,-50%)}.searchInput{top:36%;font-size:16px;background:white;border:none;width:50%;border-radius:5px;height:53px}.personalSearch{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 0}.personalSearchInput{border:1px solid #c8c8c8;border-radius:5px;height:45px}.personalList tbody{background-color:#F6F8FF!important}.personalSearchBtnMo{display:none}.searchBtn{position:absolute;top:36%;left:70%;transform:translate(-50%,-50%);cursor:pointer}.searchBtnMo{display:none}.category{position:absolute;top:309px;left:50%;transform:translateX(-50%);width:100%;max-width:1280px;margin-bottom:20px;z-index:10;.text{color:white;opacity:.6;display:flex;justify-content:space-between;margin-bottom:12px}.box{width:100%;border:1px solid #d8dce4;border-radius:10px;background:white;padding:20px;div{padding:10px 0}}.classification.table-style{display:table;width:100%;border-collapse:collapse}.table-row{display:table-row;border-bottom:1px solid #e8e8e8;&:last-child{border-bottom:none}}.table-cell{display:table-cell;vertical-align:middle;padding:10px}.title-cell{width:8%;font-weight:700;text-align:center}.buttons-cell{width:100%;display:flex;flex-wrap:wrap;gap:10px;align-items:center;.hasMore{color:#3f3f3f;font-size:14px;cursor:pointer;font-weight:600}}.buttons-cell .active{background-color:#315EE4;color:white}.buttons-cell button{border:1px solid #e8e8e8;color:#2A2A2A;box-shadow:none;padding:8px 12px;border-radius:6px}.spillOver{max-height:50px;overflow:hidden;position:relative;mask-image:linear-gradient(180deg,rgba(0,0,0,1) 70%,rgba(0,0,0,0));-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,1) 70%,rgba(0,0,0,0))}}.categoryDesc,.foldBtn{display:flex}.foldBtn{justify-content:center;cursor:pointer}.tags{display:flex;gap:15px;flex-wrap:wrap;padding:10px 0;button{border:1px solid #e8e8e8;color:#2A2A2A;box-shadow:none;padding:18px;border-radius:6px}.selected{background-color:#26266C;color:white}}.company .container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto);gap:20px;padding:20px 0;.box{border:1px solid #d8dce4;height:276px;border-radius:17px;display:flex;flex-direction:column;align-items:center;padding:20px;position:relative;cursor:pointer;img{width:160px;height:80px;object-fit:contain}p{font-weight:500;margin-bottom:30px}div{margin-top:20px;color:#3f3f3f;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}}.box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);transition:background-color .3s ease;z-index:1;border-radius:17px}.box:hover:after{background-color:rgba(49,94,228,.5)}.button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;color:#315EE4;border:1px solid #315ee4;padding:10px 20px;border-radius:5px;font-size:14px;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:2}.box:hover .button{opacity:1;visibility:visible}}.interviewTitle{text-align:center;margin-bottom:10px!important;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:46px;font-size:17px}.interviewThumbnail{width:100%;height:130px;display:flex;justify-content:center;align-items:center;border-radius:8px;text-align:center;margin-top:0!important}.interviewDesc{margin-top:auto!important;font-size:13px;-webkit-line-clamp:1!important}.companyDetail{border-top:1px solid #d8dce4;.title{font-family:initial;font-size:19px}}.companyDetail .basicInfo{border:1px solid #d8dce4;min-height:300px;border-radius:15px;padding:30px;display:grid;grid-template-columns:30% 70%;margin-top:50px;.info{color:#616161;border-left:1px solid #d8dce4;padding:20px;line-height:33px}.info-row{display:grid;grid-template-columns:120px 1fr;button{width:141px;box-shadow:none;border:1px solid #315ee4;border-radius:8px}}}.individual{min-height:auto!important;display:flex!important}.companyDetail .introduce{padding:30px 0;line-height:28px;color:#616161;ul{font-family:initial;display:block;list-style-type:disc;margin-bottom:20px;margin-left:20px}}.technology .container{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:20px;grid-row-gap:20px;margin-bottom:65px;.box{background-color:#F6F8FF;padding:35px;border-radius:10px;display:flex;flex-direction:column;gap:10px;span{color:#1A1A1A}}}.noLogo{padding:20px}.companies{margin-top:90px;position:relative}.userIconBox{width:160px;height:80px;margin-top:0!important;display:flex!important;justify-content:center;align-items:center}@media screen and (max-width:768px){.search .topText{top:6%;padding:20px;text-align:center;left:auto;transform:none;font-size:23px}.searchBtn{display:none}.searchInput{top:42%;width:80%}.searchBtnMo{display:block;position:absolute;top:42%;left:83%;transform:translate(-50%,-50%);cursor:pointer}.personalSearchBtn{display:none}.personalSearchBtnMo{display:block}.category{top:350px;padding:0 5px}.categoryDesc{display:block}.company{.container{display:block}.box{margin-bottom:20px}}.companyDetail{.basicInfo{min-height:300px;display:flex;flex-direction:column;align-items:center;gap:20px;height:auto;padding:20px 0;.info{border-left:none;padding:10px;overflow:hidden}}}.technology{.container{display:flex;flex-direction:column;gap:15px;height:auto}}.memberGuide .container{display:flex;flex-direction:column}.classification .table-row{display:block}.classification .table-cell{width:auto}.classification .title-cell{width:100%;display:flex;justify-content:center}.companies{margin-top:0}}