.kr-topics{border-radius:5px;margin-bottom:20px;padding:20px 5%}.kr-topics-header{margin-bottom:20px;text-align:center}h2.kr-topics-title{font-size:1.5em;margin:0}h2.kr-topics-title span.time-taken{color:#878787;font-size:.6em}p.kr-topics-description{margin:0}.kr-topic{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);justify-content:space-between;margin-bottom:10px;padding:7px 10px}.kr-topic,.kr-topic-numtxt{align-items:center;display:flex}.kr-topic-numtxt{flex-direction:row;justify-content:flex-start}.kr-topic-num{font-size:20px;text-align:center;width:69px}.kr-topic-txt h3,.kr-topic-txt p{margin:0 auto}.kr-topic-txt h3{font-size:16px}.kr-topic-txt p{font-size:12px}.kr-topic-tag{display:flex;justify-content:flex-end;min-width:187px}.kr-topic-tag span{align-items:center;background-color:#282828;border-radius:5px;color:#fff;display:flex;font-size:12px;margin-right:10px;padding:0 7px}.kr-topic-tag span.PDF{background-color:#609bb2}.kr-topic-tag img{object-fit:contain;opacity:20%;width:15px}.topic-shortcuts{border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);margin:auto;padding:10px;text-align:center;width:fit-content}.topic-shortcuts p{color:#113758;font-weight:bolder;margin:0}.topic-shortcuts a{color:#609bb2;margin:0 5px;text-decoration:none}.modal{background-color:rgba(0,0,0,.3);height:100%;left:0;opacity:0;overflow-x:hidden;overflow-y:auto;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease,visibility .2s ease;visibility:hidden;width:100%;z-index:99}.modal.open{opacity:1;pointer-events:all;visibility:visible}.modal_wrapper{align-items:center;display:flex;justify-content:center;margin:1.5rem;min-height:calc(100% - 3rem)}@media (max-width:575.98px){.modal_wrapper{margin:.5rem;min-height:calc(100% - 1rem)}}.modal_content{background-color:#282828;border-radius:10px;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);max-width:800px;overflow:hidden;padding:4rem;position:relative;text-align:center;transform:scale(0);transition:transform .4s ease;width:100vw}.modal_content .kr-topic-tag{justify-content:center;margin-bottom:10px}.modal_content h2,.modal_content h3,.modal_content p{color:#fff;font-family:NanumGothic,sans-serif}.modal.open .modal_content{transform:scale(1)}.modal_head h2{margin:0}.modal_body{margin:2rem 0 3rem}.modal_body p{font-size:1.2rem;letter-spacing:.8px;line-height:1.6}.modal_body img{display:block;margin:auto;max-width:100%}p.copyclip{background-color:#fff;border-radius:5px;box-shadow:0 1px 1px rgba(9,30,66,.25),0 0 1px 1px rgba(9,30,66,.13);color:#282828;margin:0 0 50px;padding:5px 20px;width:fit-content}.close_btn{font-size:1.2rem}.modal_butts{display:flex;justify-content:center;margin-bottom:20px}a.modal_butt{background-color:#fff;border-radius:5px;font-size:14px;font-weight:800;margin:10px;padding:5px 10px}@media screen and (max-width:768px){.kr-topics{padding:12px 0}.kr-topic{padding:7px 13px}.kr-topic,.kr-topic-numtxt{align-items:flex-start;flex-direction:column}.kr-topic-num{display:flex;text-align:left}.kr-topic-num span{color:#609bb2;font-size:12px}.kr-topic-txt{text-align:left}.kr-topic-tag{justify-content:flex-start;margin-left:-2px}.kr-topic-tag span{margin:5px 5px 5px 0}.kr-topic-tag img{display:none}h2.kr-topics-title span.time-taken{display:block}.modal_head h2{font-family:NanumGothicExtraBold;font-size:22px;margin:0}.modal_content{padding:35px}a.modal_butt{font-size:12px;margin:0 5px 10px}.modal_butts{flex-wrap:wrap;margin-bottom:0}}