body .header{background-color:var(--white)}body .header .header_wrap .header_box .tnb_group .h_sns_btn:before{background:url(/img/icon/insta_b_ico.svg) no-repeat center center / contain}body .header .header_wrap .header_box .tnb_group .h_youtube_btn:before{background:url(/img/icon/youtube_b_ico.svg) no-repeat center center / contain}body .header .header_wrap .header_box .tnb_group .lang:before{background:url(/img/icon/lang_b_ico.svg) no-repeat center center / contain}html body .header.en_header .header_wrap .header_box .tnb_group .lang:before{background:url(/img/icon/kr_b.svg) no-repeat center center / contain}body .header .header_wrap .header_box .gnb_btn_box .gnb_open_box span{background-color:var(--black)}body .header .header_wrap .header_box h1 img{content:url(/img/icon/logo_b.png)}body .quick_menu_cont .qmc_portfolio{color:#111}body .quick_menu_cont ul li a{border:1px solid #111}body .quick_menu_cont ul li a:hover{background-color:#111;color:#fff}body .quick_menu_cont ul li.qmc_contact:hover a{border:1px solid #111!important;background-color:#111;color:#fff}.section01{padding-top:140px;margin-bottom:60px}.section01 .blog_hero{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:0;border-bottom:none}.section01 .blog_hero h2{font-size:48px;font-weight:700;line-height:1.2}.section01 .blog_hero h2 .red-dot{color:var(--mainred)}.section01 .blog_hero p{color:#888;font-size:15px;line-height:1.6;max-width:400px;text-align:right}.logo_rolling{display:flex;align-items:center;width:100%;height:94px;background:url(/img/about/fixed_bg.webp) no-repeat center center / cover;overflow:hidden}.section01 .logo_rolling{margin:60px 0}.logo_rolling .logo_group{display:flex;align-items:center;width:6408px;height:42px;animation:logo_rolling;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite}.logo_rolling .logo_group .logo_inner{width:3162px;height:42px;margin:0 21px}.logo_rolling .logo_group .logo_inner img{width:100%;height:100%;object-fit:contain}@keyframes logo_rolling{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo_rolling .logo_group_m{display:none}.blog_layout{display:flex;gap:40px;align-items:flex-start}.blog_main{flex:1;min-width:0}.blog_sidebar{width:320px;flex-shrink:0;position:sticky;top:120px}.category_filter{display:flex;gap:6px;margin-top:0;margin-bottom:24px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #ddd}.category_filter button{padding:6px 14px;border:1px solid #ddd;border-radius:100px;background:#fff;font-size:13px;cursor:pointer;transition:all .2s;color:#555}.category_filter button:hover{border-color:var(--mainred);color:var(--mainred)}.category_filter button.active{border-color:var(--mainred);background-color:var(--mainred);color:#fff}.blog_list{list-style:none;padding:0;margin:0}.blog_list li{border-bottom:1px solid #eee;padding:22px 0;transition:all .3s}.blog_list li:first-child{padding-top:0}.blog_list li a{display:flex;gap:24px;text-decoration:none;color:inherit;align-items:center}.blog_list li .thumb{width:160px;min-width:160px;aspect-ratio:16 / 11;overflow:hidden;border-radius:4px}.blog_list li .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.blog_list li:hover .thumb img{transform:scale(1.05)}.blog_list li .info{flex:1;min-width:0}.blog_list li .info h3{font-size:20px;font-weight:700;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog_list li .info .excerpt{color:#999;font-size:14px;line-height:1.5;margin-bottom:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog_list li .info .meta_row{display:flex;align-items:center;gap:10px}.blog_list li .info .meta_row .date{color:#bbb;font-size:13px}.blog_list li .info .meta_row .category{color:var(--mainred);font-size:12px;font-weight:600;letter-spacing:.5px}.sidebar_hot{background:#f8f8f8;border-radius:8px;padding:24px 20px;margin-bottom:24px}.sidebar_title{font-size:14px;font-weight:700;letter-spacing:2px;color:#111;margin-bottom:16px;padding-bottom:14px;border-bottom:2px solid var(--mainred)}.hot_list{list-style:none;padding:0;margin:0}.hot_list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid #eee}.hot_list li:last-child{border-bottom:none;padding-bottom:0}.hot_list li:first-child{padding-top:0}.hot_rank{width:20px;height:20px;background:var(--mainred);color:#fff;font-size:11px;font-weight:700;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.hot_list li:nth-child(n+4) .hot_rank{background:#ccc;color:#666}.hot_list li a{text-decoration:none;color:#222;font-size:14px;line-height:1.5;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hot_list li a:hover{color:var(--mainred)}.sidebar_project{background:#fff;border:1px solid #eee;border-radius:8px;padding:24px 20px}.project_list{display:flex;flex-direction:column;gap:20px}.project_item{display:flex;gap:14px;text-decoration:none;color:inherit;align-items:center;border-bottom:1px solid #f0f0f0;padding-bottom:20px}.project_item:last-child{border-bottom:none;padding-bottom:0}.project_item_thumb{width:120px;min-width:120px;aspect-ratio:16 / 11;border-radius:4px;overflow:hidden;background:#f0f0f0}.project_item_thumb img{width:100%;height:100%;object-fit:cover;display:block}.project_item_info{flex:1;min-width:0}.project_item_title{font-size:16px;font-weight:700;color:#222;margin-bottom:4px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project_item_subtitle{font-size:12px;color:#999;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail_layout{display:flex;justify-content:center;gap:48px;align-items:flex-start;flex-wrap:wrap}.detail_main{width:100%;max-width:820px;min-width:0}.detail_sidebar{width:320px;flex-shrink:0;position:sticky;top:120px}.detail_article{padding:0}.detail_thumb_wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;margin-bottom:36px;background:#f0f0f0}.detail_thumb{width:100%;height:100%;object-fit:cover}.detail_header{margin-bottom:24px}.detail_category{display:inline-block;padding:4px 12px;background:var(--mainred);color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;border-radius:3px;margin-bottom:14px}.detail_title{font-size:32px;font-weight:700;line-height:1.35;margin-bottom:12px;word-break:break-word}.detail_date{color:#aaa;font-size:14px}.detail_divider{height:1px;background:#eee;margin:32px 0}.detail_toc{margin-bottom:40px;padding:24px;background:#f9f9f9;border-radius:8px}.toc_title{font-size:13px;font-weight:700;letter-spacing:2px;color:#999;margin-bottom:20px}.toc_section{margin-bottom:12px}.toc_section:last-child{margin-bottom:0}.toc_subtitle{display:block;font-size:15px;font-weight:700;color:#111;text-decoration:none;padding:6px 0;transition:color .2s}.toc_subtitle:hover{color:var(--mainred)}.toc_list{list-style:none;padding:0;margin:2px 0 0 14px}.toc_item{display:block;font-size:14px;color:#666;text-decoration:none;padding:4px 0;transition:color .2s}.toc_item:hover{color:var(--mainred)}.detail_image_figure{margin:32px 0}.detail_image_figure img{width:100%;border-radius:8px}.detail_quote{margin:28px 0;padding:20px 24px;border-left:3px solid var(--mainred);background:#f9f9f9;border-radius:0 6px 6px 0;font-style:italic;color:#555;line-height:1.7}.detail_code{margin:24px 0;padding:20px;background:#1e1e1e;color:#d4d4d4;border-radius:6px;overflow-x:auto;font-size:14px;line-height:1.6}.detail_share{margin:56px 0 0;padding:32px;background:#f8f8f8;border-radius:8px;text-align:center}.share_brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.share_logo{height:28px;width:auto;object-fit:contain}.share_brand_name{font-size:16px;font-weight:700;color:#111;letter-spacing:1px}.share_text{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px}.share_btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;background:var(--mainred);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.share_btn:hover{background:#c00}.detail_related{margin-top:48px;padding-top:32px;border-top:1px solid #eee}.detail_related_title{font-size:16px;font-weight:700;color:#111;margin-bottom:20px}.detail_related_list{list-style:none;padding:0;margin:0}.detail_related_list li{padding:10px 0;border-bottom:1px solid #f0f0f0}.detail_related_list li:last-child{border-bottom:none}.detail_related_list a{color:#444;text-decoration:none;font-size:15px;line-height:1.5;transition:color .2s;display:block}.detail_related_list a:hover{color:var(--mainred)}@media screen and (max-width:768px){.section01 .blog_hero{flex-direction:column;align-items:flex-start;gap:12px}.section01 .blog_hero h2{font-size:32px}.section01 .blog_hero p{text-align:left;font-size:14px}.blog_layout{flex-direction:column;gap:32px}.blog_sidebar{width:100%;position:static}.blog_list li a{flex-direction:column;gap:14px}.blog_list li .thumb{width:100%;min-width:0;order:-1}.blog_list li .info h3{font-size:18px}.blog_list li .info .excerpt{font-size:13px}.logo_rolling{height:54px}.logo_rolling .logo_group{display:none}.logo_rolling .logo_group_m{display:flex;align-items:center;width:3480px;height:22px;animation:logo_rolling_m;animation-duration:28s;animation-timing-function:linear;animation-iteration-count:infinite}.logo_rolling .logo_group .logo_inner{width:1676px;height:22px;margin:0 14px}.logo_rolling .logo_group .logo_inner img{width:100%;height:100%;object-fit:contain}@keyframes logo_rolling_m{0%{transform:translate(0)}to{transform:translate(-50%)}}.detail_layout{flex-direction:column;gap:32px}.detail_main{max-width:100%}.detail_sidebar{width:100%;position:static}.detail_title{font-size:24px}}.detail_content_group:empty{display:none}.detail_subtitle{font-size:22px;font-weight:700;margin:36px 0 16px;color:#111;scroll-margin-top:120px}.detail_text_block{line-height:1.8;font-size:15px;color:#444;margin-bottom:32px}.detail_text_block p{margin-bottom:16px}.detail_text_block h2{font-size:22px;font-weight:700;margin:36px 0 16px;color:#111}.detail_text_block h3{font-size:18px;font-weight:700;margin:28px 0 12px;color:#111}.detail_text_block ul,.detail_text_block ol{margin:16px 0;padding-left:1.5em}.detail_text_block li{margin-bottom:6px}