.topPost{z-index:1;width:100%;height:814px;position:sticky;top:0;overflow:hidden}.topPostSlide:after{z-index:1;pointer-events:none;content:"";background:#00000080;position:absolute;inset:0}.topPostSlide img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.topPostFallbackImage{background:#8a8a8a;width:100%;height:100%}.topPostTrack{z-index:2;height:100%;display:flex;position:relative}.topPostSlide{min-width:100%;height:100%;position:relative}.topPostPlaceholder{background:#8a8a8a;position:absolute;inset:0}.topPostTextSection{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:translateY(-15px)}.topPost .category_badge{letter-spacing:-1px;color:#fff;cursor:pointer;box-sizing:border-box;border:1px solid #fff;border-radius:22px;margin-bottom:18px;padding:3px 26px 5px;font-family:Noto Sans KR,AppleGothic,Dotum,sans-serif;font-size:23px;font-weight:300;text-decoration:none;display:inline-block}.topPost .title{letter-spacing:-2.4px;color:#fff;text-align:center;word-break:keep-all;cursor:default;-webkit-user-select:none;user-select:none;max-width:878px;margin:0 175px 22px;font-family:Noto Sans KR,AppleGothic,Dotum,sans-serif;font-size:48px;font-weight:500;line-height:72px;display:block}.topPost .subtitle{letter-spacing:-1.2px;color:#fff;text-align:center;word-break:keep-all;cursor:default;-webkit-user-select:none;user-select:none;margin:0;font-family:Noto Sans KR,AppleGothic,Dotum,sans-serif;font-size:20px;font-weight:300;line-height:30px;display:block}.topPostLogo{z-index:2;vertical-align:bottom;max-width:120px;max-height:21px;position:absolute;bottom:41px;left:50%;transform:translate(-50%)}@media (max-width:1200px){.topPost{height:814px}.topPost .title{max-width:878px;margin:0 0 20px;padding:0 140px;font-size:44px;line-height:66px}.topPost .category_badge{margin:0 0 25px;padding:3px 26px 5px;font-size:20px}.topPost .subtitle{font-size:17px}}@media (max-width:768px){.topPost{height:580px}.topPostTextSection{transform:translateY(0%)}.topPost .title{max-width:878px;margin:0 0 20px;padding:0 80px;font-size:35px;line-height:45px}.topPost .category_badge{margin:0 0 10px;padding:4px 14px;font-size:14px}.topPost .subtitle{letter-spacing:-.66px;font-size:13px;line-height:19.5px}.topPostLogo{max-width:86px;max-height:15px;bottom:36px;left:43px;transform:translate(0%)}.topPostLogo img{max-width:86px;max-height:15px}}@media (max-width:660px){.topPostLogo{bottom:24px;left:26px}}@media (max-width:414px){.topPost{width:100%;height:427px;position:sticky;top:0}.topPostTextSection{align-items:flex-start;height:181px;padding:0 26px;transform:translateY(165px)}.topPost .title{text-align:left;max-width:878px;margin:0 0 10px;padding:0;font-size:31px;line-height:39px}.topPost .category_badge{margin:0 0 10px;padding:4px 14px;font-size:12px}.topPost .subtitle{letter-spacing:-.66px;text-align:left;font-size:11px;line-height:16.5px}}
.overlay{z-index:10001;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal_box{z-index:10001;text-align:center;background:#fff;width:80%;min-width:300px;max-width:478px;height:167px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal_confirm{color:#fff;cursor:pointer;background:#505050;border:none;width:100%;height:58px;font-size:16px}.modal_message{color:#4a4a4a;text-align:center;margin:45px 0;font-size:16px;font-weight:600}
.postContent{padding:0 43px 123px}.blog-post-content{color:#303030;letter-spacing:-.02em;word-break:break-word;max-width:878px;margin:0 auto;padding:67px 0 123px;font-family:Noto Sans KR,AppleGothic,Dotum,sans-serif;font-size:22px;font-weight:300;line-height:1.75}.postCopyGuard,.postCopyGuard *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.blog-post-content small{font-size:18px}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{word-break:keep-all;margin:1.2em 0 .6em;font-weight:500;line-height:1.4}.blog-post-content h1,.blog-post-content h2{margin-top:.8em;margin-bottom:.4em;font-size:30px;line-height:1}.blog-post-content h3{margin-top:.8em;margin-bottom:.4em;font-size:28px;line-height:1}.blog-post-content h4{margin-top:.8em;margin-bottom:.4em;font-size:22px;line-height:1}.blog-post-content ul,.blog-post-content ol,.blog-post-content blockquote,.blog-post-content table,.blog-post-content figure,.blog-post-content pre{margin:0 0 1.2em}.blog-post-content p{margin:0}.blog-post-content ul,.blog-post-content ol{padding-left:30px}.blog-post-content ul li{list-style:outside}.blog-post-content ol li{list-style:decimal}.blog-post-content hr{background-image:url(/post/hr_bar.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;width:min(483px,100%);height:21px;margin:60px auto}.blog-post-content img,.blog-post-content figure,.blog-post-content figure img,.blog-post-content .image,.blog-post-content .image img,.blog-post-content video{max-width:100%}.blog-post-content video{width:100%;height:auto;margin:1.6em auto;display:block}.blog-post-content figure,.blog-post-content .image{margin:1.6em auto;display:table}.blog-post-content figure.table{flex-direction:column;width:fit-content;max-width:100%;display:flex;overflow-x:auto}.blog-post-content figure.table.table-style-align-left{float:left;margin-left:0;margin-right:1.5em}.blog-post-content figure.table.table-style-align-right{float:right;margin-left:1.5em;margin-right:0}.blog-post-content figure.table.table-style-align-center{margin-left:auto;margin-right:auto}.blog-post-content figure.table.table-style-block-align-left{float:none;margin-left:0;margin-right:auto}.blog-post-content figure.table.table-style-block-align-right{float:none;margin-left:auto;margin-right:0}.blog-post-content figure img,.blog-post-content .image img{width:100%;height:auto;margin:0 auto;display:block}.blog-post-content figure figcaption,.blog-post-content .image>figcaption{caption-side:bottom;color:#333;text-align:center;word-break:keep-all;outline-offset:-1px;background-color:#f7f7f7;padding:.6em;font-size:.75em;display:table-caption}.blog-post-content figure.table>figcaption{caption-side:top;box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;order:-1;width:100%;display:block}.blog-post-content .image-style-align-left{float:left;max-width:50%;margin-right:16px}.blog-post-content .image-style-align-right{float:right;max-width:50%;margin-left:16px}.blog-post-content .image-style-align-center{margin-left:auto;margin-right:auto}.blog-post-content blockquote{color:#4b5563;border-left:5px solid #ccc;margin:0 0 1.2em;padding-left:1.5em;padding-right:1.5em;font-style:italic;overflow:hidden}.blog-post-content table{width:100%;display:block;overflow-x:auto}.blog-post-content figure.table>table{width:100%;display:table}.blog-post-content figure.table>table.ck-table-resized{table-layout:fixed}.blog-post-content table table,.blog-post-content .table table{border-collapse:collapse;border-spacing:0;width:100%}.blog-post-content table th,.blog-post-content table td,.blog-post-content .table table th,.blog-post-content .table table td{border:1px solid #bfbfbf;min-width:2em;padding:.4em}.blog-post-content table th,.blog-post-content .table table th{color:#fff;background:#111827}.blog-post-content pre{white-space:pre-wrap;background:#c7c7c74d;border:1px solid #c4c4c4;border-radius:2px;padding:1em}.blog-post-content code{background:#c7c7c74d;border-radius:2px;padding:.15em}.button_div{cursor:pointer;justify-content:space-between;align-items:center;width:100%;max-width:878px;height:auto;margin:0 auto;font-family:Noto Sans KR,AppleGothic,Dotum,sans-serif;display:flex}.button_div button{color:#909090;letter-spacing:-1.2px;cursor:pointer;background-color:#0000;border:1px solid #909090;border-radius:24px;justify-content:center;align-items:center;max-height:47px;padding:7px 21px 9px;font-size:20px;font-weight:400;display:flex}.button_div img{width:22px;height:18.47px;margin:3px 0}.button_div span{letter-spacing:-1.2px;text-align:center;margin:0 0 0 8px;font-size:20px;line-height:normal}@media (max-width:768px){.blog-post-content{letter-spacing:-.02em;max-width:682px;font-size:18px}.blog-post-content small{font-size:15px}.blog-post-content h1,.blog-post-content h2{font-size:26px}.blog-post-content h3{font-size:22px}.blog-post-content h4{font-size:18px}.blog-post-content hr{background-size:contain}.button_div{max-width:682px;height:auto}.button_div button{border:none;height:auto;padding:0}.button_div span{margin:0;font-size:0}}@media (max-width:660px){.postContent{padding:0 26px 123px}}@media (max-width:414px){.postContent{padding:0 26px 45px}.blog-post-content{padding:61px 0 65px}}