@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Secular+One&display=swap);*{box-sizing:border-box;color:#333;font-family:Noto Sans KR,sans-serif;margin:0;padding:0}* li{list-style:none}a{text-decoration:none}.loadingPage{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.loadingPage.about{background-color:#fffae1}.loadingPage p{font-size:28px}.projectThumb{box-shadow:0 2px 8px 0 rgba(99,99,99,.2);cursor:pointer;display:flex;flex-direction:column;height:100%;padding:20px}.projectThumb,.projectThumb .project_img{border-radius:5px;position:relative;width:100%}.projectThumb .project_img{border:1px solid #eee;height:0;overflow:hidden;padding-bottom:56.26%}.projectThumb .project_img img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.projectThumb .project_desc{display:flex;width:100}.projectThumb .project_desc ul{width:100%}.projectThumb .project_desc ul .project_title{margin-bottom:5px;margin-top:8px}.projectThumb .project_desc ul .project_title span{color:#333;font-size:18px;font-weight:600;padding-left:5px}.projectThumb .project_desc ul .project_title span:last-child{font-size:12px;font-weight:400}.projectThumb .project_desc ul .thumb_des .skill_list{display:flex;flex-wrap:wrap;gap:3px;margin:5px 0 5px 3px;width:100%}.projectThumb .project_desc ul .thumb_des .skill_list li{border:1px solid rgba(0,164,200,.5);border-radius:10px;color:#333;font-family:Encode Sans,sans-serif;font-size:12px;margin-top:3px;padding:2px 7px}.projectThumb .project_desc ul .thumb_result{background-color:#f9f9f9;border-radius:5px;font-size:14px;margin-top:10px;padding:15px 18px;width:100%}.projectThumb .project_desc ul .thumb_result ul li{line-height:170%;list-style-type:circle;margin:0 5px 5px 17px}.projectThumb .project_desc ul .thumb_result ul li:first-child{font-weight:700;list-style:none;margin-left:0}@media (min-width:1024px){.projectThumb{transition:all .5s ease}.projectThumb .project_img{border-radius:5px;overflow:hidden;transition:.1s;width:100%}.projectThumb:hover img{scale:1.01}.projectThumb:hover .project_img{border:2px solid #eee}.projectThumb:hover .project_desc ul .project_title span.name:after{width:100%}.projectThumb .project_desc ul .project_title{margin-bottom:0}.projectThumb .project_desc ul .project_title span{font-size:18px;padding:3px 0 3px 8px}.projectThumb .project_desc ul .project_title span:last-child{font-size:14px;font-weight:400}.projectThumb .project_desc ul .project_title span.name{color:#333;display:inline-block;font-size:16px;line-height:100%;padding:6px 5px 10px;position:relative}.projectThumb .project_desc ul .project_title span.name:after{background:rgba(0,164,200,.5);bottom:7px;content:"";display:inline-block;height:10px;left:0;position:absolute;transition:all .3s;width:0;z-index:-1}.projectThumb .project_desc ul .thumb_des .skill_list{gap:5px}.projectThumb .project_desc ul .thumb_des .skill_list li{border-radius:10px;font-family:Encode Sans,sans-serif;font-size:12px;margin-bottom:5px;margin-top:0;padding:2px 8px}.projectThumb .project_desc ul .thumb_result{margin-top:0}.projectThumb:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.portfolioFunc .project_subTitle{font-size:14px}.portfolioFunc .component_Detail{display:flex;flex-direction:column;gap:20px;margin:10px 0 0 20px}@media (min-width:1024px){.portfolioFunc .project_subTitle{font-size:16px}}.project_section{border-bottom:1px solid #eee;display:grid;grid-template-columns:85px 3fr;line-height:230%;padding:5px 0}.project_section:last-child{border-bottom:none}.project_section .des_title{align-items:flex-start;display:flex;font-size:14px;padding:0 5px}.project_section .des_title:after{color:#00a4c8;content:"|";margin-left:10px}.project_section .des_content{border-radius:5px;display:flex;font-size:14px}@media (min-width:1024px){.project_section{grid-template-columns:100px 3fr}.project_section .des_content,.project_section .des_title{font-size:16px}}.footer{align-items:center;border-top:1px solid #797979;display:flex;flex-direction:column;justify-content:bottom;padding:20px;text-align:center;width:100%}.footer li{color:#797979;font-size:10px;line-height:150%}.footer li.name{color:#333;font-size:14px;font-weight:700}@media (min-width:1024px){.footer{padding:25px}.footer li{font-size:12px;line-height:180%}.footer li.name{font-size:16px}}@-webkit-keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(5px);transform:translateY(5px)}}@keyframes bounce{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(5px);transform:translateY(5px)}}@-webkit-keyframes waviy{0%{top:0}50%{top:-10px}to{top:0}}@keyframes waviy{0%{top:0}50%{top:-10px}to{top:0}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.intro{background-color:#fffae1;height:100vh;padding:30px 0}.intro,.intro .intro_container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.intro .intro_container{height:100%;min-height:100vh;min-width:375px;padding:20px}.intro .intro_container .intro_wrap{display:flex;flex-direction:column}.intro .intro_container .intro_wrap .avatar{display:flex;position:static}.intro .intro_container .intro_wrap .avatar img{height:130px;opacity:1}.intro .intro_container .intro_wrap .intro_txt{display:flex;flex-direction:column;font-size:36px;font-weight:700;line-height:130%;width:300px;z-index:0}.intro .intro_container .intro_wrap .intro_txt span{color:#797979;padding:0 5px}.intro .intro_container .intro_wrap .intro_txt .developer{color:#333;display:inline-block;line-height:100%;padding:6px 5px 10px;position:relative}.intro .intro_container .intro_wrap .intro_txt .developer:after{background:rgba(0,164,200,.5);bottom:5px;content:"";display:inline-block;height:20px;left:0;position:absolute;transition:all 1s;width:0;z-index:-1}.intro .intro_container .intro_wrap .intro_txt .box_introName{display:flex}.intro .intro_container .intro_wrap .intro_txt .box_introName .intro_name span{color:#333;font-size:36px;padding:0;position:relative}.intro .intro_container .intro_wrap .intro_txt .isActive.developer:after{content:"";width:100%}.intro .intro_container .intro_wrap .intro_txt .isActive.intro_name span{-webkit-font-smoothing:antialiased;-webkit-animation:waviy .5s forwards;animation:waviy .5s forwards;-webkit-animation-delay:1s;animation-delay:1s}.intro .intro_container .intro_wrap .intro_txt .isActive.intro_name span:nth-child(2){-webkit-animation-delay:1.1s;animation-delay:1.1s}.intro .intro_container .intro_wrap .intro_txt .isActive.intro_name span:nth-child(3){-webkit-animation-delay:1.2s;animation-delay:1.2s}.intro .intro_container .intro_wrap .intro_txt .intro_explain{-webkit-animation:fadeIn .8s ease;animation:fadeIn .8s ease;color:#797979;font-size:14px;font-weight:400;line-height:1.5;max-width:580px;padding:5px}@media (min-width:1024px){.intro .intro_container{max-width:1280px}.intro .intro_container .intro_wrap{flex-direction:row;gap:30px}.intro .intro_container .intro_wrap .avatar img{height:330px}.intro .intro_container .intro_wrap .intro_txt{font-size:70px;width:580px}.intro .intro_container .intro_wrap .intro_txt .developer{line-height:100%;padding:3px 10px 15px}.intro .intro_container .intro_wrap .intro_txt .developer:after{content:"";height:50px}.intro .intro_container .intro_wrap .intro_txt .box_introName .intro_name span{font-size:70px}.intro .intro_container .intro_wrap .intro_txt .intro_explain{font-size:18px;margin-top:10px;width:580px}}.myInfo{align-items:center;padding:30px 0}.myInfo,.myInfo .myInfo_container{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.myInfo .myInfo_container{min-height:100vh;min-width:375px;padding:20px}.myInfo .myInfo_container .title h1{font-family:Encode Sans,sans-serif;font-size:36px;margin-bottom:8px}.myInfo .myInfo_container .about_personal h2{color:#333;display:inline-block;font-size:28px;line-height:100%;padding:6px 5px 10px;position:relative}.myInfo .myInfo_container .about_personal h2:after{background:rgba(0,164,200,.5);bottom:5px;content:"";display:inline-block;height:20px;left:0;position:absolute;transition:all 1s;width:100%;z-index:-1}.myInfo .myInfo_container .about_personal .about_personalBox{border-left:3px solid #00a4c8;font-size:16px;line-height:140%;margin:10px 0}.myInfo .myInfo_container .about_personal .about_personalBox li{margin:5px 0 5px 10px}.myInfo .myInfo_container .about_personal .about_personalBox li:first-child,.myInfo .myInfo_container .about_personal .about_personalBox li:last-child,.myInfo .myInfo_container .about_personal .about_personalBox li:nth-child(4){align-items:center;display:flex;justify-content:flex-start}.myInfo .myInfo_container .about_personal .about_personalBox li:first-child svg,.myInfo .myInfo_container .about_personal .about_personalBox li:last-child svg,.myInfo .myInfo_container .about_personal .about_personalBox li:nth-child(4) svg{margin-right:3px}.myInfo .myInfo_container .about_personal .about_personalBox li:first-child svg title,.myInfo .myInfo_container .about_personal .about_personalBox li:last-child svg title,.myInfo .myInfo_container .about_personal .about_personalBox li:nth-child(4) svg title{display:none}.myInfo .myInfo_container .about_personal .about_personalBox li a{align-items:center;display:flex;justify-content:flex-start}.myInfo .myInfo_container .about_personal .about_personalBox li a svg{margin-right:3px}.myInfo .myInfo_container .about_personal .about_personalBox .link{cursor:pointer}.myInfo .myInfo_container .about_box{display:flex;flex-direction:column;justify-content:space-between}.myInfo .myInfo_container .about_box .about_info{margin:30px 0;text-align:right}.myInfo .myInfo_container .about_box .about_info .edu{margin-bottom:30px}.myInfo .myInfo_container .about_box .about_info .info_title{background-color:#eee;border-radius:5px;clear:both;display:inline-block;font-size:16px;font-weight:500;padding:6px 12px}.myInfo .myInfo_container .about_box .about_info .info_list{border-right:3px solid #00a4c8;margin:10px 0;padding:2px 0}.myInfo .myInfo_container .about_box .about_info .info_list li{font-size:16px;margin:2px 10px 2px 0}.myInfo .myInfo_container .about_box .about_info .info_list li.date{color:#797979}@media (min-width:1024px){.myInfo .myInfo_container{max-width:1280px}.myInfo .myInfo_container header.title h1{font-size:48px}.myInfo .myInfo_container .about_personal{display:block;text-align:right}.myInfo .myInfo_container .about_personal h2{font-size:48px;margin-bottom:10px;right:0}.myInfo .myInfo_container .about_personal h2:after{height:25px;right:0;width:100%}.myInfo .myInfo_container .about_personal .about_personalBox{border-left:none;border-right:3px solid #00a4c8}.myInfo .myInfo_container .about_personal .about_personalBox li{font-size:20px;letter-spacing:1px;line-height:125%;margin:5px 10px 5px 0;text-align:right}.myInfo .myInfo_container .about_personal .about_personalBox li a,.myInfo .myInfo_container .about_personal .about_personalBox li:first-child,.myInfo .myInfo_container .about_personal .about_personalBox li:last-child,.myInfo .myInfo_container .about_personal .about_personalBox li:nth-child(4){justify-content:flex-end}.myInfo .myInfo_container .about_box{flex-direction:row-reverse}.myInfo .myInfo_container .about_box .about_info{text-align:left}.myInfo .myInfo_container .about_box .about_info .info_title{font-size:18px;font-size:20px;padding:8px 16px}.myInfo .myInfo_container .about_box .about_info .info_list{border-left:3px solid #00a4c8;border-right:none}.myInfo .myInfo_container .about_box .about_info .info_list li{font-size:18px;margin:3px 0 3px 10px}a .myInfo .myInfo_container .about_box .about_info .info_list li.date{color:#797979}.myInfo .myInfo_container .about_box .about_info:first-child{margin-top:100px}}.navigation{align-items:center;border-bottom:1px solid #eee;display:flex;flex-direction:column;justify-content:space-between;position:fixed;transition:background-color .1s ease;width:100vw;z-index:9999}.navigation.show{border-bottom:none}.navigation.show .navigation_bar{background-color:#fffae1}.navigation .navigation_bar{align-items:center;background-color:#fff;display:flex;height:50px;justify-content:space-between;padding:0 20px;width:100%}.navigation .navigation_bar .name{color:#333;cursor:pointer;font-family:Roboto,sans-serif;font-size:20px;font-weight:700}.navigation .navigation_bar .gnb{background-color:rgba(0,0,0,.5);height:100vh;left:0;position:absolute;top:0;width:100vw}.navigation .navigation_bar .gnb.hide{display:none}.navigation .navigation_bar .gnbList{background-color:#f9f9f9;display:flex;flex-direction:column;float:right;height:100vh;position:absolute;right:0;text-align:center;top:0;-webkit-transform:translateX(0);transform:translateX(0);transition:.5s;width:40%}.navigation .navigation_bar .gnbList .closeBtn{border-bottom:2px solid #eee;cursor:pointer;display:flex;justify-content:flex-end;padding:17px 20px}.navigation .navigation_bar .gnbList .menu{background-color:#f9f9f9;border-bottom:1px solid #eee;cursor:pointer;padding:15px 0;width:100%}.navigation .navigation_bar .gnbList .menu svg{font-size:24px}.navigation .navigation_bar .gnbList .menu.active{display:inline-block;position:relative;z-index:0}.navigation .navigation_bar .gnbList .menu.active:after{background:rgba(0,164,200,.5);bottom:30%;content:"";display:inline-block;height:10px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:60px;z-index:-1}.navigation .navigation_bar .gnbList.hide{-webkit-transform:translateX(200%);transform:translateX(200%)}@media (min-width:1024px){.navigation{background-color:#fff}.navigation.show{background-color:#fffae1}.navigation .navigation_bar{max-width:1280px}.navigation .navigation_bar .name{font-size:24px}.navigation .navigation_bar .menuList{display:none}.navigation .navigation_bar .backBtn{font-size:16px}.navigation .navigation_bar .gnb{display:none}.navigation .navigation_bar .gnbList{align-items:right;background-color:transparent;flex-direction:row;height:50px;top:0;width:35%}.navigation .navigation_bar .gnbList .closeBtn{display:none}.navigation .navigation_bar .gnbList .menu{background-color:transparent;border-bottom:none;cursor:pointer;font-size:18px;width:100px}.navigation .navigation_bar .gnbList .menu svg{font-size:24px}.navigation .navigation_bar .gnbList .menu.active{display:inline-block;position:relative;z-index:0}.navigation .navigation_bar .gnbList .menu.active:after{background:rgba(0,164,200,.5);bottom:10px;content:"";display:inline-block;height:10px;left:15px;position:absolute;-webkit-transform:translateX(0);transform:translateX(0);width:70%;z-index:-1}.navigation .navigation_bar .gnbList.hide{-webkit-transform:translateX(0);transform:translateX(0)}}.projectItem{align-items:center;padding:40px 0 0}.projectItem,.projectItem .project_container{display:flex;flex-direction:column;justify-content:center;width:100%}.projectItem .project_container{height:100%;min-height:100vh;min-height:100%;min-width:375px;padding:20px}.projectItem .project_container .title{align-items:flex-end;display:flex;margin-bottom:10px}.projectItem .project_container .title h1{font-size:28px}.projectItem .project_container .title .team{font-size:16px;margin:0 5px}.projectItem .project_container .project_des{background-color:#f9f9f9;border-radius:5px;font-size:14px;height:auto;line-height:23px;margin-bottom:10px;padding:15px;width:100%}.projectItem .project_container .item_box{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}.projectItem .project_container .item_box .project_left{display:flex;flex-direction:column}.projectItem .project_container .item_box .project_left .project_img{border:1px solid #eee;border-radius:5px;height:100%;overflow:hidden;padding-bottom:56.26%;position:relative;width:100%}.projectItem .project_container .item_box .project_left .project_img img{height:inherit;object-fit:cover;position:absolute;width:inherit}.projectItem .project_container .item_box .project_right{border-top:1px dashed #eee;display:flex;flex-direction:column}.projectItem .project_container .item_box .project_right .buttons{display:flex;gap:10px;text-align:center}.projectItem .project_container .item_box .project_right .buttons a{width:100%}.projectItem .project_container .item_box .project_right .buttons a .button{align-items:center;background-color:#fff;border:1px solid #00a4c8;border-radius:5px;color:#00a4c8;cursor:pointer;display:flex;font-family:Encode Sans,sans-serif;font-size:14px;font-weight:500;justify-content:center;padding:10px 20px;transition:.2s;width:100%}.projectItem .project_container .item_box .project_right .buttons a .button svg{fill:#00a4c8;margin-right:5px}.projectItem .project_container .item_box .project_right .buttons a .button.url{background-color:#00a4c8;color:#fff}.projectItem .project_container .item_box .project_right .buttons a .button.url svg{fill:#fff}.projectItem .project_container .item_box .project_right .memList{display:flex}.projectItem .project_container .item_box .project_right .memList li:after{content:"∙";margin:0 3px}.projectItem .project_container .item_box .project_right .memList li:last-child:after{content:""}.projectItem .project_container .item_box .project_right .skillList{display:flex;flex-wrap:wrap}.projectItem .project_container .item_box .project_right .skillList li{list-style-type:none;margin-right:8px}.projectItem .project_container .item_box .project_right .skillList li:after{content:" ,"}.projectItem .project_container .item_box .project_right .skillList li:last-child:after{content:""}.commonList a{color:#797979;margin:0 5px;text-decoration:underline;transition:.5s}.commonList a:after{content:"↗️"}.commonList a:hover{color:#00a4c8}.projectItem .project_container .project_bottom{margin-top:50px}.projectItem .project_container .project_bottom .dev{border-bottom:1px solid #00a4c8;color:#00a4c8}.projectItem .project_container .project_bottom .funcList{margin:0 5px 5px 7px}.projectItem .project_container .project_bottom .funcList li{font-weight:700;list-style-type:decimal;margin-left:10px}.projectItem .project_container .project_bottom .funcList li h2{font-size:16px}.projectItem .project_container .project_bottom .funcList li ul li{font-weight:400;list-style-type:"▫︎ ";margin-left:23px}.projectItem .project_container .project_bottom .link li{color:#333;text-decoration:underline;transition:all .2s ease}.projectItem .project_container .project_bottom .link li:after{content:"↗️"}.projectItem .project_container .project_bottom .link li:hover,.projectItem .project_container .project_bottom .link li:hover a{color:#00a4c8}.projectItem .project_container .project_bottom .link li a{transition:all .2s ease}@media (min-width:1024px){.projectItem{padding:40px 20px 0}.projectItem .project_container{border-radius:10px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);margin:15px 20px;max-width:1280px;padding:25px 40px}.projectItem .project_container .title h1{font-size:28px}.projectItem .project_container .title .team{font-size:18px;margin:0 10px}.projectItem .project_container .item_box{flex-direction:row;gap:20px}.projectItem .project_container .item_box .project_left{flex:1 1}.projectItem .project_container .item_box .project_left .project_des{font-size:16px}.projectItem .project_container .item_box .project_left .buttons{box-shadow:none;padding:0;position:static}.projectItem .project_container .item_box .project_left .buttons a .button{font-size:16px;padding:10px 20px}.projectItem .project_container .item_box .project_right{border-top:none;flex:1 1;padding-top:0}.projectItem .project_container .item_box .project_right .project{margin-bottom:20px;margin-top:0}.projectItem .project_container .project_bottom{margin-top:30px}}.projectList{align-items:center;padding:0}.projectList,.projectList .projectList_container{display:flex;flex-direction:column;justify-content:center;width:100%}.projectList .projectList_container{height:100%;min-height:100vh;min-width:375px;padding:20px;width:100vw}.projectList .projectList_container .title{display:flex;flex-direction:column;margin-bottom:20px}.projectList .projectList_container .title h1{font-family:Encode Sans,sans-serif;font-size:36px;margin-bottom:8px}.projectList .projectList_container .title p{color:#797979;font-size:14px}.projectList .projectList_container .projects{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(1,1fr);margin-bottom:15px}.projectList .projectList_container .viewMore{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:5px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);color:#797979;cursor:pointer;display:flex;font-size:14px;gap:5px;justify-content:center;padding:5px 0;transition:.3s}@media (min-width:1024px){.projectList .projectList_container{max-width:1280px}.projectList .projectList_container .title{align-items:center;justify-content:center}.projectList .projectList_container .title h1{font-size:48px}.projectList .projectList_container .title p{font-size:16px}.projectList .projectList_container .projects{border-radius:10px;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.projectList .projectList_container .viewMore{font-size:14px}.projectList .projectList_container .viewMore.close{align-items:center;display:flex;justify-content:center}}@-webkit-keyframes infiniteSlide{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50.1%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes infiniteSlide{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50.1%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes infiniteSlide_clone{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}@keyframes infiniteSlide_clone{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}.projectSlide{align-items:center;background-color:#f9f9f9;padding:30px 0}.projectSlide,.projectSlide .projectSlide_container{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.projectSlide .projectSlide_container{min-height:100vh;min-width:375px;padding:20px}.projectSlide .projectSlide_container .title{display:flex;flex-direction:column;margin-bottom:10px}.projectSlide .projectSlide_container .title .title_box{align-items:center;display:flex}.projectSlide .projectSlide_container .title .title_box h1{font-family:Encode Sans,sans-serif;font-size:36px;margin:0}.projectSlide .projectSlide_container .title .title_box .moveBtn{align-items:center;background-color:rgba(0,164,200,.8);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;margin:0 0 1px 10px;padding:5px 10px;transition:.2s}.projectSlide .projectSlide_container .title .title_box .moveBtn svg{fill:#fff}.projectSlide .projectSlide_container .title .title_box .moveBtn:hover{background-color:#00a4c8;color:#fff}.projectSlide .projectSlide_container .title .title_box .moveBtn:hover svg{fill:#fff}.projectSlide .projectSlide_container .title .project_desc{color:#797979;font-size:14px;margin-left:5px}.projectSlide .projectSlide_container .slide_container{width:100vw}.projectSlide .projectSlide_container .slide_container .slide_wrapper{display:flex;flex-wrap:nowrap;padding:30px 0}.projectSlide .projectSlide_container .slide_container .slide{align-items:center;display:flex;flex-wrap:nowrap;position:relative}.projectSlide .projectSlide_container .slide_container .slide.origin{-webkit-animation:infiniteSlide 100s linear infinite normal none running;animation:infiniteSlide 100s linear infinite normal none running}.projectSlide .projectSlide_container .slide_container .slide.clone{-webkit-animation:infiniteSlide_clone 100s linear infinite;animation:infiniteSlide_clone 100s linear infinite}.projectSlide .projectSlide_container .slide_container .slide.stop{-webkit-animation-play-state:paused;animation-play-state:paused}.projectSlide .projectSlide_container .slide_container .slide .item_list .item{border-radius:5px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);cursor:pointer;height:240px;margin:0 5px;overflow:hidden;position:relative;transition:.5s;width:320px}.projectSlide .projectSlide_container .slide_container .slide .item_list .item img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.projectSlide .projectSlide_container .slide_container .slide .item_list .item_des{margin:8px 15px 0}.projectSlide .projectSlide_container .slide_container .slide .item_list .item_des .item_title{align-items:flex-end;color:#333;display:flex;font-size:18px;z-index:10}.projectSlide .projectSlide_container .slide_container .slide .item_list .item_des .item_title span:last-child{font-size:14px;margin:0 0 1px 7px}.projectSlide .projectSlide_container .slide_container .slide .item_list .item_des .item_skill{display:flex;margin-top:5px}.projectSlide .projectSlide_container .slide_container .slide .item_list .item_des .item_skill li{border:1px solid rgba(0,164,200,.5);border-radius:50px;color:#333;font-family:Encode Sans,sans-serif;font-size:14px;margin-right:5px;margin-top:3px;padding:2px 10px}@media (min-width:1024px){.projectSlide .projectSlide_container{max-width:1280px}.projectSlide .projectSlide_container .title .title_box h1{font-size:48px}.projectSlide .projectSlide_container .title .title_box .moveBtn{cursor:pointer;font-size:18px;margin-left:10px;padding:6px 15px}.projectSlide .projectSlide_container .title .project_desc{font-size:16px;margin-left:10px}.projectSlide .projectSlide_container .slide_container .slide_wrapper .slide .item_list{transition:all .5s ease}.projectSlide .projectSlide_container .slide_container .slide_wrapper .slide .item_list:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.projectSlide .projectSlide_container .slide_container .slide_wrapper .slide .item_list .item{height:400px;margin:0 10px;width:600px}.projectSlide .projectSlide_container .slide_container .slide_wrapper .slide .item_list .item img{left:0;object-fit:cover;position:absolute;top:0;width:100%}.projectSlide .projectSlide_container .slide_container .slide_wrapper .slide .item_list .item_des .item_title .item_name{color:#333;display:inline-block;font-size:20px;line-height:100%;margin-top:5px;padding:6px 5px 10px;position:relative}.projectSlide .projectSlide_container .slide_container .slide_wrapper .slide .item_list .item_des .item_title .item_name:after{background:rgba(0,164,200,.5);bottom:7px;content:"";display:inline-block;height:10px;left:0;position:absolute;transition:all .3s;width:0;z-index:-1}.projectSlide .projectSlide_container .slide_container .slide_wrapper .slide .item_list .item_des .item_title span:last-child{font-size:16px;margin-bottom:7px}.projectSlide .projectSlide_container .slide_container .slide_wrapper .slide .item_list .item_des .item_skill li{border-radius:50px;font-size:16px;padding:2px 10px}.projectSlide .projectSlide_container .slide_container .slide_wrapper .item_list:hover .item_des .item_title .item_name:after{width:100%}}.skill{align-items:center;padding:30px 0}.skill,.skill .skill_container{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.skill .skill_container{min-height:100vh;min-width:375px;padding:20px}.skill .skill_container .title{align-items:center;display:flex}.skill .skill_container .title h1{font-family:Encode Sans,sans-serif;font-size:36px;margin-bottom:8px}.skill .skill_container .title .title_desc{color:#797979;font-size:14px;margin-left:5px}.skill .skill_container .skillBox{display:flex;flex-direction:column;margin-bottom:40px;width:100%}.skill .skill_container .skillBox .skillBox_title{background-color:#eee;border-radius:5px;clear:both;float:left;font-size:16px;font-weight:500;margin-bottom:10px;padding:6px 12px}.skill .skill_container .skillBox .skill_items{display:flex;flex-wrap:wrap;gap:5px;width:100%}.skill .skill_container .skillBox .skill_items .skill_item{align-items:center;background:#f9f9f9;display:flex;flex-wrap:nowrap;font-size:14px;gap:20px;max-width:100%;padding:15px}.skill .skill_container .skillBox .skill_items .skill_item .skill_title{font-weight:700;font-weight:14px}.skill .skill_container .skillBox .skill_items .skill_item .skill_icon{align-items:center;border-radius:5px;display:flex;height:100%;justify-content:center;min-width:30px;padding:20px;transition:.8s;width:10%}.skill .skill_container .skillBox .skill_items .skill_item .skill_icon img{min-width:45px;width:100%}.skill .skill_container .skillBox .skill_items .skill_item .skill_des{display:flex;flex-direction:column}.skill .skill_container .skillBox .skill_items .skill_item .skill_des ul li{color:#333;font-size:14px;margin-bottom:5px}.skill .skill_container .skillBox .skill_items .skill_item .skill_des ul li:before{color:#333;content:"-";margin-right:5px}.skill .skill_container .skillBox .skill_items .skill_item .skill_name{font-family:Encode Sans,sans-serif;font-weight:500;margin:5px 0;text-align:center}@media (min-width:1024px){.skill .skill_container{max-width:1280px}.skill .skill_container .title h1{font-size:48px}.skill .skill_container .title .title_desc{font-size:16px;margin-left:10px}.skill .skill_container .skillBox .skillBox_title{font-size:18px;padding:8px 16px}.skill .skill_container .skillBox .skill_items{display:flex;flex-wrap:wrap;gap:10px;width:100%}.skill .skill_container .skillBox .skill_items .skill_item{gap:30px;max-width:calc(33.33333% - 6.66667px);padding:20px 30px;position:relative}.skill .skill_container .skillBox .skill_items .skill_item .skill_icon{padding:0;width:70px}.skill .skill_container .skillBox .skill_items .skill_item .skill_name{font-size:18px;margin:10px 0}.skill .skill_container .skillBox .skill_items .skill_item:hover .skill_des .des_pc{display:block;left:0;padding:20px;position:absolute;top:0}}.top{align-items:center;background-color:transparent;border:none;bottom:20px;cursor:pointer;display:flex;font-size:35px;height:50px;justify-content:center;position:fixed;right:20px;width:50px}.top svg{fill:#333;background-color:#fff;border-radius:50px}
/*# sourceMappingURL=main.a3b6e75a.css.map*/