@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap";@font-face{font-family:Pretendard;font-style:normal;font-weight:700;font-display:swap;src:local("Pretendard Bold"),url(/assets/Pretendard-Bold-Bue7gu6t.woff2) format("woff2"),url(/assets/Pretendard-Bold-DPCkFm1r.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-weight:600;font-display:swap;src:local("Pretendard SemiBold"),url(/assets/Pretendard-SemiBold-CNMjOWTE.woff2) format("woff2"),url(/assets/Pretendard-SemiBold-BvykyzNI.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-weight:400;font-display:swap;src:local("Pretendard Regular"),url(/assets/Pretendard-Regular-5c3iZRvJ.woff2) format("woff2"),url(/assets/Pretendard-Regular-B1_UFAmD.woff) format("woff")}@font-face{font-family:Pretendard;font-style:normal;font-weight:300;font-display:swap;src:local("Pretendard Light"),url(/assets/Pretendard-Light-CAs-M52A.woff2) format("woff2"),url(/assets/Pretendard-Light-BJTS5Rxb.woff) format("woff")}@font-face{font-family:Gmarket;font-style:normal;font-weight:300;font-display:swap;src:local("Pretendard Light"),url(/assets/GmarketSansLight-7Bk2-VmZ.woff2) format("woff2"),url(/assets/GmarketSansLight-CykQoJPr.woff) format("woff")}@font-face{font-family:Gmarket;font-style:normal;font-weight:500;font-display:swap;src:local("Pretendard Light"),url(/assets/GmarketSansMedium-C4yZrQ7H.woff2) format("woff2"),url(/assets/GmarketSansMedium-CbeotrLc.woff) format("woff")}@font-face{font-family:Gmarket;font-style:normal;font-weight:700;font-display:swap;src:local("Pretendard Light"),url(/assets/GmarketSansBold-ik8JvhCQ.woff2) format("woff2"),url(/assets/GmarketSansBold-Drx3I49N.woff) format("woff")}@font-face{font-family:GounBatang;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:GounBatang;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Bold.woff) format("woff");font-weight:700;font-display:swap}.font-mont{font-family:Montserrat}.font-pretendard{font-family:Pretendard}.font-gmarket{font-family:Gmarket}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html *{box-sizing:border-box;word-wrap:break-word}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,figure,legend,input,textarea,button,p,blockquote,th,td,fieldset,iframe{margin:0;padding:0;text-size-adjust:100%}article,aside,canvas,details,embed,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}command,datalist,keygen,mark,meter,progress,rp,rt,ruby,time,wbr{display:inline}img{display:inline-block;vertical-align:top;max-width:100%;border:0;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0)}fieldset{border:0}ul,ol,li{list-style:none}pre{white-space:pre-wrap}legend,caption{position:relative;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;margin:-1px;overflow:hidden;border:0;padding:0;white-space:nowrap;clear:both}a{color:inherit;cursor:pointer;background-color:transparent}a:link{text-decoration:none}a:hover,a:focus,a:active,a:visited{text-decoration:none}em,i,address,cite{font-style:normal;font-weight:400}input,textarea,select,button,table{font-size:inherit;font-family:inherit;border:0;background-color:transparent}button,select{cursor:pointer}textarea,input,select{border-radius:0;border:0;outline-color:-moz-use-text-color;outline-width:medium}textarea{resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}label{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}table{table-layout:fixed;border-collapse:collapse;border-spacing:0}th,td{border-collapse:collapse}select::-ms-expand{display:none}body,button,input,select,table,textarea{font-family:pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}#skip a{position:absolute;left:0;top:-90px;z-index:1000;font-size:1rem;padding:10px 30px;color:var(--white);background:var(--black)}#skip a:focus,#skip a:active{top:0}::selection{background:var(--black);color:var(--white)}body{color:var(--black);background-color:var(--white)}html.is-locked body{height:calc(var(--vh100) - 1px);overflow:hidden!important;box-sizing:border-box}#wrap{width:100%;min-height:var(--vh100);display:flex;flex-direction:column;position:relative;overflow:hidden}section .section-inner{padding:0 16px;margin:0 auto}section .section-inner h2{font-size:50px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--white)}::-webkit-scrollbar-thumb{background:var(--mainColor5);opacity:.3;border-radius:5px}@media (min-width: 1081px){br.mo-only{display:none}br.pc-only{display:block}}@media (max-width: 1081px){::-webkit-scrollbar{width:.5rem;height:.5rem}br.mo-only{display:block}br.pc-only{display:none}#main section{padding:6rem 0!important}#main section .section-inner{max-width:none;padding:0 2rem}#main section .section-inner h2{font-size:3rem}}.cursor[data-v-faf95532]{top:0;left:0;position:absolute;width:100px;height:100px;background:var(--mainColor5);z-index:100;-webkit-user-select:none;user-select:none;border-radius:50%;mix-blend-mode:color-burn;pointer-events:none}#wrap:has(.modal.show) #header[data-v-faf95532]{z-index:10}#header[data-v-faf95532]{position:fixed;left:0;top:0;width:100%;z-index:100;background:var(--black)}.header-inner[data-v-faf95532]{display:flex;align-items:center;justify-content:center}.header-nav[data-v-faf95532]{font-size:0;background:var(--white);text-align:center}.header-nav ul[data-v-faf95532],.header-nav li[data-v-faf95532]{display:inline-block;vertical-align:top}.header-nav li.on>a[data-v-faf95532]{background:var(--white);color:var(--darkGray)}.header-nav li.on>a[data-v-faf95532]:after{animation:shakeIcon-faf95532 .5s .3s ease-in-out}.header-nav li.on:has(a[href="#myself"]) a[data-v-faf95532]{background:var(--mainColor1)}.header-nav li.on:has(a[href="#contact"]) a[data-v-faf95532]{background:var(--mainColor4);color:var(--white)}.header-nav li:first-of-type a[data-v-faf95532]{position:relative;padding-right:40px}.header-nav li:first-of-type a[data-v-faf95532]:after{content:"";display:block;position:absolute;display:inline-block;top:50%;margin-top:-12px;right:14px;width:22px;height:22px;background:url(/assets/images/icon/ico_hand.png) no-repeat 50%/22px auto;transform:rotate(0);transform-origin:bottom}.header-nav li a[data-v-faf95532]{display:inline-block;text-transform:uppercase;font-size:18px;font-weight:700;padding:0 25px;position:relative;line-height:38px;color:var(--white);background:var(--black);transition:.4s ease-out}.header-nav-mobile[data-v-faf95532]{display:none;width:3.75rem;height:3.75rem;cursor:pointer;background:var(--black)}.header-nav-mobile span[data-v-faf95532]{display:block;width:2.4rem;height:2px;background-color:var(--white);position:relative;top:50%;left:50%;margin:-.2rem 0 0 -1.5rem}.header-nav-mobile span[data-v-faf95532]:before{content:"";width:2.4rem;height:2px;background-color:var(--white);position:absolute;right:0;transition:width .3s;top:.4rem}@keyframes shakeIcon-faf95532{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}@media (max-width: 1081px){.cursor[data-v-faf95532]{display:none}#wrap:has(.header-nav-mobile[aria-expanded=true]) .header-nav[data-v-faf95532]{transform:translateY(var(--vh100));transition-delay:.1s}#wrap:has(.header-nav-mobile[aria-expanded=true]) .header-nav-mobile span[data-v-faf95532]{transform:rotate(-45deg)}.header-nav[data-v-faf95532]{transform:translateY(0);right:0;bottom:0;left:0;position:absolute;padding-top:7rem;height:var(--vh100);transition:.1s transform;background:none}.header-nav[data-v-faf95532]:before{content:"";display:block;position:absolute;top:-1px;left:0;width:100%;height:calc(100% + 1px);background:var(--black)}.header-nav ul[data-v-faf95532]{display:block;min-width:15rem;padding-bottom:2rem}.header-nav ul li[data-v-faf95532]{display:block;text-align:right}.header-nav ul li.on a[data-v-faf95532]{background:var(--white)!important;color:var(--darkGray)!important}.header-nav ul li:first-of-type a[data-v-faf95532]{padding-right:1.6rem}.header-nav ul li:first-of-type a[data-v-faf95532]:after{width:1.5rem;height:1.5rem;right:-.3rem;top:.3rem;background-size:1.5rem auto;position:relative}.header-nav ul li a[data-v-faf95532]{display:block;padding:1rem 1.6rem;height:auto;line-height:1.2;text-align:center}.header-nav-mobile[data-v-faf95532]{display:block;z-index:55;position:relative;width:100%}.header-nav-mobile span[data-v-faf95532],.header-nav-mobile span[data-v-faf95532]:before{transition:.3s transform;transform-origin:center}}#footer[data-v-1fd7deba]{background:var(--grayED)}#footer .section-inner[data-v-1fd7deba]{max-width:1280px;margin:0 auto;text-align:center;padding:60px 0}#footer .link-wrap[data-v-1fd7deba]{margin-bottom:20px}#footer .link-item a[data-v-1fd7deba]{display:inline-block;vertical-align:top;width:40px;height:40px;position:relative;background:url(/assets/images/icon/ico_github.svg) no-repeat 50%/100% auto;border-radius:50%;opacity:.5}#footer p[data-v-1fd7deba]{margin-top:10px;font-size:14px}#footer .text-desc[data-v-1fd7deba]{color:var(--gray600)}#footer .text-copy[data-v-1fd7deba]{color:var(--white)}@media (max-width: 1081px){#footer .section-inner[data-v-1fd7deba]{padding:3rem 2rem}#footer .section-inner .link-wrap[data-v-1fd7deba]{margin-bottom:1.5rem}#footer p[data-v-1fd7deba]{font-size:1rem;margin-top:.9rem}#footer .text-desc[data-v-1fd7deba]{word-break:keep-all}}#intro[data-v-f2cc9f66]{height:var(--vh100);padding-top:16px;overflow:hidden;position:relative}#intro .section-inner[data-v-f2cc9f66]{height:100%;position:relative}#intro .text-box[data-v-f2cc9f66]{height:calc(100% - 16px);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}#intro .text-box>div[data-v-f2cc9f66]:not(.mq-box){z-index:10;margin-bottom:100px}#intro .text-box .text-row[data-v-f2cc9f66]{display:flex;align-items:center}#intro .text-box .text-row+.text-row[data-v-f2cc9f66]{margin-top:20px}#intro .text-box .text-row:nth-of-type(3) span[data-v-f2cc9f66]{margin-left:100px;flex:auto;text-align:right}#intro .text-box .text-row p[data-v-f2cc9f66]{font-size:90px;font-weight:700;line-height:1}#intro .text-box .text-row .text-border[data-v-f2cc9f66]{text-shadow:-1px 0px var(--black),0px 1px var(--black),1px 0px var(--black),0px -1px var(--black);color:var(--white)}#intro .text-box .text-row .text-colored[data-v-f2cc9f66]{color:var(--mainColor2)}#intro .text-box .mq-box[data-v-f2cc9f66]{position:absolute;bottom:0;white-space:nowrap}#intro .text-box .text-bg[data-v-f2cc9f66]{opacity:.02;font-size:140px;font-weight:700;display:inline-block}#intro .text-box .text-copy[data-v-f2cc9f66]{color:var(--gray600);font-size:16px;position:absolute;bottom:13%;left:50%;transform:translate(-50%);z-index:2}@keyframes bgBoxChange-f2cc9f66{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 1081px){#intro .cursor[data-v-f2cc9f66]{display:none}#intro .text-box[data-v-f2cc9f66]{height:calc(100% - 1rem);border-radius:1rem}#intro .text-box>div[data-v-f2cc9f66]:not(.mq-box){transform:unset!important;margin-bottom:4rem;width:100%}#intro .text-box .text-row[data-v-f2cc9f66]{flex-direction:column;align-items:flex-start}#intro .text-box .text-row+.text-row[data-v-f2cc9f66]{margin-top:.5rem}#intro .text-box .text-row .bg-box[data-v-f2cc9f66]{display:none}#intro .text-box .text-row[data-v-f2cc9f66]:nth-of-type(2){margin-left:0}#intro .text-box .text-row:nth-of-type(3) p[data-v-f2cc9f66]{margin-left:0;line-height:1.2}#intro .text-box .text-row:nth-of-type(3) span[data-v-f2cc9f66]{text-align:left;margin:1.4rem 0 0;font-size:1.2rem;line-height:1.4}#intro .text-box .text-row p[data-v-f2cc9f66]{font-size:3.4rem;margin-left:0}#intro .text-box .text-copy[data-v-f2cc9f66]{font-size:1rem;width:100%;padding:0 2rem;word-break:keep-all;bottom:5%}#intro .text-box .mq-box[data-v-f2cc9f66]{bottom:5%}#intro .text-box .text-bg[data-v-f2cc9f66]{font-size:6rem}}:root{--mainEng-font: "Montserrat";--mainKor-font: "Pretendard";--mainNum-font: "Gmarket";--white: #fff;--black: #333;--gray600: #666;--gray900: #999;--grayA1: #a1a1a1;--grayED: #efefef;--grayDF: #dfdfdf;--darkGray: #44474d;--mainColor1: #fcc6a2;--mainColor2: #f79b6c;--mainColor3: #f47320;--mainColor4: #2a3f6a;--mainColor5: #92a1b4;font-family:var(--mainEng-font) var(--mainKor-font);font-size:16px;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}@media (max-width: 1081px){:root{font-size:13px;line-height:1.4}}#myself{background:var(--mainColor1);background:linear-gradient(0deg,#f79b6c,#fcc6a2);overflow:hidden;color:var(--black);position:relative}#myself .section-inner{padding:140px 16px;max-width:1280px}#myself .introduce{display:flex;align-items:flex-start}#myself .introduce .l-right{padding:0 0 0 16px}#myself .introduce .character{display:inline-block;vertical-align:top;width:200px;height:200px;position:relative}#myself .introduce .character>i{display:inline-block;vertical-align:top}#myself .introduce .character .img{width:100%;height:100%;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);overflow:hidden;background:url(/assets/images/img_thumb.png) no-repeat 50%/100% auto}#myself .introduce .msg-greeting{font-size:20px;font-weight:400;line-height:1.6}#myself .contact{display:flex;margin-top:30px}#myself .contact dl{font-size:18px;display:flex}#myself .contact dl+dl{margin-left:40px}#myself .contact dl dt{font-weight:700;margin-right:16px}#myself .resume{margin-top:16px}#myself .resume>a{display:inline-block;vertical-align:top;font-size:16px;font-weight:700;line-height:1;border:1px solid var(--black);border-radius:99rem;padding:0 34px 0 20px;height:40px;line-height:38px;position:relative}#myself .resume>a:after{content:"";display:block;position:absolute;display:inline-block;vertical-align:top;width:14px;height:14px;background-color:var(--black);mask:url(/assets/images/icon/ico_arr_right.svg) no-repeat 50%/13px auto;top:50%;right:14px;margin-top:-7px}#myself .skill{margin-top:80px;display:flex;width:100%;flex-wrap:wrap}#myself .skill-list{width:100%}#myself .skill-list+.skill-list{margin-top:40px}#myself .skill-list h3{display:block;font-size:20px;font-weight:700;margin-bottom:30px}#myself .skill-list h3 span{position:relative}#myself .skill-list h3 span:before{content:"";display:block;width:100%;height:1px;right:0;bottom:-2px;left:0;position:absolute;background:var(--black)}#myself .skill-list dl{font-size:20px;width:calc(50% - 12px);display:inline-block;vertical-align:top;margin:0 0 30px}#myself .skill-list dl:nth-of-type(2n){margin-left:12px}#myself .skill-list dl dt{font-weight:600;text-transform:uppercase;margin-bottom:10px}#myself .skill-list dl dd{font-weight:400;position:relative;z-index:2}#myself .skill-list dl dd mark{color:var(--black);background:transparent;position:relative}#myself .skill-list dl dd mark:before{content:"";display:block;position:absolute;bottom:-1px;left:-1px;right:-1px;background:#ffffff4d;height:14px;z-index:-1}#myself .skill-list dl dd+dd{margin-top:10px}#myself .to-next{margin-top:100px}#myself .to-next>p{font-size:20px;font-weight:600;margin-bottom:65px}#myself .to-next>i{display:inline-block;vertical-align:top;width:60px;height:60px;border:1px solid var(--black);border-radius:50%;position:relative}#myself .to-next>i:before,#myself .to-next>i:after{content:"";display:block;position:absolute;background:var(--black);bottom:20px;left:50%;animation:scrollDown 1s linear infinite alternate}#myself .to-next>i:before{height:75px;width:1px}#myself .to-next>i:after{width:1px;height:26px;transform:rotate(45deg);transform-origin:bottom}#myself .to-next>i>button{text-indent:-9999px;color:transparent;font-size:1px;overflow:hidden;width:100%;height:100%}@keyframes frameLotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scrollDown{0%{bottom:30px}to{bottom:5px}}@media (max-width: 1081px){#myself .introduce{flex-direction:column;align-items:center}#myself .introduce .l-right{padding:2.2rem 0 0}#myself .introduce .character{width:10rem;height:10rem}#myself .introduce .msg-greeting{font-size:1.2rem;text-align:center;word-break:keep-all;padding:0 1rem}#myself .introduce .contact{margin-top:1.2rem;flex-direction:column}#myself .introduce .contact dl{font-size:1.2rem;flex-direction:column;align-items:center}#myself .introduce .contact dl+dl{margin:1rem 0 0}#myself .introduce .contact dl dt{margin:0 0 .5rem}#myself .introduce .resume{margin-top:1.2rem;text-align:center}#myself .introduce .resume>a{font-size:1.2rem;padding:0 2.5rem 0 1.5rem}#myself .introduce .resume>a:after{width:1.05rem;height:1.05rem;-webkit-mask-size:1.05rem auto;mask-size:1.05rem auto;right:1.05rem;margin-top:-.5rem}#myself .skill{margin-top:4rem;flex-direction:column;width:100%}#myself .skill .skill-list{width:100%;text-align:center}#myself .skill .skill-list+.skill-list{margin-top:3rem;padding-left:0}#myself .skill .skill-list:not(:has(h3)){padding-top:0}#myself .skill .skill-list h3{font-size:1.3rem;margin-bottom:2rem}#myself .skill .skill-list dl{width:100%;font-size:1.3rem;word-break:keep-all;margin-left:0}#myself .skill .skill-list dl dt{margin-bottom:1rem}#myself .skill .skill-list dl dd+dd{margin-top:1rem}#myself .to-next{margin-top:4rem;text-align:center}#myself .to-next p{font-size:1.2rem;margin:4.8rem}#myself .to-next i{width:3.75rem;height:3.75rem}#myself .to-next i:before,#myself .to-next i:after{bottom:1.25rem}#myself .to-next i:before{height:4.6rem}#myself .to-next i:after{height:1.625rem}}.view-tab-btns>button[data-v-1da53f1c]{font-size:18px;font-weight:700;background:var(--white);color:var(--black);width:150px;height:55px;line-height:55px;border:1px solid var(--black)}.view-tab-btns>button.on[data-v-1da53f1c]{background:var(--black);color:var(--white)}.view-tab-btns>button.on>i[data-v-1da53f1c]{background-color:var(--white)}.view-tab-btns>button[data-v-1da53f1c]:first-of-type{border-top-left-radius:8px;border-bottom-left-radius:8px}.view-tab-btns>button[data-v-1da53f1c]:last-of-type{border-top-right-radius:8px;border-bottom-right-radius:8px}.view-tab-btns>button>i[data-v-1da53f1c]{display:inline-block;vertical-align:middle;width:20px;height:20px;background-repeat:no-repeat;background-position:50%;margin-right:6px;background-color:var(--darkGray)}.view-tab-btns>button>i.pc[data-v-1da53f1c]{mask:url(/assets/images/icon/ico_tab_pc.svg) no-repeat 50%/20px auto}.view-tab-btns>button>i.mobile[data-v-1da53f1c]{mask:url(/assets/images/icon/ico_tab_mobile.svg) no-repeat 50%/auto 25px}#experience{padding:140px 0;background:var(--white)}#experience .section-inner{max-width:1280px}#experience .experience-wrap{display:flex}#experience .experience-title{width:315px;left:auto!important}#experience .experience-title .title-inner{position:sticky;top:140px}#experience .experience-title p{margin-top:30px;font-size:18px}#experience .experience-content{width:calc(100% - 316px)}#experience .experience-item{padding:40px 0}#experience .experience-item:last-of-type{padding-bottom:0}#experience .experience-item+.experience-item{border-top:1px solid rgba(0,0,0,.2)}#experience .experience-item:hover>a:before,#experience .experience-item:hover>a:after{transform-origin:bottom}#experience .experience-item:hover>a:before{transform:scaleY(1)}#experience .experience-item:hover>a:after{transform:scaleY(1) translate(-50%,-50%)}#experience .experience-item>a{position:relative;z-index:1;display:flex;opacity:1;padding:0 16px}#experience .experience-item>a:before,#experience .experience-item>a:after{content:"";display:block;position:absolute}#experience .experience-item>a:before{text-align:center;top:-41px;right:0;bottom:-41px;left:0;z-index:10;background:#92a1b44a;mix-blend-mode:color;transform:scaleY(0);transform-origin:top;transition:transform 1s cubic-bezier(.19,1,.22,1)}#experience .experience-item>a>div{width:calc(100% - 120px);padding-left:80px}#experience .experience-item>a span{display:inline-block}#experience .experience-item .category{top:8px;right:16px;position:absolute;font-size:14px}#experience .experience-item .thumbnail{width:120px;height:120px;border-radius:10px;overflow:hidden;position:relative}#experience .experience-item .thumbnail:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(0,0,0,.1);border-radius:inherit}#experience .experience-item .thumbnail img{width:100%;height:100%;object-fit:cover;transition:.2s ease-in}#experience .experience-item h4{font-size:26px;font-weight:700;padding-right:100px;word-break:keep-all}#experience .experience-item h4:has(i) span{margin-right:10px}#experience .experience-item h4 span{display:inline}#experience .experience-item h4 i{display:inline-block;vertical-align:top;font-size:12px;height:18px;line-height:17px;background:var(--black);border-radius:10px;padding:0 5px;color:var(--white);top:10px;position:relative}#experience .experience-item .rate-date{margin-top:16px;font-size:18px;line-height:1}#experience .experience-item .rate-date span{display:inline-block;vertical-align:top}#experience .experience-item .rate-date .rate{margin-right:20px;position:relative}#experience .experience-item .rate-date .rate:after{content:"";display:block;position:absolute;width:1px;height:14px;background:var(--black);right:-10px;top:50%;transform:translateY(-50%)}#experience .experience-item .rate-date strong{margin-left:4px;display:inline-block;line-height:1}#experience .experience-item .tags{margin-top:18px;line-height:1}#experience .experience-item .tags>span{font-size:14px;height:25px;border:1px solid var(--grayA1);color:var(--black);font-weight:500;border-radius:15px;padding:0 10px;line-height:23px;margin:0 6px 6px 0}#experience .experience-item .description{font-size:16px;line-height:1.6;color:var(--black);margin-top:10px;position:relative}#experience .experience-item .description br{display:none}#experience .experience-item .description p{display:inline}#experience .experience-item .description .view-detail{display:none;color:var(--gray600)}#wrap:has(.modal.show) cursor{display:none}#wrap:has(.modal.show) .modal-dimmed{opacity:1;z-index:100}.modal-dimmed{top:0;right:0;bottom:0;left:0;position:fixed;transition-delay:.2s;transition-duration:.2s;opacity:0;z-index:-1}.modal-dimmed:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{top:0;right:0;bottom:0;left:0;position:fixed;transform:translateY(100%);transition-duration:.5s;transition-property:transform;z-index:100}.modal.show{transform:translateY(0)}.modal.show .modal-dimmed{opacity:1}.modal-inner{top:100px;right:0;bottom:0;left:0;position:absolute}.modal-head{top:-100px;right:0;bottom:0;left:0;position:absolute;width:100%;height:100px}.modal-head>button{background:var(--black);width:50px;height:50px;border-radius:50%;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}.modal-head>button:after{content:"";display:block;position:absolute;width:30px;height:30px;mask:url(/assets/images/icon/ico_close_modal.svg) no-repeat 50%/30px auto;background-color:var(--white);top:50%;left:50%;margin:-15px 0 0 -15px}.modal-body{width:100%;height:100%;background:var(--white);border-radius:12px 12px 0 0;overflow:hidden}.modal-body-inner{padding:60px 16px 0;height:100%;overflow-y:auto;overflow-x:hidden}.modal .prj-details{width:100%;max-width:1280px;margin:0 auto}.modal .prj-details>div{width:inherit;display:flex;flex-wrap:wrap;gap:40px 16px}.modal .prj-details dl{width:calc(50% - 8px)}.modal .prj-details dl.full{width:100%}.modal .prj-details dt{font-size:20px;font-weight:700;padding-left:22px;position:relative}.modal .prj-details dt:before{transform:rotate(-45deg);content:"";display:block;position:absolute;width:14px;height:4px;background:var(--mainColor5);left:1px;top:12px}.modal .prj-details dd{margin-top:12px;font-size:18px;line-height:1.8;word-break:keep-all}.modal .prj-details dd mark{color:inherit;background:var(--mainColor5);color:var(--white)}.modal .prj-details dd i{font-size:12px;display:inline-block;vertical-align:text-top;background:var(--mainColor4);color:var(--white);border-radius:4px;padding:3px 4px;margin:4px 1px 0 0;line-height:1}.modal .prj-details dd>span+span:before{content:",";display:inline-block;margin-right:7px}.modal .prj-details dd .hljs-wrap{position:relative;overflow:hidden}.modal .prj-details dd pre{max-height:300px;overflow-x:hidden;overflow-y:auto}.modal .prj-details dd pre::-webkit-scrollbar-track{background:#2b2b2b}.modal .prj-details dd pre code{font-size:14px;font-family:Consolas}.modal .prj-details dd small{top:0;right:10px;position:absolute;font-size:12px;padding:3px 7px;background:var(--black);text-transform:uppercase;color:var(--white)}.modal .prj-details ul{font-size:16px;margin-top:12px}.modal .prj-details ul li{padding-left:12px;position:relative}.modal .prj-details ul li:before{content:"";display:block;position:absolute;width:5px;height:5px;left:0;top:12px;background:var(--gray600);border-radius:50%}.modal .prj-details ul li+li{margin-top:5px}.modal .prj-view{width:100%;height:auto;max-width:1280px;margin:60px auto 0;position:relative;padding:60px 0}.modal .prj-view:not(:has(.tab-content)){display:none}.modal .prj-view:before{content:"";display:block;position:absolute;background:var(--grayED);top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100%;z-index:0}.modal .prj-view .view-tab-btns,.modal .prj-view .view-tab-contents{position:relative;z-index:1}.modal .prj-view .view-tab-btns{display:flex;align-items:center;justify-content:center;padding-bottom:40px}.modal .prj-view .view-tab-contents{width:100%;text-align:center}.modal .prj-view .tab-content.pc .view-frame{border-radius:8px;overflow:hidden;filter:drop-shadow(1px 3px 7px rgba(0,0,0,.2))}.modal .prj-view .tab-content.pc .view-frame-head{width:auto;height:40px;background:#fafafa url(/assets/images/bg_pc_frame.png) no-repeat 0 50%/auto 100%}.modal .prj-view .tab-content.pc .view-frame-body{position:relative;padding-top:50%}.modal .prj-view .tab-content.pc .view-frame-inner{top:0;left:0;position:absolute;width:100%;height:100%;background:var(--grayED);overflow:hidden}.modal .prj-view .tab-content.pc .view-frame-inner img{width:100%;min-height:100%;height:100%}.modal .prj-view .tab-content.pc .view-frame-foot{display:none}.modal .prj-view .tab-content.mobile .view-frame{border-radius:8px;overflow:hidden;filter:drop-shadow(1px 3px 7px rgba(0,0,0,.2));position:relative;margin:0 auto;max-width:400px}.modal .prj-view .tab-content.mobile .view-frame-head{width:100%;height:6%;top:0;left:0;position:absolute}.modal .prj-view .tab-content.mobile .view-frame-head:after{content:"";top:0;left:0;position:absolute;width:100%;height:100%;background:url(/assets/images/bg_mob_frame_top.png) no-repeat 50%/100% auto;z-index:3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.modal .prj-view .tab-content.mobile .view-frame-body{width:100%;position:relative;padding-top:190%}.modal .prj-view .tab-content.mobile .view-frame-inner{top:0;left:0;position:absolute;width:100%;height:100%;background:var(--grayED);overflow:hidden;padding-top:14%}.modal .prj-view .tab-content.mobile .view-frame-inner img{width:100%;max-height:700px}.modal .prj-view .tab-content.mobile .view-frame-inner img.img-fixed{top:57%;left:0;position:absolute;transform:translateY(-50%)}.modal .prj-view .tab-content.mobile .view-frame-foot{width:100%}@media (max-width: 1081px){#experience .experience-wrap{flex-direction:column}#experience .experience-title{width:100%;text-align:center}#experience .experience-title br{display:none}#experience .experience-title h2{font-size:2.4rem}#experience .experience-title p{font-size:1.3rem;margin-top:1.8rem}#experience .experience-content{width:100%;margin-top:3rem}#experience .experience-item{padding:3rem 0}#experience .experience-item:hover>a:before{display:none}#experience .experience-item:hover>a:after{transform:unset}#experience .experience-item:hover>a .thumbnail img{transform:unset;border-radius:0}#experience .experience-item>a{flex-direction:column;padding:8rem 0 0}#experience .experience-item>a>div{padding-left:0;width:100%}#experience .experience-item .category{position:static;font-size:1.1rem}#experience .experience-item .thumbnail{width:6.8rem;height:6.8rem;top:0;left:0;position:absolute}#experience .experience-item h4{padding-right:0;font-size:1.6rem;line-height:1.3;margin-top:.6rem}#experience .experience-item h4:has(i) span{margin-right:0}#experience .experience-item h4:has(i) i{font-size:.9rem;height:1.4rem;line-height:1.4rem;padding:0 .4rem;top:.3rem;left:.38rem}#experience .experience-item h4 span{display:inline}#experience .experience-item .rate-date{margin-top:1.2rem;font-size:1.23rem;line-height:1.2}#experience .experience-item .rate-date .rate{margin-right:1.7rem}#experience .experience-item .rate-date .rate:after{height:1rem;right:-.8rem}#experience .experience-item .tags{margin:1.3rem 0 -.38rem}#experience .experience-item .tags span{font-size:1rem;line-height:1.6rem;height:1.7rem;padding:0 .7rem;margin:0 .38rem .38rem 0}#experience .experience-item .tags span+span{margin-left:0}#experience .experience-item .description{margin-top:1.3rem;font-size:1.15rem}#experience .experience-item .description:after{background-size:.95rem auto;padding-right:1rem}#experience .experience-item .description>p{margin-right:.8rem}.modal-inner{top:6.1rem}.modal-head{top:-6.1rem;height:6.1rem}.modal-head>button{width:3.5rem;height:3.5rem}.modal-head>button:after{width:2rem;height:2rem;-webkit-mask-size:2rem auto;mask-size:2rem auto;margin:-1rem 0 0 -1rem}.modal-body{border-radius:.9rem .9rem 0 0}.modal-body-inner{padding:3rem 2rem 0;flex-direction:column;align-items:normal}.modal .prj-details>div{flex-direction:column;gap:1.5rem 0}.modal .prj-details>div>dl{width:100%}.modal .prj-details dt{font-size:1.2rem;padding-left:1.2rem}.modal .prj-details dt:before{width:.8rem;height:.3rem;left:0;top:.65rem}.modal .prj-details dd{font-size:1.1rem}.modal .prj-details dd i{margin:.1rem 1px 0 0;font-size:.9rem;border-radius:.3rem;padding:.3rem}.modal .prj-details dd ul{font-size:inherit;margin-top:.8rem}.modal .prj-details dd ul>li{padding-left:.7rem}.modal .prj-details dd ul>li:before{width:.3rem;height:.3rem;top:.9rem}.modal .prj-details dd ul>li+li{margin-top:.4rem}.modal .prj-details dd small{font-size:.8rem;padding:.2rem .5rem;right:.5rem}.modal .prj-details dd pre{max-height:16rem}.modal .prj-details dd pre code{font-size:.9rem}.modal .prj-view{margin:3rem auto 0;padding:3rem 0}.modal .prj-view .view-tab-btns{padding-bottom:2rem}.modal .prj-view .view-tab-btns>button{font-size:1.2rem;width:50%;height:3.5rem;line-height:3.5rem}.modal .prj-view .view-tab-btns>button:first-of-type{border-top-left-radius:.6rem;border-bottom-left-radius:.6rem}.modal .prj-view .view-tab-btns>button:last-of-type{border-top-right-radius:.6rem;border-bottom-right-radius:.6rem}.modal .prj-view .view-tab-btns>button>i{margin-right:.4rem;width:1.38rem;height:1.38rem}.modal .prj-view .view-tab-btns>button>i.pc{-webkit-mask-size:1.38rem auto;mask-size:1.38rem auto}.modal .prj-view .view-tab-btns>button>i.mobile{-webkit-mask-size:auto 1.7rem;mask-size:auto 1.7rem}}.l-fixed[data-v-e77509c6]{right:2rem;bottom:2rem;position:fixed;z-index:99;opacity:0;visibility:hidden;mix-blend-mode:multiple;display:flex;flex-direction:column}.l-fixed.show[data-v-e77509c6]{opacity:1;visibility:unset}.l-fixed>a[data-v-e77509c6],.l-fixed>button[data-v-e77509c6]{display:inline-block;vertical-align:top;width:4rem;height:4rem;border-radius:50%;position:relative}.l-fixed>a+a[data-v-e77509c6],.l-fixed>a+button[data-v-e77509c6],.l-fixed>button+a[data-v-e77509c6],.l-fixed>button+button[data-v-e77509c6]{margin-top:.5rem}.l-fixed>a[data-v-e77509c6]:after,.l-fixed>button[data-v-e77509c6]:after{content:"";display:block;position:absolute;width:2.8rem;height:2.8rem;background-color:var(--white);transform:translate(-50%,-50%);left:50%}.resume-btn[data-v-e77509c6]{background:var(--black);text-align:center;color:var(--white);line-height:4rem}.resume-btn[data-v-e77509c6]:after{display:none!important}.top-btn[data-v-e77509c6]{background:var(--mainColor3)}.top-btn[data-v-e77509c6]:after{mask:url(/assets/images/icon/ico_arr_up.svg) no-repeat 50%/28px auto;top:48%}#contact[data-v-bcfe373e]{padding:180px 0 0;text-align:center;background:var(--mainColor4);position:relative}#contact .text-bg[data-v-bcfe373e]{z-index:0;font-size:160px;font-weight:700;text-transform:uppercase;color:transparent;text-shadow:-1px 0px var(--white),0px 1px var(--white),1px 0px var(--white),0px -1px var(--white);opacity:.1;color:var(--mainColor4);top:50%;left:50%;position:absolute;transform:translate(-50%);line-height:1;white-space:nowrap}#contact .section-inner[data-v-bcfe373e]{position:relative;z-index:1;max-width:1280px;overflow:hidden}#contact h2[data-v-bcfe373e]{line-height:1.3;color:var(--white)}#contact .links-area[data-v-bcfe373e]{margin-top:50px}#contact .links-area>a[data-v-bcfe373e]{display:inline-block;vertical-align:top;width:160px;height:50px;border:1px solid var(--white);border-radius:99rem;color:var(--white);font-size:18px;font-weight:700;line-height:48px;background:var(--mainColor4)}#contact .links-area>a+a[data-v-bcfe373e]{margin-left:60px}#contact .links-area>a[data-v-bcfe373e]:after{content:"";display:inline-block;vertical-align:middle;width:14px;height:14px;top:-2px;left:8px;position:relative;background-color:var(--white);mask:url(/assets/images/icon/ico_arr_right.svg) no-repeat 50%/14px auto}#contact .details-area[data-v-bcfe373e]{margin-top:90px;position:relative;display:flex}#contact .details-area dl[data-v-bcfe373e]{display:inline-block;vertical-align:top;width:calc(25% - 12px);background:var(--white);text-align:left;padding:20px 25px;border-radius:20px 20px 0 0;transform:translateY(100px);cursor:pointer;transition:.3s ease-out transform}#contact .details-area dl+dl[data-v-bcfe373e]{margin-left:16px}#contact .details-area dl[data-v-bcfe373e]:hover{transform:translateY(0)}#contact .details-area dl:hover dt[data-v-bcfe373e]:after{transform:rotate(180deg) translateY(2px)}#contact .details-area dt[data-v-bcfe373e]{font-size:22px;font-weight:700;padding-bottom:12px;border-bottom:1px solid #dfdfdf;position:relative;line-height:1}#contact .details-area dt[data-v-bcfe373e]:after{content:"";display:block;position:absolute;width:20px;height:20px;background-color:var(--black);mask:url(/assets/images/icon/ico_arr_up.svg) no-repeat 50%/20px auto;right:0;top:1px;transition:.3s ease-out transform}#contact .details-area dd[data-v-bcfe373e]{padding-top:16px;font-size:18px;color:var(--grayA1);line-height:1.5}@media (max-width: 1081px){#contact[data-v-bcfe373e]{padding:6rem 0 8rem!important}#contact .text-bg[data-v-bcfe373e]{display:none}#contact .section-inner h2[data-v-bcfe373e]{font-size:2.4rem;word-break:keep-all}#contact .links-area[data-v-bcfe373e]{margin-top:2.4rem}#contact .links-area>a[data-v-bcfe373e]{font-size:1.2rem;width:11rem;height:3.5rem;line-height:3.5rem}#contact .links-area>a+a[data-v-bcfe373e]{margin:.5rem 0 0}#contact .links-area>a[data-v-bcfe373e]:after{width:1rem;height:1rem;-webkit-mask-size:1rem auto;mask-size:1rem auto;left:.6rem}#contact .details-area[data-v-bcfe373e]{flex-wrap:wrap;margin-top:3rem}#contact .details-area dl[data-v-bcfe373e]{transform:unset;width:100%;margin:0;border-radius:1rem;cursor:none;padding:1rem 1.2rem}#contact .details-area dl+dl[data-v-bcfe373e]{margin:1rem 0 0}#contact .details-area dl[data-v-bcfe373e]:hover{transform:unset}#contact .details-area dl dt[data-v-bcfe373e]:after{display:none}#contact .details-area dl dt[data-v-bcfe373e]{font-size:1.3rem;padding-bottom:.9rem}#contact .details-area dl dd[data-v-bcfe373e]{font-size:1.1rem;padding-top:1rem}}.wrap-resume{max-width:860px;padding:0 20px;margin:50px auto;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif}.area-top{text-align:right;margin-bottom:20px}.area-title{margin-bottom:30px}.area-title h1{line-height:1;display:inline-block;vertical-align:top;font-size:36px}.set-block{overflow:hidden;padding-bottom:30px}.set-block:last-of-type{padding-bottom:0}.set-block+.set-block{border-top:1px solid rgba(0,0,0,.4);padding-top:20px}.set-block.basic{padding-bottom:40px}.set-block.basic .name{line-height:1;margin-bottom:20px}.set-block.basic .name *{display:inline-block}.set-block.basic .name strong{font-size:22px}.set-block.basic .name p{text-transform:uppercase;font-size:14px;color:var(--gray900);margin-left:8px}.set-block.basic .col-detail>div{overflow:hidden}.set-block.basic dl{margin:0 40px 6px 0}.set-block.prj .set-row strong{display:block;font-size:16px;margin-bottom:6px}.set-block.prj .set-row dl{display:flex;margin:0 6px 0 0;line-height:1.8}.set-block.prj .set-row dl:before{display:none}.set-block.prj .set-row dl.full{display:block}.set-block.prj .set-row dl dt{color:inherit}.set-block.prj .set-row ul{margin-top:4px}.set-block.prj .set-row ul li{position:relative;padding-left:10px}.set-block.prj .set-row ul li:before{content:"";display:block;position:absolute;content:"●";color:var(--gray600);font-size:5px;left:0;top:9px;border-radius:50%;line-height:1}.set-block .col-img{width:100px;height:133px;margin-right:40px;background:var(--grayA1)}.set-block .col-img img{width:100%;height:100%;object-fit:cover}.set-block .col-img+.col-detail{width:calc(100% - 140px)}.set-block .col-period{width:170px;color:#6f7789}.set-block .col-period+.col-detail{width:calc(100% - 170px)}.set-block .col-detail p strong{margin-right:6px}.set-block .col-detail p span{display:inline-block;vertical-align:middle;font-size:12px;color:#6f7789}.set-row:has([class^=col-]){display:flex}.set-row+.set-row{margin-top:20px;padding-top:20px;border-top:1px solid var(--grayDF)}.set-row h2{font-size:18px;line-height:1}.set-row dl,.set-row p,.set-row ul{font-size:14px}.set-row dl{display:inline-flex;align-items:flex-start;margin:0 40px 0 0}.set-row dl:last-of-type{margin-right:0}.set-row dl+dl{position:relative}.set-row dl+dl:before{content:"";display:inline-block;width:1px;height:12px;background:var(--grayDF);top:3px;left:-20px;position:absolute}.set-row dl dt{color:#6f7789;margin-right:16px;white-space:nowrap}.set-row dl dd{word-break:keep-all}.set-row dl dd span+span:before{content:",";display:inline-block;margin-right:3px}.set-row p small{display:block}.set-row ul{margin-top:12px}.set-row ul li+li{margin-top:4px}mark{background:none;color:inherit}.btn-line{display:inline-block;vertical-align:top;border:1px solid var(--gray900);font-size:13px;padding:4px 6px;border-radius:99rem;color:var(--gray600);line-height:1}.btn-line.print>i{display:inline-block;vertical-align:top;width:14px;height:14px;mask:url(/assets/images/icon/ico_print.svg) no-repeat 50%/14px,14px;margin-right:2px;background-color:var(--gray600)}@media (max-width: 861px){.wrap-resume{padding:0 1.5rem;margin:3.8rem 0}.area-top{display:none}.area-title{margin-bottom:2.3rem}.area-title h1{font-size:2.7rem}.set-block{padding-bottom:2.3rem}.set-block+.set-block{padding-top:1.5rem}.set-block.basic dl{margin:0 3rem .5rem 0}.set-block.prj .set-row strong{font-size:1.2rem;margin-bottom:.6rem}.set-block.prj .set-row dl{margin:0 .4rem 0 0}.set-block.prj .set-row ul{margin-top:.3rem}.set-block.prj .set-row ul li{padding-left:.7rem}.set-block.prj .set-row ul li:before{top:.6rem}.set-block .col-img{width:7.6rem;height:10.2rem;margin-right:2rem}.set-block .col-img+.col-detail{width:calc(100% - 9.6rem)}.set-block .col-period{width:10rem}.set-block .col-period+.col-detail{width:calc(100% - 10rem)}.set-block .col-detail .name strong{font-size:1.6rem}.set-block .col-detail .name p{font-size:1rem}.set-block .col-detail p strong{margin-right:.4rem}.set-block .col-detail p span{font-size:.9rem}.set-row+.set-row{margin-top:1.5rem;padding-top:1.5rem}.set-row h2{font-size:1.3rem}.set-row dl,.set-row p,.set-row ul{font-size:1rem}.set-row dl+dl:before{height:.8rem;left:-1.5rem;top:.4rem}.set-row dl dt{margin-right:1rem}.set-row ul{margin-top:.8rem}.set-row ul li+li{margin-top:.2rem}}@media print{.btn-line.print{display:none}}