.layout_wrap{display:block;overflow:hidden}.wrap{width:calc(100% - 260px);margin-left:260px;transition:all .3s ease}.RouteApp.close .layout_wrap .wrap{width:calc(100% - 20px);margin-left:20px}.common_wrap{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;padding:32px 64px 128px}.common_wrap,.common_wrap .card_pagination{position:relative;width:100%}.common_wrap .blog{width:100%;max-width:768px}.common_wrap .blog .page_url{display:flex;justify-content:space-between;width:100%;padding:100px 0 0;margin:48px 0 0;border-top:1px solid var(--whiteDDD)}.common_wrap .blog .page_url .page_url_wrap1{justify-content:flex-start}.common_wrap .blog .page_url .page_url_wrap2{justify-content:flex-end}.common_wrap .blog .page_url .page_url_wrap{display:flex;align-items:center;position:relative;width:calc(50% - 16px);height:120px;transition:.3s}.common_wrap .blog .page_url .page_url_wrap .page_url_next,.common_wrap .blog .page_url .page_url_wrap .page_url_prev{display:block;position:relative;width:100%;height:100%;border-radius:16px;filter:brightness(.3)}.common_wrap .blog .page_url .page_url_wrap .page_url_item{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;padding:0 16px;color:var(--white)}.common_wrap .blog .page_url .page_url_wrap .page_url_item .page_url_item_arrow1,.common_wrap .blog .page_url .page_url_wrap .page_url_item .page_url_item_arrow2{position:relative;width:30px;height:30px;filter:invert(1) brightness(.7)}.common_wrap .blog .page_url .page_url_wrap .page_url_item .page_url_item_arrow1{margin-right:16px}.common_wrap .blog .page_url .page_url_wrap .page_url_item .page_url_item_arrow2{margin-left:16px}.common_wrap .blog .page_url .page_url_wrap .page_url_item .page_url_item_text{width:calc(100% - 46px)}.common_wrap .blog .page_url .page_url_wrap .page_url_item .page_url_item_text .next_post,.common_wrap .blog .page_url .page_url_wrap .page_url_item .page_url_item_text .prev_post{color:var(--themaBright);font-size:16px}.common_wrap .blog .page_url .page_url_wrap .page_url_item .page_url_item_text .page_url_text{color:var(--whiteDDD);font-size:16px;font-weight:600}.common_wrap .blog .page_url .page_url_wrap .page_url_item .page_url_item_text2{text-align:end}.pd_none_col{padding:0!important;flex-direction:column;flex-wrap:nowrap;align-items:center}.common_pf{padding:0 0 128px}.common_pf .blog{max-width:100%;line-height:0}.common_pf .blog .design_pf{display:flex;justify-content:center}.common_pf .blog .design_pf .page_url{max-width:1440px}.common_info{display:flex;justify-content:center;padding:32px 64px}.common_info .info_wrap{display:flex;flex-direction:column;max-width:1440px;width:100%}.common_info .info_wrap .info{display:flex;align-items:center;justify-content:space-between;max-width:1440px;width:100%}.common_info .info_wrap .info .info_left{display:flex}.common_info .info_wrap .info .info_left .info_profile{width:50px;height:50px;border-radius:999px}.common_info .info_wrap .info .info_left .info_text{display:flex;flex-direction:column;justify-content:center;margin-left:16px}.common_info .info_wrap .info .info_left .info_text .info_title{padding-top:4px;font-size:2rem;font-weight:700;line-height:1.2}.common_info .info_wrap .info .info_left .info_text .info_nickname_date{display:flex;line-height:1.2}.common_info .info_wrap .info .info_left .info_text .info_nickname_date div:first-of-type{font-size:1.4rem}.common_info .info_wrap .info .info_left .info_text .info_nickname_date div:nth-of-type(2){font-size:1.4rem;margin-left:16px}.common_info .info_wrap .info .info_right{width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer}.common_info .info_wrap .info .info_right>div{width:25px;height:25px;transition:.3s}.common_info .info_wrap .card_skill_wrap{padding-top:16px}.common_info .info_wrap .card_skill_wrap .card_skill .skill_img{width:15px;height:15px}.common_info .info_wrap .card_skill_wrap .card_skill .skill_text{font-size:1.4rem}.common_info .info_wrap .card_hash_wrap{padding-top:8px}.common_info .info_wrap .card_hash_wrap .card_hash .hash_text{font-size:1.4rem}.common_tabs{position:relative;display:flex;justify-content:center;width:calc(100% - 250px);max-width:100vw;padding:32px;margin-left:250px}@media (max-width:1536px){.common_tabs,.common_wrap{width:100%;margin-left:0}}@media (max-width:1280px){.common_wrap .blog .page_url{padding:64px 16px 0;margin:36px 0 0}}@media (max-width:1024px){.common_wrap{padding:32px 32px 64px}.common_pf{padding:0 0 64px}}@media (max-width:768px){.common_wrap .blog .page_url{flex-direction:column-reverse;align-items:center;padding:32px 8px 0;margin:24px 0 0}.common_wrap .blog .page_url .page_url_wrap{width:100%;margin:8px 0}.common_wrap .blog .page_url .page_url_wrap .page_url_item{padding:0 32px}.common_wrap .blog .page_url .page_url_wrap .page_url_item .page_url_item_text{width:calc(100% - 36px)}}@media (max-width:640px){.layout_wrap .wrap{width:100%;margin-left:0}.common_wrap{padding:16px 16px 32px}.common_wrap .blog .page_url .page_url_wrap .page_url_next,.common_wrap .blog .page_url .page_url_wrap .page_url_prev{border-radius:12px}.common_pf{padding:0 0 32px}.common_info{padding:8px}.common_info .info_wrap .info .info_left .info_profile{width:45px;height:45px}.common_info .info_wrap .info .info_left .info_text{margin-left:8px}.common_info .info_wrap .info .info_left .info_text .info_title{padding-top:8px;line-height:1}.common_info .info_wrap .info .info_left .info_text .info_nickname_date{line-height:1}.common_info .info_wrap .info .info_left .info_text .info_nickname_date div:nth-of-type(2){margin-left:8px}.common_info .info_wrap .info .info_right>div{width:20px;height:20px}.common_tabs{padding:16px}}:root{--thema:#1D55AA;--themaBright:#4783dd;--themaLight:#f4f8ff;--themaPoint:#bbdff7;--redBright:#dd4747;--greenBright:#16963b;--purpleBright:#6d47dd;--line:#dceaff;--shadow:#e5efff;--black:#232323;--blacklight:#555;--blackmute:#8e95a1;--whiteCCC:#cccccc;--whiteDDD:#dddddd;--whiteEEE:#eeeeee;--whiteFD:#fdfdfd;--whiteF7:#f7f7f7;--whiteF9:#f9f9f9;--white:#fff}::-webkit-scrollbar{width:8px;background:var(--blacklight)}::-webkit-scrollbar-thumb{border-radius:999px;background-color:var(--themaBright)}::-webkit-scrollbar-thumb:hover{background-color:var(--thema)}::selection{background:var(--themaBright);color:var(--whiteF9)}body{max-width:100%;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;box-sizing:border-box;line-height:150%;word-break:keep-all;font-size:1.6rem;font-weight:400;font-family:Pretendard,Malgun Gothic,sans-serif}html{font-size:62.5%;letter-spacing:-.5px}@media (max-width:1280px){html{font-size:58.5%}}@media (max-width:768px){html{font-size:54.5%}}@media (max-width:640px){html{font-size:50.5%}}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul li{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit;outline:none}input::-ms-clear{display:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}button{position:relative;background:inherit;border:none;box-shadow:none;border-radius:0;padding:0;overflow:visible;cursor:pointer}textarea{border:unset;resize:none}textarea:focus{outline:none}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff) format("woff");font-weight:900;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff) format("woff");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff) format("woff");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff) format("woff");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:TTTtangsbudaejjigae;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/TTTtangsbudaejjigaeB.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:TTTtangsbudaejjigae;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/TTTtangsbudaejjigaeM.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:TTTtangsbudaejjigae;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2212@1.0/TTTtangsbudaejjigaeL.woff2) format("woff2");font-weight:300;font-display:swap}