html,body,p,ul,li,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}html{box-sizing:border-box}img{height:auto;max-width:100%}#header_container{max-width:1140px;margin:0 auto;height:60px;padding:0 46px;box-sizing:border-box}#header_inner_container{display:flex;align-items:center;width:100%;height:100%}#header_logo_container{max-width:120px;width:100%;display:flex}#header_logo_container img{width:100%;height:100%}#list_container{max-width:980px;margin:0 auto;align-items:center;padding:0 40px;box-sizing:border-box}#list_inner_container{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:100%}#title_container{background-color:#fff;padding:20px 0;margin:52px 0 32px}#title_container>h1{font-weight:700;font-size:36px}article{display:flex;align-items:center;cursor:pointer;margin-bottom:80px;text-align:left;flex-direction:row}#article_img_container{max-width:240px;width:100%;height:240px;overflow:hidden;border-radius:14px;margin-right:48px}#article_img_container img{width:100%;height:100%;object-fit:cover}#article_title_container{margin-bottom:14px}#article_title_container>h1{color:#333d4b;font-size:36px;font-weight:700}#article_summary_container{margin-bottom:12px}#article_summary_container>p{color:#4e5968;font-size:18px;line-height:1.6}#article_created_container{margin:auto}#article_created_container>p{color:#8b95a1}#banner_container{display:grid;grid-template-columns:3fr 7fr;grid-column-gap:20px;align-items:center;max-width:640px;width:100%;margin:0 auto}#banner_logo_container{max-width:186px;width:100%}#banner_logo_container img{width:100%}#banner_title_container{margin:0}#banner_title_container>h3{font-size:26px;line-height:1.4;color:#fff}#banner_summary_container{margin-top:8px}#banner_summary_container p{font-size:18px;line-height:1.6;color:#fff}#detail_container{max-width:700px;box-sizing:border-box;padding:0 28px;margin:0 auto}#detail_inner_container{width:100%}#detail_img_container{max-width:644px;width:100%;margin-top:36px}#detail_img_container img{width:100%;height:100%;border-radius:12px}#detail_title_container{margin-top:20px}#detail_title_container>h1{font-size:48px;font-weight:700}#detail_createdDate_container{margin-top:20px}#detail_createdDate_container p{color:#8b95a1}#detail_content_container{margin-top:54px}#error_container{max-width:980px;margin:0 auto;padding:0 40px;box-sizing:border-box;height:35vh}#error_inner_container{width:100%}#notfound_container{background-color:#fff;display:inline-block;padding:20px 0;margin:52px 0 32px}#notfound_container>h1{font-weight:700;font-size:36px}#app{position:relative}#header{position:sticky;top:0;height:60px;border-bottom:2px solid;border-bottom-color:#001b371a;background-color:#fff}#footer{background:#020913e8;padding:60px 24px;margin-top:192px;bottom:0;position:relative}