a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,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,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,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{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}button,input[type=button]{background:none;border:none;padding:0;outline:none;cursor:pointer;color:inherit;font-size:inherit;font-family:inherit}input{border:none;outline:none}img{vertical-align:top}html{font-size:10px}a{text-decoration:none;color:inherit}.hidden{position:absolute;left:-9999999px;width:0;height:0;z-index:0}*,:after,:before{box-sizing:border-box}.skip a{display:block;text-align:center;padding:15px 0;border:1px solid #000;color:#000;position:fixed;left:-9999px;width:200px;top:0;z-index:999;font-size:2rem}.skip a:focus{left:0}.resume_upload_list[data-v-01b0029a]{width:80%;margin:0 auto;text-align:center}.resume_upload_list li[data-v-01b0029a]{position:relative;display:flex;justify-content:space-around;align-items:center;margin:30px 0;font-size:2rem}.resume_upload_list li label[data-v-01b0029a]{width:90px;text-align:left}.resume_upload_list li[data-v-01b0029a]:last-child{margin:0 0 20px}.resume_upload_list li input[data-v-01b0029a]{width:230px;border:1px solid #000}.resume_upload_list li .btn_upload[data-v-01b0029a]{margin:0}input[data-v-01b0029a],select[data-v-01b0029a]{border:none;outline:none;font-size:1.8rem}.skill_upload_list[data-v-06678531]{width:80%;margin:0 auto;text-align:center}.skill_upload_list li[data-v-06678531]{position:relative;display:flex;justify-content:space-around;align-items:center;margin:30px 0;font-size:2rem}.skill_upload_list li[data-v-06678531]:last-child{margin:0 0 20px}.skill_upload_list li input[data-v-06678531]{width:250px;border:1px solid #000}.skill_upload_list li .btn_upload[data-v-06678531]{margin:0}.skill_upload_list li.img_contents[data-v-06678531]{display:flex;justify-content:center;flex-wrap:wrap;width:100%}.skill_upload_list li.img_contents .img_box[data-v-06678531]{position:relative}.skill_upload_list li.img_contents .upload_value[data-v-06678531]{display:block;width:250px;margin-left:20px;font-size:1.2rem;border:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.skill_upload_list li.img_contents .img_box .btn_delete[data-v-06678531]{position:absolute;top:-5px;right:-5px;display:none;width:15px;height:15px;background-color:#000;border-radius:100%}.skill_upload_list li.img_contents .img_box .btn_delete span[data-v-06678531]{position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:100%;height:2px;background-color:#fff}.skill_upload_list li.img_contents .img_box .btn_delete span[data-v-06678531]:first-child{transform:rotate(45deg)}.skill_upload_list li.img_contents .img_box .btn_delete span[data-v-06678531]:last-child{transform:rotate(-45deg)}@media (max-width:499px){.skill_upload_list li input[data-v-06678531]{width:50vw}}.profile_change_list[data-v-fa48cd86]{width:80%;margin:0 auto;padding:20px 0;text-align:center}.profile_change_list .btn_img[data-v-fa48cd86]{display:inline-block;padding:10px 20px;font-size:1.4rem}.profile_change_list .btn_delete[data-v-fa48cd86]{display:none}.popup[data-v-2d48e9c4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:350px;height:200px;text-align:center;background-color:#fff;border:1px solid #000;z-index:9999}.popup h3[data-v-2d48e9c4]{display:block;margin:20px 0;font-size:2.6rem}.popup ul[data-v-2d48e9c4]{line-height:1.8;font-size:1.6rem}.popup_txt[data-v-2d48e9c4]{line-height:1.4;margin-top:30px;font-size:2rem;word-break:keep-all}#info_popup[data-v-2d48e9c4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:350px;padding:20px 0;text-align:center;background-color:#fff;border:1px solid #000;box-shadow:3px 3px 3px 3px rgba(0,0,0,.6);z-index:9999}#info_popup.on[data-v-2d48e9c4]{top:50%!important;left:50%!important}#info_popup h3[data-v-2d48e9c4]{display:block;margin-bottom:20px;font-size:2.6rem}#info_popup p[data-v-2d48e9c4]{display:block;margin-bottom:20px;font-size:1.4rem}#info_popup p span[data-v-2d48e9c4]{display:block;margin-top:10px;font-size:1.2rem;text-decoration:underline}#info_popup .txt_list[data-v-2d48e9c4]{display:inline-block;text-align:left;font-size:1.2rem}#info_popup .txt_list[data-v-2d48e9c4]:before{content:"*사용 기능*";display:inline-block;font-size:1.6rem}#info_popup .txt_list li[data-v-2d48e9c4]{margin-top:5px}#info_popup .btn_list[data-v-2d48e9c4]{display:flex;justify-content:flex-end;margin-top:30px;padding-right:10px}#info_popup .btn_list li[data-v-2d48e9c4]:last-child{margin-left:10px}#info_popup .btn_list li button[data-v-2d48e9c4]{display:inline-block;padding:5px 10px;font-size:1.4rem;border:1px solid #000}@font-face{font-family:main;src:url(/fonts/BlackHanSans-Regular.eb1728dd.ttf)}@font-face{font-family:sub;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/Jal_Onuel.woff) format("woff");font-weight:400;font-style:normal}#app{width:1000px;height:100vh;margin:0 auto;padding-top:20px}body{font-family:sub;color:#000;overflow-x:hidden}#sub_upload{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.6);z-index:9999}#sub_upload .inner{position:absolute;bottom:-50%;left:50%;transform:translateX(-50%);width:500px;background-color:#fff;border-radius:10px 10px 0 0;transition:all .5s}#sub_upload .inner.on{-webkit-animation:inner .5s forwards;animation:inner .5s forwards}.upload_anim-enter-from{opacity:0}.upload_anim-enter-active{transition:all .5s}.upload_anim-enter-to,.upload_anim-leave-from{opacity:1}.upload_anim-leave-active{transition:all .5s}.upload_anim-leave-to{opacity:0}@-webkit-keyframes inner{0%{bottom:-50%}to{bottom:0}}@keyframes inner{0%{bottom:-50%}to{bottom:0}}.modal{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.6);z-index:9999}.modal .inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:500px;min-height:500px;background-color:#fff;box-shadow:3px 3px 3px rgba(0,0,0,.6);border-radius:10px}.modal .inner .img_box{display:flex;justify-content:center;align-items:center;width:100%;height:350px;border-bottom:2px solid #000}.modal .inner .img_box img{width:90%;height:80%}.modal .inner{position:relative}.modal .inner p{line-height:1.4;padding:20px;font-size:2.2rem;word-break:break-all}.modal .inner .btn_share{position:absolute;top:10px;right:10px;font-size:1.6rem;z-index:99}.btn_close{position:absolute;top:15px;left:15px;display:block;width:30px;height:30px}.btn_close span{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:2px;background-color:#000}.btn_close span:first-child{transform:rotate(45deg)}.btn_close span:nth-child(2){transform:rotate(-45deg)}.bg{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.8);z-index:99999}@media (max-width:1030px){#app{width:90%}}@media (max-width:560px){#sub_upload .inner,.modal .inner{width:90%}}@media (max-width:499px){.modal .inner p{font-size:4vw}.modal .inner .img_box img{height:70%}}.util[data-v-5ddbfe9a]{position:absolute;top:15px;right:20px}.util .util_list[data-v-5ddbfe9a]{position:absolute;top:20px;right:15px;display:block;width:150px;padding:20px 0 20px 14px;background:#fff;border:1px solid #000;z-index:999}.util .util_list li button[data-v-5ddbfe9a],.util .util_list li label[data-v-5ddbfe9a]{display:inline-block;font-size:1.6rem;word-break:keep-all}.util .util_list li[data-v-5ddbfe9a]:nth-child(n+2){margin-top:10px}.btn_util img[data-v-5ddbfe9a]{width:20px}@media (max-width:499px){.btn_util img[data-v-5ddbfe9a]{width:10vw}}#header[data-v-117c8894]{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:80px;margin:0 auto 20px;padding:0 20px;border:1px solid #000;border-radius:10px}#header .logo[data-v-117c8894]{flex:1}#header .logo a[data-v-117c8894]{display:inline-block}#header .logo a img[data-v-117c8894]{width:300px}#header .header_profile[data-v-117c8894]{display:none}#header .header_profile button[data-v-117c8894]{width:50px;height:50px;border:1px solid #000;border-radius:100%}#header .header_profile button img[data-v-117c8894]{width:100%;height:100%;border-radius:100%}#header .util[data-v-117c8894]{position:relative;top:0;right:0;display:none;margin-left:20px}@media (max-width:1030px){#header .header_profile[data-v-117c8894],#header .util[data-v-117c8894]{display:block}}@media (max-width:560px){#header .logo a img[data-v-117c8894]{width:250px}}@media (max-width:499px){#header[data-v-117c8894]{padding:0 10px}#header .logo a img[data-v-117c8894]{width:45vw}#header .header_profile button[data-v-117c8894]{width:12vw;height:12vw}#header .util[data-v-117c8894]{margin-left:5vw}}.skill_bar[data-v-f732d470]{position:relative;height:110px;border:1px solid #000;border-radius:10px}.skill_list[data-v-f732d470]{width:100%;display:flex;align-items:center;height:100%;padding:0 10px;overflow-x:scroll}.skill_bar .skill_list[data-v-f732d470]::-webkit-scrollbar{height:10px;background-color:none;border-radius:0 0 10px 10px}.skill_bar .skill_list[data-v-f732d470]::-webkit-scrollbar-thumb{height:10px;background:#000;border-radius:0 0 10px 10px}.skill_list li[data-v-f732d470]{position:relative;flex-shrink:0;display:flex;justify-content:center;align-content:center;width:70px;height:70px}.skill_list li[data-v-f732d470]:nth-child(n+2){margin-left:20px}.skill_list li .img_box[data-v-f732d470]{width:100%;height:100%;border:1px solid #000;border-radius:100%;overflow:hidden}.skill_list li img[data-v-f732d470]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;cursor:pointer}.btn_add[data-v-f732d470]{position:absolute;top:-7px;right:0;display:inline-block;background-color:#fff;font-size:1.4rem}.skill_bar .skill_none[data-v-f732d470]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem}.btn_delete[data-v-f732d470]{position:absolute;top:0;right:0;width:15px;height:15px;background-color:#000;border-radius:100%}.btn_delete span[data-v-f732d470]{position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:100%;height:2px;background-color:#fff}.btn_delete span[data-v-f732d470]:first-child{transform:rotate(45deg)}.btn_delete span[data-v-f732d470]:last-child{transform:rotate(-45deg)}@media (max-width:499px){.skill_bar .skill_none[data-v-f732d470]{font-size:3vw}}.portfolio[data-v-e9f78270]{position:relative;height:calc(100vh - 250px)}.portfolio_none[data-v-e9f78270]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem}.portfolio_list[data-v-e9f78270]{width:100%;height:100%;margin-top:20px;padding-bottom:20px;overflow-y:scroll}.portfolio_list[data-v-e9f78270]::-webkit-scrollbar{width:10px;background:none}.portfolio_list[data-v-e9f78270]::-webkit-scrollbar-thumb{background:#000;border-radius:100px}.portfolio_list li[data-v-e9f78270]{position:relative;border:1px solid #000;border-radius:10px}.portfolio_list li[data-v-e9f78270]:nth-child(n+2){margin-top:20px}.portfolio_list li .img_box[data-v-e9f78270]{position:relative;width:100%;height:500px;overflow:hidden;border-bottom:1px solid #000;border-radius:10px 10px 0 0}.portfolio_list li .img_box img[data-v-e9f78270]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%}.portfolio_list li .main_box[data-v-e9f78270]{position:relative;display:block;width:100%;height:500px;border-bottom:1px solid #000}.portfolio_list li .info_box[data-v-e9f78270]{display:block;padding:30px 20px}.portfolio_list li .info_box dt[data-v-e9f78270]{display:block;margin-bottom:20px;font-size:2.6rem;font-weight:700;word-break:keep-all}.portfolio_list li .info_box dd[data-v-e9f78270]{font-size:1.8rem}.portfolio_list li .info_box dd[data-v-e9f78270]:nth-child(n+3){margin-top:10px}.portfolio_list li .info_box dd .btn_link[data-v-e9f78270]{display:inline-block;padding:10px 20px;border:1px solid #000}.portfolio_list li .info_box dd .btn_link.link_none[data-v-e9f78270]{position:relative;pointer-events:none}.portfolio_list li .info_box dd .btn_link.link_none[data-v-e9f78270]:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(14deg);display:block;width:100%;height:3px;background-color:#000}.portfolio_list li .info_box dd .btn_link.link_none[data-v-e9f78270]:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(-14deg);display:block;width:100%;height:3px;background-color:#000}.portfolio_list li .btn_delete[data-v-e9f78270]{top:20px;right:20px}.btn_add[data-v-e9f78270]{position:absolute;top:-7px;right:0;display:inline-block;background-color:#fff;font-size:1.4rem}@media (max-width:560px){.portfolio_list li .img_box[data-v-e9f78270]{height:350px}.portfolio_list li .info_box dt[data-v-e9f78270]{font-size:2rem}.portfolio_list li .info_box dd[data-v-e9f78270]{font-size:1.4rem}.portfolio_list li .info_box dd span[data-v-e9f78270]{line-height:1.5}}@media (max-width:499px){.portfolio_none[data-v-e9f78270]{font-size:3vw}}.my_info[data-v-5fc1c819]{position:relative;display:block;width:350px;height:310px;padding:15px 20px 10px;border:1px solid #000;border-radius:10px}.my_info .head[data-v-5fc1c819]{display:flex;align-items:center}.my_info .head>img[data-v-5fc1c819]{width:70px;height:70px;border-radius:100%}.my_info .head h3[data-v-5fc1c819]{line-height:1.2;margin-left:15px;font-size:1.2rem}.my_info .head h3 strong[data-v-5fc1c819]{display:block;font-size:1.6rem}.my_info .resume h3[data-v-5fc1c819]{position:relative;display:block;margin:20px 0;font-size:1.6rem;color:#b1b0b0}.my_info .resume h3 .btn_add[data-v-5fc1c819]{position:absolute;top:0;right:0;color:#000;font-size:1.2rem}.my_info .resume .resume_list[data-v-5fc1c819]{position:relative;height:150px;overflow-y:scroll}.my_info .resume .resume_list[data-v-5fc1c819]::-webkit-scrollbar{width:3px;background:none;border-radius:10px}.my_info .resume .resume_list[data-v-5fc1c819]::-webkit-scrollbar-thumb{background:#000}.my_info .resume .resume_list li[data-v-5fc1c819]{position:relative;display:block;width:100%;padding-left:10px;line-height:1.2;font-size:1.4rem}.my_info .resume .resume_list li[data-v-5fc1c819]:before{content:"";position:absolute;top:8px;left:0;display:block;width:3px;height:3px;margin-right:5px;background-color:#000}.my_info .resume .resume_list li span.period[data-v-5fc1c819]{display:block;font-size:1.1rem}.my_info .resume .resume_list li[data-v-5fc1c819]:nth-child(n+2){margin-top:10px}.my_info .resume .resume_list li.resume_none[data-v-5fc1c819]{position:absolute;top:50%;transform:translateY(-50%);padding:0;text-align:center}.my_info .resume .resume_list li.resume_none[data-v-5fc1c819]:before{display:none}.btn_delete[data-v-5fc1c819]{position:absolute;top:50%;right:0;transform:translateY(-50%);width:15px;height:15px;background-color:#000;border-radius:100%}.btn_delete span[data-v-5fc1c819]{position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:100%;height:2px;background-color:#fff}.btn_delete span[data-v-5fc1c819]:first-child{transform:rotate(45deg)}.btn_delete span[data-v-5fc1c819]:last-child{transform:rotate(-45deg)}@media (max-width:1030px){.my_info[data-v-5fc1c819]{display:none}}#main[data-v-cac07560]{display:flex;justify-content:space-between;flex-wrap:wrap}#main section[data-v-cac07560]{width:630px}@media (max-width:1030px){#main section[data-v-cac07560]{width:100%}}.popup[data-v-1554ad76]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:350px;height:200px;text-align:center;background-color:#fff;border:1px solid #000;z-index:9999}.popup h3[data-v-1554ad76]{display:block;margin:20px 0;font-size:2.6rem}.popup ul[data-v-1554ad76]{line-height:1.8;font-size:1.6rem}.modal_txt[data-v-1554ad76]{line-height:1.4;margin-top:30px;font-size:2rem;word-break:keep-all}#session[data-v-eadad7b8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:450px;padding:20px 0;border:1px solid #000}#session>h2[data-v-eadad7b8]{position:absolute;top:-50px;left:50%;transform:translateX(-50%);font-size:3rem;font-weight:700}article[data-v-eadad7b8]{position:relative;width:100%}article.join_box .input_box .input_list[data-v-eadad7b8]{height:420px;overflow-y:scroll}article.join_box .input_box .input_list[data-v-eadad7b8]::-webkit-scrollbar-thumb{background-color:#000}article.join_box .input_box .input_list[data-v-eadad7b8]::-webkit-scrollbar{width:5px;background:none}article.join_box .input_box .input_list>li:nth-child(-n+5) label[data-v-eadad7b8]:after{content:"*"}.input_box[data-v-eadad7b8]{width:100%}.input_box h3[data-v-eadad7b8]{display:block;text-align:center;font-size:2.8rem;font-weight:700}.input_list[data-v-eadad7b8]{margin:30px 0 50px}.input_list>li[data-v-eadad7b8]{width:70%;margin:0 auto}.input_list>li[data-v-eadad7b8]:nth-child(n+2){margin-top:25px}.input_list>li label[data-v-eadad7b8]{display:inline-block;margin-bottom:5px;font-size:1.8rem}.input_list>li input[data-v-eadad7b8]{display:block;width:100%;padding:10px;border:1px solid #000}.input_list>li .img_box[data-v-eadad7b8]{position:relative;display:block;width:80px;height:80px;margin:5px 0;border:1px solid #000}.input_list>li .img_box img[data-v-eadad7b8]{width:100%;height:100%}.input_list>li>button[data-v-eadad7b8]{width:100%;margin-top:30px;padding:20px;text-align:center;font-size:1.8rem;color:#fff;background-color:#000}.select_list[data-v-eadad7b8]{display:flex;justify-content:space-between}.select_list li[data-v-eadad7b8]{position:relative;width:30%}.select_list li select[data-v-eadad7b8]{width:100%;padding:10px 0;outline:none}.util_list[data-v-eadad7b8]{display:flex;justify-content:center}.util_list li[data-v-eadad7b8]:nth-child(n+2){position:relative;margin-left:30px}.util_list li[data-v-eadad7b8]:nth-child(n+2):before{content:"";position:absolute;top:48%;left:-15px;transform:translateY(-50%);display:block;width:2px;height:15px;background-color:#000}.util_list li button[data-v-eadad7b8]{display:block;font-size:1.4rem}.btn_back[data-v-eadad7b8]{position:absolute;top:15px;left:15px}.btn_back img[data-v-eadad7b8]{width:35px}.bg[data-v-eadad7b8]{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.8);z-index:6}.btn_delete[data-v-eadad7b8]{position:absolute;top:-5px;right:-5px;display:none;width:15px;height:15px;background-color:#000;border-radius:100%}.btn_delete span[data-v-eadad7b8]{position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:100%;height:2px;background-color:#fff}.btn_delete span[data-v-eadad7b8]:first-child{transform:rotate(45deg)}.btn_delete span[data-v-eadad7b8]:last-child{transform:rotate(-45deg)}@media (max-width:499px){#session[data-v-eadad7b8]{width:90%}#session>h2[data-v-eadad7b8]{font-size:8vw}article.join_box .input_box .input_list[data-v-eadad7b8]{height:50vh}#session .util_list li button[data-v-eadad7b8]{font-size:1.2rem}.select_list[data-v-eadad7b8]{justify-content:space-around}}#myPage{width:1000px;margin:0 auto}#myPage .contents_head{display:flex;justify-content:space-around;align-items:center;width:100%;margin:20px 0}#myPage .contents_head .resume h3{position:relative;display:block;margin-bottom:30px;font-size:2.6rem}#myPage .contents_head .resume h3 span{font-size:1.4rem}#myPage .contents_head .resume h3 .btn_add{position:absolute;top:-20px;right:-40px;color:#000;font-size:1.4rem;font-family:sub}#myPage .contents_head .resume h3 .btn_add:after{content:"+";position:absolute;top:-14px;right:-10px;font-size:2rem}#myPage .contents_head .resume p{position:relative;padding-left:10px;font-size:1.8rem}#myPage .contents_head .resume p:nth-child(n+2){margin-top:10px}#myPage .contents_head .resume p:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:4px;height:4px;background-color:#000}#myPage .contents_head .resume p>span{font-size:1.2rem}#myPage .contents_head .resume p .btn_delete{top:50%;right:-25px;transform:translateY(-50%)}#myPage .contents_head .img_box img{width:200px;border-radius:100%}#myPage .contents_head .btn_back{position:absolute;top:15px;left:15px}#myPage .contents_head .btn_back img{width:35px}#myPage .contents_main{width:100%}#myPage .contents_main .tab_list{display:flex;justify-content:center;margin:50px 0;font-size:2.2rem;border-top:1px solid #000}#myPage .contents_main .tab_list li:nth-child(n+2){position:relative;margin-left:50px}#myPage .contents_main .tab_list li:nth-child(n+2):before{content:"";position:absolute;top:50%;left:-25px;transform:translateY(-50%);display:block;width:2px;height:20px;background-color:#000}#myPage .contents_main .tab_list li button{display:block;padding:10px 5px}#myPage .chapter>h3{position:relative;color:#fff;font-size:5rem;font-family:main;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}#myPage .chapter>h3 .btn_add{position:absolute;top:-20px;right:0;color:#000;font-size:1.4rem;font-family:sub}#myPage .chapter>h3 .btn_add:after{content:"+";position:absolute;top:-14px;right:-10px;font-size:2rem}#myPage .skill{position:relative;min-height:500px}#myPage .skill .skill_list{display:flex;justify-content:center;flex-wrap:wrap;line-height:3.5;font-size:2rem}#myPage .skill .skill_list li{position:relative}#myPage .skill .skill_list li:nth-child(n+2){margin-left:20px}#myPage .skill .skill_list li .btn_info{display:inline-block;padding:10px 20px;background-color:#fff;box-shadow:3px 3px 3px rgba(0,0,0,.6);border-radius:100px}#myPage .skill .skill_list li .btn_info.on{background-color:#000;color:#fff}#myPage .skill .skill_list li .btn_delete{top:8px}#myPage .skill .skill_view{position:relative;display:flex;justify-content:space-around;align-items:center;width:100%;height:400px;margin:70px auto 0;font-size:3rem}#myPage .skill .skill_view img{position:relative;width:250px}#myPage .skill .skill_view p{position:relative;width:400px;line-height:1.4;word-break:keep-all}#myPage .portfolio{position:relative;min-height:350px}#myPage .portfolio_list{height:100%}#myPage .portfolio_list li{position:relative;display:flex;align-items:center}#myPage .portfolio_list li:nth-child(2n){flex-direction:row-reverse}#myPage .portfolio_list li:nth-child(odd) .info_box{margin-left:40px}#myPage .portfolio_list li:nth-child(2n) .info_box{margin-right:40px}#myPage .portfolio_list li:nth-child(n+2){margin-top:50px}#myPage .portfolio_list li .img_box img{width:500px}#myPage .portfolio_list li .info_box dt{line-height:1.4;font-size:2.6rem;font-weight:700;word-break:keep-all}#myPage .portfolio_list li .info_box dd{font-size:2rem}#myPage .portfolio_list li .info_box dd:nth-child(n+2){margin-top:20px}#myPage .portfolio_list li .info_box dd span{line-height:1.4;margin-right:15px}#myPage .portfolio_list li .info_box dd .btn_link{display:inline-block;padding:10px 20px;border:2px solid #000}#myPage .portfolio_list li .info_box dd .btn_link.link_none{position:relative;pointer-events:none}#myPage .portfolio_list li .info_box dd .btn_link.link_none:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(14deg);display:block;width:100%;height:3px;background-color:#000}#myPage .portfolio_list li .info_box dd .btn_link.link_none:after{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(-14deg);display:block;width:100%;height:3px;background-color:#000}#myPage .txt_none{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem}#footer{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:80px;margin-top:150px;font-size:2rem;border:1px solid #000;border-bottom:none;border-radius:10px}#mypage .btn_delete{background-color:#000!important}@media (max-width:1030px){#myPage{width:90%}#myPage .contents_head .img_box img{width:150px}#myPage .contents_head .resume h3{font-size:2rem}#myPage .contents_head .resume p{font-size:1.4rem}#myPage .chapter>h3{margin-bottom:20px;font-size:4rem}#myPage .skill{min-height:600px}#myPage .skill .skill_list{font-size:1.4rem}#myPage .skill .skill_view{display:block;height:200px;text-align:center;font-size:2rem}#myPage .skill .skill_view p{width:auto;margin-top:20px}#myPage .skill .skill_view img{width:150px}#myPage .portfolio_list li{flex-direction:column;justify-content:center;text-align:center}#myPage .portfolio_list li:nth-child(n+2){margin-top:45px}#myPage .portfolio_list li:nth-child(odd) .info_box{margin:0}#myPage .portfolio_list li:nth-child(2n){flex-direction:column}#myPage .portfolio_list li:nth-child(2n) .info_box{margin:0}#myPage .portfolio_list li .info_box{margin-top:20px!important}#myPage .portfolio_list li .info_box dd:nth-child(n+2){margin-top:10px}#myPage .portfolio_list li .info_box dd span{line-height:1.5}#myPage .txt_none{font-size:1.8rem}}@media (max-width:700px){#myPage .contents_head{flex-direction:column}#myPage .contents_head .resume{margin-top:25px;text-align:center}#myPage .contents_head .resume p:before{display:none}#myPage .contents_head .resume p>span{display:block;margin-top:5px}#myPage .txt_none{font-size:1.4rem}#footer{font-size:1.6rem}}@media (max-width:560px){#myPage .portfolio_list li .img_box img{width:90%}#myPage .portfolio_list li .info_box dt{font-size:2rem}#footer,#myPage .portfolio_list li .info_box dd{font-size:1.4rem}}@media (max-width:499px){#footer,#myPage .txt_none{font-size:3vw}}.popup[data-v-48f31a19]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:350px;height:200px;text-align:center;background-color:#fff;border:1px solid #000;z-index:9999}.popup h3[data-v-48f31a19]{display:block;margin:20px 0;font-size:2.6rem}.popup ul[data-v-48f31a19]{line-height:1.8;font-size:1.6rem}.modal_txt[data-v-48f31a19]{line-height:1.4;margin-top:30px;font-size:2rem;word-break:keep-all}#upload{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px}#upload h2{margin-bottom:20px;font-size:3rem;font-weight:700}#upload h2,.upload_box{display:block;text-align:center}.upload_box{position:relative;width:100%;height:420px;padding:20px 0;border:1px solid #000;overflow-y:scroll}.upload_box::-webkit-scrollbar{display:none}#upload .input_list{width:90%;margin:0 auto;text-align:left}.input_list>li{width:100%;font-size:1.8rem}.input_list>li:nth-child(n+2){margin-top:20px}.input_list>li>label{display:block;margin-bottom:10px}.input_list li input[type=text],input[type=number]{display:block;padding:5px;font-size:1.6rem;border:1px solid #000}input[type=number]{display:inline-block;width:50px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.chk_list{display:flex;flex-wrap:wrap}.chk_list li{display:flex;align-items:center;width:33.33%;line-height:2;font-size:1.4rem}.chk_list li label.on{color:#10a5eb}.use_box{display:flex;flex-wrap:wrap}.use_box label{width:100%}.use_box .btn_use{display:inline-block;margin-left:10px;padding:0 15px;border:1px solid #000}.use_box .use_list{display:flex;flex-wrap:wrap;width:100%;margin-top:10px}.use_box .use_list .use_item{position:relative;width:auto;margin:5px;padding:10px 20px;border:1px solid #000;border-radius:100px}.img_contents .img_box{position:relative;width:100%;height:200px;border:1px solid #000}#upload .img_contents .img_box .btn_delete{display:none}.img_contents .img_box img{width:100%;height:100%}.img_contents label{display:inline-block!important;margin:10px 0;padding:5px 10px;border:1px solid #000}.img_contents .upload_value{width:100%;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn_upload{display:inline-block;margin-top:20px;padding:10px 30px;color:#fff;font-size:2rem;background-color:#000}#upload .btn_back{position:absolute;top:15px;right:15px}#upload .btn_back img{width:35px}.btn_delete{top:0;right:0;width:15px;height:15px;background-color:#000;border-radius:100%}.btn_delete,.btn_delete span{position:absolute;transform:translateY(-50%)}.btn_delete span{top:50%;left:0;display:block;width:100%;height:2px;background-color:#fff}.btn_delete span:first-child{transform:rotate(45deg)}.btn_delete span:last-child{transform:rotate(-45deg)}@media (max-width:499px){#upload{width:90%}#upload .chk_list li{font-size:2.8vw}}dl[data-v-6aa53d98]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;width:450px;height:450px;border:1px solid #000}dl dt[data-v-6aa53d98]{display:block;margin-bottom:50px;font-size:5rem}dl dd[data-v-6aa53d98]{line-height:1.5;font-size:1.8rem}dl dd a[data-v-6aa53d98]{display:inline-block;margin-top:60px;padding:20px 30px;color:#fff;background-color:#000}@media (max-width:500px){dl[data-v-6aa53d98]{width:80%}dl dt[data-v-6aa53d98]{font-size:10vw}dl dd[data-v-6aa53d98]{font-size:3vw}}