.auth-col{justify-content:center;gap:20px}.auth-col,.auth-col .authcol-lower{display:flex;height:-moz-fit-content;height:fit-content;border-radius:20px;width:100%;flex-direction:column}.auth-col .authcol-lower{gap:15px;padding:15px;border:1px solid #c7c7c7}.auth-col .authcol-lower .authcol-lowertop{display:flex;width:100%;height:40px;justify-content:center;align-items:center;font-weight:500}.auth-col .authcol-lower .underline{width:100%;height:1px;background-color:gray}.auth-col .authcol-lower .catpod{width:100%;height:45px;display:flex;flex-direction:row;gap:10px;cursor:pointer;align-items:center;justify-content:center;border-radius:5px;transition:.8s}.auth-col .authcol-lower .catpod:hover{background-color:#eef6fd}.auth-col .authcol-lower .catpod:hover .catpodimg{background-color:#04549e;width:35px;height:35px;display:flex}.auth-col .authcol-lower .catpod:hover .catpodimg .podimg{display:flex;width:100%;height:100%}.auth-col .authcol-lower .catpod:hover .catpodimg .podimg:hover{filter:grayscale(100%);transform:scale(1.1)}.auth-col .authcol-lower .catpod .catpodimg{width:30px;height:30px;border-radius:50%;background-color:#20b2aa;transition:.8s;align-items:center;display:flex;justify-content:center;overflow:hidden;-o-object-fit:cover;object-fit:cover}.auth-col .authcol-lower .catpod .catpodimg .podimg{display:flex;width:100%;height:100%;background:#fff;cursor:pointer}.auth-col .authcol-lower .catpod .catpoddetail{width:80%;height:80%;display:flex;flex-direction:column;line-height:20px;justify-content:center;align-items:flex-start;border-radius:5px;padding:5px}.auth-col .authcol-lower .catpod .catpoddetail .catpodname{font-weight:500;font-size:18px}.auth-col .authcol-lower .catpod .catpoddetail .catpodnumpost{font-weight:300;font-size:12px}.catcol-wrapper{justify-content:center;gap:20px}.catcol-wrapper,.catcol-wrapper .catcol-mid{display:flex;height:-moz-fit-content;height:fit-content;border-radius:20px;width:100%;flex-direction:column}.catcol-wrapper .catcol-mid{gap:15px;padding:20px;border:1px solid #c7c7c7}.catcol-wrapper .catcol-mid .catcol-midtop{display:flex;width:100%;height:40px;justify-content:center;align-items:center;font-weight:500}.catcol-wrapper .catcol-mid .underline{width:100%;height:1px}.catcol-wrapper .catcol-mid .catpod{width:100%;height:45px;display:flex;flex-direction:row;gap:10px;cursor:pointer;border-radius:5px;transition:.8s}.catcol-wrapper .catcol-mid .catpod:hover{background-color:#eef6fd}.catcol-wrapper .catcol-mid .catpod:hover .catpodimg{background-color:#04549e;width:60px;height:100%;padding:8px;align-items:center;justify-content:center}.catcol-wrapper .catcol-mid .catpod:hover .catpodimg .icn{display:flex;transition:.8s;color:#fff;width:100%;height:100%}.catcol-wrapper .catcol-mid .catpod .catpodimg{width:20px;height:100%;border-radius:5px;background-color:#20b2aa;transition:.8s;align-items:center;justify-content:center;overflow:hidden}.catcol-wrapper .catcol-mid .catpod .catpodimg .icn{display:none;transition:.8s}.catcol-wrapper .catcol-mid .catpod .catpoddetail{width:100%;height:100%;display:flex;flex-direction:column;line-height:20px;justify-content:center;align-items:flex-start;border-radius:5px;padding:5px}.catcol-wrapper .catcol-mid .catpod .catpoddetail .catpodname{font-weight:500;font-size:20px}.catcol-wrapper .catcol-mid .catpod .catpoddetail .catpodnumpost{font-weight:300;font-size:15px}