@font-face{font-family:'NanumSquareNeo-Variable';src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:'GmarketSansMedium';src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'yg-jalnan';src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'BMJUA';src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMJUA.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'MaplestoryOTFBold';src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/MaplestoryOTFBold.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:'SBAggroB';src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff") format("woff");font-weight:normal;font-style:normal}*{padding:0;margin:0;box-sizing:border-box}body{background-color:white}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{background:#636363}body::-webkit-scrollbar-track{background:#E6E6E6}.layout-default{height:auto;min-height:100%;display:flex;flex-direction:column;align-items:center}.scroll-btn{position:fixed;right:15px;z-index:99999999;border:0.5px solid #E6E6E6;border-radius:50%;background-color:#F6F8FA;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.scroll-btn.go-top{bottom:60px}.scroll-btn.go-bottom{bottom:20px}.scroll-btn span{color:#8A8A8A}div.highlighter-rouge{margin-bottom:20px}code.hljs{border-radius:8px}code.hljs::-webkit-scrollbar{height:0.5rem;border-radius:10px}code.hljs::-webkit-scrollbar-thumb{background:#3464E0;border-radius:10px}code.hljs::-webkit-scrollbar-track{background:#333}code,code.highlighter-rouge{border-radius:5px;background-color:#F6F8FA;outline:0.5px solid #E6E6E6;padding:1px 4px}hr{border:0.1px solid #E6E6E6}#urgent-notice{margin:1rem 0 1.5rem 0;display:flex;box-shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px;padding:0.6rem}#urgent-notice .notice-icon-wrap{border-left:5px solid #3464E0;margin-right:1rem;padding:1rem}#urgent-notice i{font-size:1.5rem;color:#3464E0}#urgent-notice .notice-text,#urgent-notice a{margin-top:auto;margin-bottom:auto}#urgent-notice .notice-text{font-size:0.9rem;line-height:1.3rem;flex:1}#urgent-notice a{display:inline-block;background-color:#3464E0;border-radius:2rem;padding:0.6rem 1.2rem;font-size:small;font-family:'GmarketSansMedium';font-weight:700 !important;color:white !important;margin-left:1rem;line-height:1rem !important;border-bottom:none !important}@media screen and (max-width: 760px){#urgent-notice{display:grid;grid-template-columns:auto auto;grid-template-rows:1fr auto}#urgent-notice .notice-icon-wrap{grid-column:1 / 2;grid-row:1 / 3;padding:0.5rem;margin-right:0}#urgent-notice i{font-size:1.2rem}#urgent-notice .notice-text{padding:0.3rem}#urgent-notice a{width:max-content;text-align:end;margin-left:auto}}#notice-box{margin:1rem 0 1.5rem 0;display:flex;box-shadow:rgba(100,100,111,0.2) 0px 7px 29px 0px;padding:0.6rem}#notice-box .notice-icon-wrap{border-left:5px solid #E1AF33;margin-right:1rem;padding:1rem}#notice-box i{font-size:1.5rem;color:#E1AF33}#notice-box .notice-text{margin-top:auto;margin-bottom:auto;font-size:0.9rem;line-height:1.3rem;flex:1}#inserted-box{margin:1rem 0 1.5rem 0}#inserted-box .notice-text{border-left:3px solid #3464E0;padding:0.5rem;padding-left:1rem}#inserted-box p{font-size:0.9rem;line-height:1.3rem;margin-bottom:0}#def-box{margin:1rem 0 1.5rem 0;padding:1rem;border-top:3px solid #3464E0;box-shadow:rgba(100,100,111,0.2) 0px 3px 18px 0px}#def-box .def-title{font-size:1.1rem;line-height:1.5rem;color:#3464E0;margin-bottom:1.5rem;font-weight:700}#def-box .def-content{line-height:1.6rem;margin-bottom:1.2rem}#disqus_thread{margin-top:3rem;border-top:1px solid #E6E6E6;padding-top:3rem}::selection{background-color:#333;color:white}a{text-decoration:none;color:black}code{font-family:monospace,Consolas}:root{font-family:'NanumSquareNeo-Variable';font-size:17px}@media screen and (max-width: 760px){:root{font-size:15px}}p{line-height:1.6rem;margin-bottom:1.2rem}details>div{margin-top:0.3rem;margin-left:1rem}summary{line-height:2rem;margin-bottom:0.2rem;outline:none;cursor:pointer}details[open] summary{color:#3464E0;text-decoration:underline 1.5px solid #3464E0;font-weight:600;background-color:#E2E9FB}@media screen and (max-width: 760px){mjx-container{overflow-x:auto;font-size:100% !important;padding-bottom:1rem}mjx-container::-webkit-scrollbar{height:0.3rem}mjx-container::-webkit-scrollbar-thumb{height:10%;background:#8A8A8A;border-radius:1rem}mjx-container::-webkit-scrollbar-track{background:#F6F8FA}}figcaption{color:#8A8A8A;font-size:small;text-align:center;margin-bottom:1rem}figcaption a{color:#8A8A8A !important;border-bottom:1px solid #8A8A8A !important;font-size:small}figcaption a:hover{background-color:transparent !important}table{border-collapse:collapse;width:100%;margin-bottom:30px}thead{background:#8AA6EE;color:white}th,td{padding:10px 15px;text-align:left;font-size:0.8rem}tr{border-bottom:0.5px solid #E6E6E6}.container-404{display:grid;grid-template-columns:1fr 2fr;gap:2.5rem;align-items:center}#img-404{width:100%}.title-404{color:#3464E0;font-size:2rem;font-family:'yg-jalnan';margin-bottom:1rem}.notice-eng,.notice-kor{color:#8A8A8A;font-size:0.8rem;line-height:1.2rem}.notice-eng{margin-bottom:0.8rem}.notice-kor{margin-bottom:1rem}.action-btns{display:flex;justify-content:end;gap:1rem}.action-btns a{display:inline-block;border-radius:2rem;padding:0.6rem 1.2rem;font-size:small;font-family:'GmarketSansMedium';font-weight:700;color:#3464E0;border:2px solid #3464E0;transition:all 0.4s ease;line-height:100%}.action-btns a:hover{background-color:#3464E0;color:white}#about-page>div{width:100%}#profile-container{background-color:#E6E6E6}#profile-container>div,#info-container>div,#cv-container>div{width:860px;margin:auto}#profile-wrap{display:grid;grid-template-columns:2.5fr 1fr;padding:2.3rem 0}#profile-main{margin-right:10%;padding-top:1rem}#profile-main .name-wrapper{margin-bottom:1.5rem}#profile-main .name-wrapper span{font-size:0.9rem;color:#8A8A8A}#profile-main .name-wrapper span:first-child{font-size:1.5rem;font-weight:700;margin-right:1rem;color:black}#profile-main .greetings{color:#8A8A8A;font-size:0.8rem;margin-bottom:1rem}#profile-main .contact-wrap{display:flex;align-items:center}#profile-main .contact-wrap .contact-list{display:flex;gap:1rem;flex:1}#profile-main .contact-wrap .contact{width:2.2rem;height:2.2rem;text-align:center;border-radius:2rem;border:1px solid #333;transition:0.4s all ease}#profile-main .contact-wrap .contact i{font-size:1.2rem;line-height:2.2rem}#profile-main .contact-wrap .contact:hover{background-color:#333;color:white}#profile-main .contact-wrap #go-cv-btn{border-radius:2rem;margin-left:1rem;padding:0.6rem 2rem;font-size:small;font-family:'GmarketSansMedium';font-weight:700;color:white;background-color:#333;transition:all 0.4s ease;line-height:100%}#profile-img{height:13rem;overflow:hidden}#profile-img img{object-fit:cover;height:100%}#info-container{padding:2rem 0}#info-wrap{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:3rem}.info-title-wrap{display:flex;margin:1.2rem 0}.info-title-wrap .info-title{margin:0 1rem;font-size:1.4rem;font-weight:600}.info-title-wrap .horizontal-line{flex:1;border-bottom:1.8px solid #E6E6E6;height:0.7rem}#info-research{grid-column:1 / 3;grid-row:1 / 2}#research-wrap{display:grid;grid-template-columns:repeat(2, 1fr);gap:4%;padding:0 2%}.research-single{padding:0 1rem}.research-single>*{text-align:center}.research-single-icon{margin-bottom:5%}.research-single-icon i{font-size:2rem}.research-single-title{font-weight:600;margin-bottom:0.8rem}.research-single-desc{font-size:small;color:#8A8A8A;line-height:1.2rem}#info-edu{grid-column:1 / 2;grid-row:2 / 3}.edu-single,.exp-single{display:grid;grid-template-columns:auto auto;grid-template-rows:repeat(4, auto);margin-bottom:1rem}.edu-single-icon,.exp-single-icon{grid-column:1 / 2;grid-row:1 / 5;text-align:center;margin-right:1rem}.edu-single-icon i,.exp-single-icon i{font-size:1.4rem;line-height:3rem;width:3rem;color:#8A8A8A;background-color:#F6F8FA}.edu-single-duration,.exp-single-duration{font-size:small;color:#8A8A8A}.edu-single-school,.exp-single-org{margin:0.5rem 0 0.5rem 0;display:flex}.edu-single-school span:first-child,.exp-single-org span:first-child{flex:1;font-weight:600;margin-right:8%}.edu-single-school span:last-child,.exp-single-org span:last-child{font-size:0.8rem;color:#8A8A8A;max-width:35%}.edu-single-position,.exp-single-position{font-style:italic;font-family:'Charm', cursive;margin-bottom:0.3rem}.edu-single-desc,.exp-single-desc{font-size:0.9rem;margin-left:1rem}.edu-single-desc li,.exp-single-desc li{line-height:1.1rem;font-size:0.8rem;margin-bottom:0.2rem}#info-experience{grid-column:2 / 3;grid-row:2 / 3}#info-projects{grid-column:1 / 3;grid-row:3 / 4}#proj-list{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);gap:1rem}.about-proj-single{display:flex;flex-direction:column;align-items:center;border-radius:0.8rem;border:1px solid #636363;padding:1.5rem 1rem 2rem 1rem;background-position:center center !important;background-size:cover !important}.about-proj-single-duration{text-align:center;color:white;font-size:0.8rem;margin-bottom:0.8rem}.about-proj-single-title{text-align:center;color:white;font-weight:600;line-height:1.5rem;margin-top:auto;margin-bottom:auto}.about-proj-single:hover .about-proj-single-title{text-decoration:underline 2px solid white}#go-proj-btn-wrap{text-align:center;margin-top:1.5rem}#go-proj-btn{border-radius:2rem;padding:0.6rem 1.2rem;font-size:small;font-family:'GmarketSansMedium';font-weight:700;color:white;background-color:#333;line-height:100%;display:inline-block}#cv-container{background:linear-gradient(0deg, rgba(52,100,224,0.6), rgba(52,100,224,0.6)),url("/assets/images/samples/image2-Vivek_Kumar-Unsplash.jpg");background-position:center center;background-size:cover;padding:2rem 0}#cv-wrap p{font-size:small;color:#FBFBFB;text-align:center;padding:0 3rem}#go-cv-btn-wrap{text-align:center}#go-cv-btn{border-radius:2rem;padding:0.6rem 2rem;font-size:small;font-family:'GmarketSansMedium';font-weight:700;color:white;background-color:#333;line-height:100%;display:inline-block}@media screen and (max-width: 760px){#profile-container>div,#info-container>div,#cv-container>div{width:86%}#profile-wrap{display:block}#profile-main{margin-right:0}#profile-img{display:none}#info-wrap{display:block}#info-wrap>*{margin-bottom:3rem}.horizontal-line:first-child{display:none}.info-title{margin:0 1rem 0 0 !important;font-size:1.2rem !important}#research-wrap{grid-template-columns:auto;grid-template-rows:repeat(3, 1fr)}.research-single{padding:0;display:grid;grid-template-columns:1fr 6fr;grid-template-rows:1fr 2fr}.research-single>*{text-align:left}.research-single-icon{grid-column:1 / 2;grid-row:1 / 3;margin:0 1rem 0 0}.edu-single,.exp-single{grid-template-columns:1fr 6fr}.edu-single-school,.exp-single-org{flex-direction:column}.edu-single-school span:first-child,.exp-single-org span:first-child{margin-right:0;margin-bottom:0.3rem}.edu-single-school span:last-child,.exp-single-org span:last-child{max-width:100%}#proj-list{display:grid;grid-template-columns:auto;grid-template-rows:repeat(6, 1fr);gap:0.7rem}.about-proj-single{padding:1.2rem 0.8rem}}.list-basic{margin-bottom:4.5rem}.list-title{margin-bottom:1.8rem;border-top:3px solid #333;font-family:'SBAggroB';font-size:1.8rem;padding-top:0.8rem;padding-left:0.3rem}@media screen and (max-width: 760px){.list-basic{margin-bottom:2rem}.list-title{margin-bottom:1.3rem;font-size:1.4rem}}.content-default{display:grid;grid-template-columns:1fr 60px 860px 60px 1fr}.content-wrap{grid-column:3 / 4;padding:50px 0}.content-wrap h1,.content-wrap h2,.content-wrap h3{font-weight:bold;font-family:'MaplestoryOTFBold'}.content-wrap h1{margin:2rem 0 1rem 0;font-size:2rem;color:#3464E0}.content-wrap h2{padding:1.6rem 0px 0.9rem 0px;font-size:1.5rem}.content-wrap h3{padding:1.4rem 0px 0.7rem 0px;font-size:1.3rem}.content-wrap ul li,.content-wrap ol li,.content-wrap li ul,.content-wrap li ol{margin-bottom:0.4rem;line-height:1.6rem}.content-wrap ul,.content-wrap ol{padding-left:1.2rem;margin-bottom:1.2rem}#post-content h1,#post-content h2,#post-content h3,#post-content h4,#post-content h5,#post-content h6{scroll-margin-top:72px}#post-content img{max-width:860px;height:auto;padding:1em 0;display:block;margin:auto}#post-content a{text-decoration:none;color:#3464E0;border-bottom:1px dotted #3464E0;font-weight:500;line-height:1.6rem}#post-content a:hover{background-color:#3464E0;color:white}.search-bar{width:100%;border:1.5px solid #333;padding:0.5rem 1rem;display:flex;margin-bottom:2rem}.search-bar i{margin-right:1rem;line-height:2rem}#search-input{flex:1;border:none;line-height:2rem;outline:none;border-style:none}@media screen and (max-width: 1024px){.content-default,#post-content,#home-content,#archive-content{grid-template-columns:1fr 10fr 1fr}#post-content img{max-width:684px;object-fit:scale-down}.content-wrap{grid-column:2 / 3;overflow:auto}}@media screen and (max-width: 760px){#post-content h1,#post-content h2,#post-content h3,#post-content h4,#post-content h5,#post-content h6{scroll-margin-top:64px}#post-content img{max-width:86%}.content-wrap h1{font-size:1.7rem}.content-wrap h2{font-size:1.4rem}.content-wrap h3{font-size:1.2rem}}#footer{width:100%;font-family:'GmarketSansMedium';height:100%}#footer *{color:white}.footer-main{padding:1.5rem;display:grid;grid-template-columns:2.2fr 1.8fr 0.5fr;background-color:#333}.footer-about{grid-column:1 / 2;padding-right:3rem;border-right:1px solid #E6E6E6;margin-right:1rem}.footer-name{margin-bottom:1rem;font-weight:700}.footer-name :last-child{margin-left:0.5rem;font-size:0.8rem;color:#E6E6E6}.footer-greeting{color:#E6E6E6 !important;font-size:small;margin-bottom:1.4rem}.footer-contacts{display:flex;flex-direction:row;gap:2rem}.footer-contacts .contact{cursor:pointer}.footer-contacts .contact .contact-icon{padding:0.4rem;display:inline-block;height:2rem;width:2rem;margin-right:0.4rem;border-radius:2rem;border:0.8px solid white;text-align:center;transition:all 0.4s ease}.footer-contacts .contact .contact-icon i{font-size:0.9rem}.footer-contacts .contact .contact-title{font-size:0.8rem;color:#E6E6E6}.footer-contacts .contact:hover .contact-icon{background-color:white}.footer-contacts .contact:hover .contact-icon i{color:#333 !important}.footer-pages{grid-column:3 / 4;margin-left:1rem}.footer-pages a{display:block;padding:0.5rem 0;border:1px solid white;margin-bottom:0.8rem;text-align:center;font-size:0.8rem;font-weight:700;transition:all 0.4s ease}.footer-pages a:hover{background-color:white;color:#333 !important}.copyright{line-height:2rem;background-color:black;font-size:small;padding:0 1.5rem;color:#F6F8FA;text-align:end}@media screen and (max-width: 760px){.footer-main{display:flex;flex-direction:column;padding:1.5rem;background-color:#333}.footer-about{padding:0 0 1.5rem 0;border-right:none;border-bottom:1px solid #E6E6E6;margin:0 0 1.5rem 0}.footer-contacts{display:flex;flex-direction:row;justify-content:space-around}.footer-contacts .contact-title{display:none}}#recent-post-list-categories{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));border-top:2px solid #333;border-bottom:2px solid #333;margin-bottom:2rem}#recent-post-list-categories #list-element-category{padding:1.4rem 0.5rem}#recent-post-list-categories #list-element-category:last-child{border-right:none}#recent-post-list-categories #list-element-category .list-element-url{flex-direction:column}#recent-post-list-categories #list-element-category div{text-align:center}#recent-post-list-categories #list-element-category i{font-size:1.5rem}#recent-post-list-categories #list-element-category .category-icon{margin-bottom:1rem !important}#recent-post-list-categories #list-element-category .category-name{font-size:0.8rem !important;font-family:'GmarketSansMedium';font-weight:700  !important}#recent-post-list-categories #list-element-category:hover{background-color:#F0F4FD}#recent-post-list-categories #list-element-category:hover .list-element-url{box-shadow:none !important}#recent-post-list-categories #list-element-category:hover .list-element-url i,#recent-post-list-categories #list-element-category:hover .list-element-url div{color:#3464E0}@media screen and (max-width: 760px){#recent-post-list-categories{grid-template-columns:repeat(3, minmax(0, 1fr))}}#archive-post-list-categories{display:flex;gap:2rem;border-top:1.5px solid #333;border-bottom:1px solid #333;margin-bottom:2rem;padding:1rem 0.8rem}#archive-post-list-categories #list-element-category .category-name{font-size:0.8rem !important;font-family:'GmarketSansMedium';font-weight:700  !important;line-height:100%}#archive-post-list-categories #list-element-category:hover .list-element-url{box-shadow:none !important}#archive-post-list-categories #list-element-category:hover .list-element-url div{color:#3464E0}@media screen and (max-width: 760px){#archive-post-list-categories{flex-direction:column;text-align:center}}.post-link:hover .list-element-title{color:#3464E0;text-decoration:underline 3px solid #3464E0}.list-element-teaser{overflow:hidden;margin:0 auto}.list-element-teaser img{border-radius:0.7rem;object-fit:cover;transition:all 0.3s ease;width:100%}.list-element-teaser .empty-teaser{background-color:#FBFBFB}.list-element-category,.list-element-date,.list-element-excerpt{color:#8A8A8A;font-size:small;margin-bottom:0.5rem}.list-element-excerpt{line-height:1.1rem}.list-element-title{font-size:1.2rem;font-weight:700;margin-bottom:0.7rem;line-height:1.6rem}@media screen and (max-width: 760px){.list-element-title{font-size:1.1rem}}#list-default{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:repeat(3, auto);gap:1.2rem}#default-single-first{grid-column:1 / 2;grid-row:1 / 4}#default-single-first .list-element-teaser{margin-bottom:1rem}#default-single-other{display:grid;grid-template-columns:6rem auto;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #E6E6E6}#default-single-other:last-child{border-bottom:none}#default-single-other .list-element-teaser>img{height:6rem}#default-single-other .list-element-text{padding-top:0.3rem}#default-single-other .list-element-title{font-size:1rem;line-height:1.4rem}#default-single-default{display:grid;grid-template-columns:8rem auto;gap:1rem;padding-bottom:1.5rem}#default-single-default:last-child{border-bottom:none}#default-single-default .list-element-teaser>img{height:8rem}#default-single-default .list-element-text{padding-top:0.5rem}@media screen and (max-width: 760px){#list-default{display:flex;flex-direction:column;gap:1.2rem}#default-single-default{padding-bottom:1rem;border-bottom:1px solid #E6E6E6;margin-bottom:1rem}}@media screen and (max-width: 380px){#default-single-default{grid-template-columns:1fr}#default-single-default .list-element-teaser{display:none}}#list-categories{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:18px}#category-single{padding:1rem;border-radius:0.8rem;background:#FBFBFB;border:1px solid #F5F5F5;box-shadow:rgba(149,157,165,0.2) 0px 3px 9px}#category-single .category-icon{border-radius:0.3rem;background-color:#E2E9FB;width:1.8rem;text-align:center}#category-single i{color:#3464E0;line-height:1.8rem}#category-single .category-title{margin-top:1.4rem;font-family:'GmarketSansMedium'}#category-single:hover{background-color:#3464E0}#category-single:hover .category-icon{background-color:white}#category-single:hover i{color:#3464E0}#category-single:hover .category-title{color:white}@media screen and (max-width: 760px){#list-categories{display:grid;grid-template-columns:1fr 1fr;grid-gap:0.5rem}#category-single{padding:0.7rem;border-radius:0.5rem}#category-single .category-title{font-size:small}}#list-featured{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);gap:1.2rem}#featured-single{padding:1.2rem;border-radius:0.7rem;min-height:13rem;display:flex}#featured-single .list-element-category,#featured-single .list-element-date,#featured-single .list-element-excerpt{color:#FBFBFB}#featured-single .list-element-title{color:white}#featured-single:hover .list-element-title{color:#3464E0}@media screen and (max-width: 760px){#list-featured{display:flex;flex-direction:column;gap:0.5rem}}#post-title{display:flex;flex-direction:column;align-items:center;background-color:#333;padding-top:150px;position:relative;color:white;width:100%}.title-container{display:flex;flex-direction:column;align-items:center;width:980px}.title-wrap{width:860px;display:flex;flex-direction:column;justify-content:end;padding-bottom:40px}.title-text{font-size:2.5rem;margin-bottom:1.5rem;font-family:"yg-jalnan";line-height:3rem}.title-date{font-family:'GmarketSansMedium';font-size:small;font-weight:700}.title-tag-wrap{display:flex;flex-direction:row;gap:0.5rem;flex-wrap:wrap;margin-bottom:1rem}.tag-single{border-radius:1rem;background-color:#3464E0;padding:0.4rem 0.8rem;font-size:small;font-weight:700;font-family:'GmarketSansMedium'}.post-teaser-wrap{z-index:1;width:100%}.post-teaser{width:860px;margin:auto;display:block}.title-bottom{position:absolute;height:15%;bottom:0;background-color:white;width:100%}@media screen and (max-width: 1024px){#post-title{padding-top:50px}.title-container{width:700px !important}.title-wrap{width:684px !important;font-size:2rem !important}.post-teaser-wrap{width:100%}.post-teaser{width:684px !important;margin:auto;display:block}}@media screen and (max-width: 760px){.title-container{width:96% !important}.title-wrap{width:86% !important;padding-bottom:2rem}.title-text{font-size:2rem;line-height:2.5rem}.tag-single{font-size:0.6rem}.post-teaser{width:86% !important}}#home-title .title-wrap{display:grid;grid-template-rows:1fr 3fr 1.5fr 1fr;align-items:center;background:linear-gradient(rgba(33,33,33,0) 0%, rgba(33,33,33,0.95) 100%),url("/assets/images/samples/image1.jpg");background-position:center center;background-size:cover;height:calc(100vh - 134px)}#home-title .title-wrap .title-text{display:flex;justify-content:center;align-items:center;grid-row:2 / 3;color:white;font-size:40px;font-weight:600}#home-title .title-wrap .contact-list{grid-row:3 / 4;display:flex;justify-content:center;gap:90px}#home-title .title-wrap .contact-list .contact{display:flex;flex-direction:row;align-items:center;gap:18px;width:150px;height:50px;border:2px solid white;padding:7px 15px;cursor:pointer;background:transparent;transition:all 0.3s ease;position:relative;z-index:1}#home-title .title-wrap .contact-list .contact .contact-icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px}#home-title .title-wrap .contact-list .contact .contact-icon i,#home-title .title-wrap .contact-list .contact .contact-icon span{color:white;font-size:30px}#home-title .title-wrap .contact-list .contact .contact-title{display:flex;justify-content:center;color:white}#home-title .title-wrap .contact-list .contact:after{position:absolute;content:"";width:100%;height:0;top:0;left:0;z-index:-1;background:#fff;transition:all 0.3s ease}#home-title .title-wrap .contact-list .contact:hover i,#home-title .title-wrap .contact-list .contact:hover span,#home-title .title-wrap .contact-list .contact:hover .contact-title{color:#333}#home-title .title-wrap .contact-list .contact:hover:after{top:auto;bottom:0;height:100%}#home-title .scroll-down{height:100px;display:flex;align-items:center;justify-content:center;color:#8A8A8A;font-size:50px;line-height:100px}#archive-title{display:flex;justify-content:center;width:100%}#archive-title .title-container{width:980px;height:300px;display:flex;justify-content:center}#archive-title .title-wrap{width:860px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;font-size:40px;font-weight:600}#toc{position:fixed;top:94px;right:20px;width:260px;max-height:calc(100vh - 120px);overflow:auto;padding:14px 12px;border:1px solid #E6E6E6;border-radius:14px;background:rgba(255,255,255,0.96);box-shadow:0 14px 30px rgba(0,0,0,0.08);backdrop-filter:blur(4px);z-index:50}#toc .toc-title{margin:0 0 10px 0;padding:0 4px;font-family:'MaplestoryOTFBold';font-size:0.86rem;letter-spacing:0.03em;color:#333}#toc .toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}#toc .toc-entry{margin:0;line-height:1.28}#toc .toc-entry a{display:block;padding:6px 8px;border-radius:8px;text-decoration:none;color:#636363;border-left:3px solid transparent;transition:background-color 0.16s ease, color 0.16s ease, border-color 0.16s ease;font-family:'NanumSquareNeo-Variable'}#toc .toc-entry a:hover{color:#3464E0;background:#F0F4FD;border-left-color:#3464E0}#toc .toc-h1 a{font-size:0.84rem;font-weight:700;color:#333}#toc .toc-h2 a{font-size:0.79rem;padding-left:14px}#toc .toc-h3 a{font-size:0.76rem;padding-left:20px;color:#8A8A8A}#toc::-webkit-scrollbar{width:7px}#toc::-webkit-scrollbar-thumb{background:#E6E6E6;border-radius:8px}#toc::-webkit-scrollbar-track{background:transparent}@media screen and (max-width: 1360px){#toc{position:static;width:860px;max-width:860px;max-height:none;margin:1rem auto 0}}@media screen and (max-width: 1024px){#toc{width:684px;max-width:684px}}@media screen and (max-width: 760px){#toc{width:86%;max-width:86%;padding:12px 10px;margin-top:0.7rem;border-radius:12px}#toc .toc-title{font-size:0.8rem;margin-bottom:8px}#toc .toc-entry a{padding:5px 6px}}#topbar{position:sticky;top:0;display:flex;flex-direction:column;width:100%;z-index:999;background-color:#333}.topbar-main{display:flex;flex-direction:row;background-color:#333;padding-left:30px;padding-right:30px;align-items:center;height:50px;top:5px}.sidebar-btn{cursor:pointer;margin-right:30px}.sidebar-btn .bar1,.sidebar-btn .bar2,.sidebar-btn .bar3{width:20px;height:2px;background-color:white;margin:5px 0;transition:0.4s}.sidebar-btn.open .bar1{transform:translate(0, 7px) rotate(-45deg)}.sidebar-btn.open .bar2{opacity:0}.sidebar-btn.open .bar3{transform:translate(0, -7px) rotate(45deg)}.material-symbols-outlined{cursor:pointer;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 10, 'opsz' 48}.material-symbols-outlined a{color:white;text-decoration:none}.topbar-page-link{margin-right:1rem;color:white;font-family:"GmarketSansMedium"}.topbar-page-links{flex:1;display:flex;justify-content:right}.topbar-page-links:last-child{margin-right:40px}.progress-bar-wrap{top:0px;width:100%;background:transparent}.progress-bar-wrap .progress-bar{height:5px;width:0%;background:#3464E0}@media all and (max-width: 760px){.topbar-main{height:56px;padding-left:16px;padding-right:16px}.sidebar-btn{margin-right:16px;flex:1}.sidebar-btn .bar1,.sidebar-btn .bar2,.sidebar-btn .bar3{width:24px;height:2px;background-color:white;margin:7px 0;transition:0.4s}.sidebar-btn.open .bar1{transform:translate(0, 9px) rotate(-45deg)}.sidebar-btn.open .bar2{opacity:0}.sidebar-btn.open .bar3{transform:translate(0, -9px) rotate(45deg)}.icon-home,.icon-search{font-size:27px !important}.icon-home{margin-right:1rem}.topbar-page-links{display:none}}#sidebar{box-sizing:border-box;position:fixed;height:100vh;background-color:white;width:300px;margin:0;overflow-y:auto;z-index:5;top:40px;bottom:0;left:-300px;border-right:1px solid transparent;transition:all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transform:translate3d(0, 0, 0)}#sidebar::-webkit-scrollbar{display:none}.sidebar-header{display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #E6E6E6;padding-bottom:30px}.sidebar-header .header-background{position:relative;width:100%;height:150px;background-color:#333}.sidebar-header .profile-img{position:relative;top:-50px;z-index:10;width:100px;height:100px;border-radius:50%;margin-bottom:-30px}.sidebar-header .name-wrap{margin-bottom:20px}.sidebar-header .name-wrap span{display:block;text-align:center}.sidebar-header .name-wrap .usrname{font-size:20px;font-weight:700;color:#333}.sidebar-header .name-wrap .name{font-size:16px;font-weight:600;color:#636363}.sidebar-header .contact-list{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.sidebar-header .contact-list .contact{width:50px;height:50px;border-radius:50%;border:1px solid #F6F8FA;text-align:center;transition:all 0.4s ease}.sidebar-header .contact-list .contact i{line-height:50px;font-size:24px;color:#333}.sidebar-header .contact:hover{background-color:#3464E0;border:1px solid transparent}.sidebar-header .contact:hover i{color:white}.sidebar-content{padding:30px 0 100px 15px;font-size:0.9rem}.sidebar-content .lv1-categories,.sidebar-content .lv2-categories{list-style:none}.sidebar-content .lv1-category .lv1-title-wrap{height:46px;padding:8px;border-bottom:1px solid #F6F8FA}.sidebar-content .lv1-category .lv1-title-wrap .lv1-title{display:flex;flex-direction:row;line-height:30px;border-radius:5px;padding:0 20px}.sidebar-content .lv1-category .lv1-title-wrap .lv1-title:hover{background-color:#F0F4FD}.sidebar-content .lv1-category .lv1-title-wrap .lv1-title .lv1-title-link{flex:1}.sidebar-content .lv1-category .lv1-title-wrap .lv1-title .expand-btn{outline:none;background-color:transparent;border:0;cursor:pointer;height:30px;width:30px;transition:0.2s}.sidebar-content .lv1-category .lv1-title-wrap .lv1-title .expand-btn svg{height:10px;width:10px}.sidebar-content .lv2-categories{display:none}.sidebar-content .lv2-categories.expand{display:block}.sidebar-content .lv2-category{padding-left:20px}.sidebar-content .lv2-category .lv2-title-wrap{height:46px;padding:8px;border-bottom:1px solid #F6F8FA}.sidebar-content .lv2-category .lv2-title-wrap .lv2-title{display:flex;flex-direction:row;line-height:30px;border-radius:5px;padding:0 20px}.sidebar-content .lv2-category .lv2-title-wrap .lv2-title:hover{background-color:#F0F4FD}.sidebar-content .lv2-category .lv2-title-wrap .lv2-title .lv2-title-link{flex:1}.sidebar-content button.expand{transform:rotate(180deg)}#sidebar.open{left:0;border-color:#c2c2c2;transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)}@media screen and (max-width: 760px){#sidebar{width:100vw;left:-100vw}}