@font-face{font-family:NBGR;src:url(https://kkahub.github.io/kkaporfol/_next/static/media/NanumBarunGothicRegular.069b2433.eot);src:url(https://kkahub.github.io/kkaporfol/_next/static/media/NanumBarunGothicRegular.069b2433.eot) format("embedded-opentype"),url(https://kkahub.github.io/kkaporfol/_next/static/media/NanumBarunGothicRegular.bebf7d96.woff2) format("woff2"),local(※),url(https://kkahub.github.io/kkaporfol/_next/static/media/NanumBarunGothicRegular.64d84387.woff) format("woff"),url(https://kkahub.github.io/kkaporfol/_next/static/media/NanumBarunGothicRegular.902bd786.ttf) format("truetype"),url(https://kkahub.github.io/kkaporfol/_next/static/media/NanumBarunGothicRegular.85e82fab.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:NGR;src:url(https://kkahub.github.io/kkaporfol/_next/static/media/NanumGothicRegular.6b76f00b.eot);src:url(https://kkahub.github.io/kkaporfol/_next/static/media/NanumGothicRegular.6b76f00b.eot) format("embedded-opentype"),url(https://kkahub.github.io/kkaporfol/_next/static/media/NanumGothicRegular.8681dd29.woff2) format("woff2"),local(※),url(https://kkahub.github.io/kkaporfol/_next/static/media/NanumGothicRegular.8dfcd4b8.woff) format("woff"),url(https://kkahub.github.io/kkaporfol/_next/static/media/NanumGothicRegular.121518ad.ttf) format("truetype"),url(https://kkahub.github.io/kkaporfol/_next/static/media/NanumGothicRegular.f5dc5f95.svg) format("svg");font-weight:400;font-style:normal}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */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{box-sizing:border-box;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:NBGR,나눔바른고딕,돋움,sans-serif;color:#34393a}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-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}[type=search]{-webkit-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}[hidden],template{display:none}:root{overflow-wrap:break-word;word-break:break-word}*{box-sizing:border-box}a{text-decoration:none}li{list-style:none}p{line-height:130%}button{cursor:pointer;padding:0;border:0;background:rgba(0,0,0,0)}input,textarea{box-sizing:border-box;margin:0}textarea{resize:none}caption{display:none}h1,h2,h3,h4,h5,h6{font-weight:700}.MuiPagination-root{display:flex;justify-content:center}.MuiPagination-root .MuiPaginationItem-previousNext{border:0!important;background:#fff;box-shadow:0 0 10px rgba(62,105,132,.4);color:#72a28d!important}.MuiPagination-root .MuiPaginationItem-page{opacity:.7;border:0!important;background:#fff;box-shadow:0 0 10px rgba(62,105,132,.4);color:#34393a}.MuiPagination-root .MuiPaginationItem-page:hover{opacity:1}.MuiPagination-root .Mui-selected{opacity:1;background-color:#fff!important;color:#72a28d!important;font-weight:700}@keyframes spinner{to{transform:rotate(1turn)}}.wrap_loading{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:1000;width:100%;height:100dvh;background:hsla(0,0%,100%,.3)}.wrap_loading .loading{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:#86b6a5;--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:spinner 1s linear infinite}#wrap,body,html{height:100%;font-family:NBGR,나눔바른고딕,돋움,sans-serif}#container,#footer,#header,#wrap{position:relative;width:100%}#wrap{overflow:inherit}#header{position:fixed;top:0;z-index:100;height:60px;padding:0 35px;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);background:rgba(0,0,0,.6)}@media(min-width:320px){#header{padding:0 10px}}#header .inner{display:flex;align-items:center;justify-content:space-between;height:100%}#header h1{padding-top:3px;white-space:nowrap}#header h1 a{letter-spacing:.1em}@media(min-width:320px){#header h1 a{font-size:28px}}@media(min-width:640px){#header h1 a{font-size:34px}}#header #nav{height:100%}@media(min-width:320px){#header #nav.on{display:table;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9)}}@media(min-width:640px){#header #nav.on{display:table;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9)}}@media(min-width:1000px){#header #nav.on{display:block;position:relative;width:auto;height:auto;background:rgba(0,0,0,0)}}#header #nav.on .burgur .bar1{transform:rotate(45deg);margin-top:11px}#header #nav.on .burgur .bar2{background:hsla(0,0%,100%,0)}#header #nav.on .burgur .bar3{transform:rotate(-45deg);margin-top:-16px}@media(min-width:320px){#header #nav.on .gnb{display:table-cell}}@media(min-width:640px){#header #nav.on .gnb{display:table-cell}}@media(min-width:1000px){#header #nav.on .gnb{display:block}}#header a{color:#fff}#header .burgur{cursor:pointer;position:absolute;right:25px;width:45px;margin:10px 0;padding:10px}@media(min-width:320px){#header .burgur{display:block;right:10px}}@media(min-width:640px){#header .burgur{display:block}}@media(min-width:1000px){#header .burgur{display:none}}#header .burgur span{display:block;width:100%;height:3px;background:#fff;transition:all .1s ease-in}#header .burgur span.bar1,#header .burgur span.bar3{margin-top:0}#header .burgur span.bar2{margin:5px 0}@media(min-width:320px){#header .gnb{float:none;display:none;vertical-align:middle}}@media(min-width:640px){#header .gnb{float:none;display:none;vertical-align:middle;height:100%}}@media(min-width:1000px){#header .gnb{display:block;float:right}}#header .gnb>li{cursor:pointer;position:relative;height:60px;text-align:center}@media(min-width:320px){#header .gnb>li{display:block;margin:0}}@media(min-width:640px){#header .gnb>li{display:block;margin:0}}@media(min-width:1000px){#header .gnb>li{display:inline-flex;align-items:flex-start;justify-content:center;margin-left:45px}}#header .gnb>li>a{outline:0;position:relative;height:100%;padding:22px 0 20px;font-size:18px;font-weight:700;letter-spacing:.5px}@media(min-width:320px){#header .gnb>li>a{display:inline-block}}@media(min-width:640px){#header .gnb>li>a{display:inline-block}}@media(min-width:1000px){#header .gnb>li>a{display:block}}#header .gnb>li>a:after{content:"";display:block;position:absolute;left:0;bottom:0;height:3px;width:0;background:#fff}#header .gnb>li.on>a:after,#header .gnb>li:hover>a:after{width:100%}#header .gnb .sub_menu{display:none;padding:7px 0}@media(min-width:320px){#header .gnb .sub_menu{position:static;background:rgba(0,0,0,0)}}@media(min-width:640px){#header .gnb .sub_menu{position:static;background:rgba(0,0,0,0)}}@media(min-width:1000px){#header .gnb .sub_menu{position:absolute;top:60px;background:rgba(0,0,0,.6)}}#header .gnb .sub_menu.show{display:block}#header .gnb .sub_menu>li{opacity:0;color:hsla(0,0%,100%,.6);white-space:nowrap;text-align:center}#header .gnb .sub_menu>li.on>a,#header .gnb .sub_menu>li:hover>a{color:#fff}#header .gnb .sub_menu>li a{display:block;padding:6px 25px;color:hsla(0,0%,100%,.6);white-space:nowrap;font-weight:600}@media(min-width:320px){#header .gnb .sub_menu>li a:before{content:"- "}}@media(min-width:640px){#header .gnb .sub_menu>li a:before{content:"- "}}@media(min-width:1000px){#header .gnb .sub_menu>li a:before{content:""}}@media(min-width:320px){#header .gnb .sub_menu>li a:after{content:" -"}}@media(min-width:640px){#header .gnb .sub_menu>li a:after{content:" -"}}@media(min-width:1000px){#header .gnb .sub_menu>li a:after{content:""}}#header.main{box-shadow:none}#header.main,#header.main .gnb .sub_menu{background:rgba(0,0,0,0)}.inner{margin:0 auto}@media(min-width:320px){.inner{width:100%}}@media(min-width:640px){.inner{width:100%}}@media(min-width:1000px){.inner{width:930px}}@media(min-width:1400px){.inner{width:1330px}}#container section:first-child{padding-top:60px}#container section{position:relative;min-height:100vh}#container .inner{text-align:center}@media(min-width:320px){#container .inner{padding:30px 5px}}@media(min-width:640px){#container .inner{padding:30px 10px}}@media(min-width:1000px){#container .inner{padding:40px 0}}@media(min-width:1400px){#container .inner{padding:50px 0}}#container .inner .title{opacity:0;display:inline-block;margin:30px 0;padding:0 3px;border-bottom:6px solid #85b6a5}@media(min-width:320px){#container .inner .title{height:29px;font-size:30px}}@media(min-width:640px){#container .inner .title{height:40px;font-size:42px}}#container .inner .title_desc{padding:0 10px 10px}#container #Footer{padding:30px 0;background:#839c99;color:#fff}#container #Footer .inner{padding:0}#container #Footer .inner p{font-size:13px;text-align:center}#container #Footer .inner .last_comment{margin-bottom:10px;font-size:20px;font-weight:700;letter-spacing:1.2px}.section{position:relative}@media(min-width:320px){.section .content{margin:15px auto 0}}@media(min-width:640px){.section .content{margin:20px auto 0}}@media(min-width:1000px){.section .content{margin:35px auto 0}}.responsive_size{object-fit:contain!important;position:relative!important;height:auto!important;width:auto!important}.btn_top{display:block;cursor:pointer;position:fixed;bottom:10px;right:10px;z-index:100;width:40px;height:40px;border-radius:100%;background:rgba(0,0,0,.6) url(https://kkahub.github.io/kkaporfol/_next/static/media/btn_top.273b0aa6.png) no-repeat center 12px}.btn_top.zero{display:none}@media(min-width:320px){.list_wrap>li{width:100%;margin:5px 0}}@media(min-width:640px){.list_wrap>li{width:50%;margin:10px 0}}@media(min-width:1000px){.list_wrap>li{width:33.33%;margin:15px 0}}@media(min-width:1400px){.list_wrap>li{width:25%;margin:25px 0}}.comment{display:none;position:absolute;top:0;left:0;z-index:99;padding:10px;border:1px solid #d9d9d9;box-shadow:0 0 5px rgba(62,105,132,.4);background:#fff;font-size:14px}.comment.sample{width:280px;color:#72a28d}.comment.comming{width:150px;color:#4e94b1}.comment.close{width:280px;color:#dc3e61}.nolink{display:inline-block;font-size:14px;color:#999}.link{color:#4e94b1}.link:hover{text-decoration:underline}input[type=text]{outline:0;height:30px;padding:0 10px;border:0;border-bottom:2px solid #86b6a5;background:hsla(0,0%,100%,.4);line-height:1;transition:all .6s}input[type=text]:focus{background:#fff}.btn.basic{cursor:pointer;display:inline-block;position:relative;width:90px;height:30px;padding:6px 10px;border-radius:13px;font-size:14px;text-align:center;text-decoration:none;line-height:100%;border:1px solid #86b6a5;background:#86b6a5;color:#fff}.btn.basic:hover{border:1px solid #72a28d;background:#72a28d}.btn.second{cursor:pointer;display:inline-block;position:relative;width:90px;height:30px;padding:6px 10px;border-radius:13px;font-size:14px;text-align:center;text-decoration:none;line-height:100%;border:1px solid #fff;color:#fff}.btn.second:hover{background:#fff;color:#34393a}.btn.warn{cursor:pointer;display:inline-block;position:relative;width:90px;height:30px;padding:6px 10px;border-radius:13px;font-size:14px;text-align:center;text-decoration:none;line-height:100%;border:1px solid #dc3e61;background:#dc3e61;color:#fff}.btn.md{width:auto;height:41px;margin:0 3px;padding:0 20px;border-radius:21px;font-size:20px;line-height:40px}.pill_group{display:flex;font-size:14px;text-align:center;text-decoration:none;line-height:100%}.pill_group>*{margin:0 3px;padding:6px 12px;border:1px solid #fff;border-radius:14px;color:#fff}.modal_dim,.pill_group>*{background:rgba(0,0,0,.6)}.modal_dim{overflow:hidden;display:flex;align-items:center;justify-content:center;position:fixed;z-index:100;top:0;left:0;width:100%;height:100%;padding:20px}.modal_dim .modal_layer{max-width:100%;max-height:100%;background:#fff}@media(min-width:320px){.modal_dim .modal_layer{width:100%}}@media(min-width:640px){.modal_dim .modal_layer{width:100%}}@media(min-width:1000px){.modal_dim .modal_layer{width:720px}}.modal_dim .modal_header{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 10px;background:#d5e4df url(https://kkahub.github.io/kkaporfol/_next/static/media/pattern_bg2.e71297b8.png)}.modal_dim .modal_header .modal_title{padding-left:10px;line-height:1}.modal_dim .modal_header .modal_close{width:20px;height:20px;border:0;background:rgba(0,0,0,0);text-align:center;color:#72a28d;font-weight:700;line-height:1}.modal_dim .modal_content{padding:20px}.no_data{display:flex;align-items:center;justify-content:center;height:50vh}.visual_group{position:relative}.visual_group .swiper-wrapper>div{width:100%;position:relative}.visual_group .swiper-slide{overflow-y:auto;display:flex;height:100vh;align-items:center;justify-content:center}@media(min-width:320px){.visual_group .visual1{background:url(https://kkahub.github.io/kkaporfol/_next/static/media/visual_bg1_m.61b1e4c7.jpg) 100% 0/cover}}@media(min-width:640px){.visual_group .visual1{background:url(https://kkahub.github.io/kkaporfol/_next/static/media/visual_bg1_m.61b1e4c7.jpg) 100% 0/cover}}@media(min-width:1000px){.visual_group .visual1{background:url(https://kkahub.github.io/kkaporfol/_next/static/media/visual_bg1.fb56861d.jpg) top/cover}}@media(min-width:1400px){.visual_group .visual1{background:url(https://kkahub.github.io/kkaporfol/_next/static/media/visual_bg1.fb56861d.jpg) top/cover}}.visual_group .visual_title{display:flex;align-items:center;justify-content:center}.visual_group .visual_title>img{width:100%}.visual_group .visual_title svg{position:absolute;transform:rotate(-90deg) scaleY(-1)}.visual_group .visual_title svg circle{stroke-width:3px;stroke-linecap:round;fill:rgba(0,0,0,0)}.visual_group .visual_title h1{position:relative;z-index:2;color:#fff;text-align:center;letter-spacing:1px;line-height:1.2}@media(min-width:320px){.visual_group .visual_title h1{font-size:24px}}@media(min-width:640px){.visual_group .visual_title h1{font-size:34px}}.visual_group .visual_title h1 strong{display:flex;font-size:56px;justify-content:space-between}@media(min-width:320px){.visual_group .visual_title h1 strong{font-size:44px}}@media(min-width:640px){.visual_group .visual_title h1 strong{font-size:56px}}.visual_group .visual_title h1 span{color:#fff}.visual_group .visual2{background:url(https://kkahub.github.io/kkaporfol/_next/static/media/visual_bg2.a3172939.jpg) top/cover;text-align:center}@media(min-width:320px){.visual_group .visual2 .visual_inner{min-height:500px;margin-top:20px}}@media(min-width:640px){.visual_group .visual2 .visual_inner{min-height:auto}}.visual_group .visual2 .btn{display:inline-block;margin-top:30px}.visual_group .skill_list{width:500px}@media(min-width:320px){.visual_group .skill_list{margin-top:20px}}@media(min-width:640px){.visual_group .skill_list{margin-top:20px}}@media(min-width:1000px){.visual_group .skill_list{margin-top:30px}}.visual_group .skill_list>li{align-items:center;margin:0 4px;color:#fff;line-height:1}@media(min-width:320px){.visual_group .skill_list>li{display:block;padding:2px 10px}}@media(min-width:640px){.visual_group .skill_list>li{display:block;padding:3px 12px}}@media(min-width:1000px){.visual_group .skill_list>li{display:flex;padding:5px 12px}}.visual_group .skill_list h2{font-size:20px;color:#fff;white-space:nowrap}@media(min-width:320px){.visual_group .skill_list h2{display:none}}@media(min-width:640px){.visual_group .skill_list h2{display:none}}@media(min-width:1000px){.visual_group .skill_list h2{display:block;padding-right:20px}}.visual_group .skill_list .pill_group{display:flex;justify-content:center}.visual_group .skill_list .pill_group li{white-space:nowrap}.profile .photo,.profile .profile_con{vertical-align:middle;text-align:center}.profile .photo img{margin-bottom:25px}@media(min-width:320px){.profile .photo img{width:200px;height:auto}}@media(min-width:640px){.profile .photo img{width:200px;height:200px}}@media(min-width:1000px){.profile .photo img{width:240px;height:240px}}@media(min-width:320px){.profile .profile_con{min-width:100%}}@media(min-width:640px){.profile .profile_con{min-width:380px}}@media(min-width:1000px){.profile .profile_con{min-width:440px}}.profile .profile_con ul{width:-moz-fit-content;width:fit-content;margin:0 auto;text-align:left}.profile .profile_con ul li{display:flex;width:-moz-fit-content;width:fit-content}@media(min-width:320px){.profile .profile_con ul li{margin-bottom:10px;font-size:15px}}@media(min-width:640px){.profile .profile_con ul li{margin-bottom:25px;font-size:18px}}.profile .profile_con ul b{flex-shrink:0;display:block;padding-right:10px;font-weight:700}@media(min-width:320px){.profile .profile_con ul b{width:130px}}@media(min-width:640px){.profile .profile_con ul b{width:150px}}.skill{background:url(https://kkahub.github.io/kkaporfol/_next/static/media/pattern_bg1.ab02cf97.png),url(https://kkahub.github.io/kkaporfol/_next/static/media/skill_bg.621ea0e2.jpg) no-repeat top/cover}.skill h2{color:#fff}.skill .skill_list{display:flex;flex-wrap:wrap}.skill .skill_list .grid-item{opacity:0;text-align:center}.skill .skill_list .grid-item>img{margin-bottom:10px}@media(min-width:320px){.skill .skill_list .grid-item>img{display:none}}@media(min-width:640px){.skill .skill_list .grid-item>img{display:none}}@media(min-width:1000px){.skill .skill_list .grid-item>img{display:inline-block}}@media(min-width:1400px){.skill .skill_list .grid-item>img{display:inline-block}}.skill .skill_list .card{overflow:hidden;margin:0 auto}@media(min-width:320px){.skill .skill_list .card{width:90%}}@media(min-width:640px){.skill .skill_list .card{width:90%}}@media(min-width:1000px){.skill .skill_list .card{width:290px}}@media(min-width:1400px){.skill .skill_list .card{width:290px}}.skill .skill_list .card:after{content:"";display:inline-block;width:100%;height:30px;background:url(https://kkahub.github.io/kkaporfol/_next/static/media/skill_box_bot.d711001e.png);background-position:100% 100%;background-repeat:no-repeat}@media(min-width:320px){.skill .skill_list .card:after{height:20px;background-size:550px}}.skill .skill_list .card .desc,.skill .skill_list .card h3{color:#fff;text-align:left}.skill .skill_list .card h3{background-image:url(https://kkahub.github.io/kkaporfol/_next/static/media/skill_box_tit.fd3c3014.png);background-position:0 0;background-repeat:no-repeat;font-weight:700;text-align:center}@media(min-width:320px){.skill .skill_list .card h3{padding:20px 0 5px;background-size:550px;font-size:20px}}@media(min-width:640px){.skill .skill_list .card h3{padding:15px 0 10px;font-size:20px}}@media(min-width:1000px){.skill .skill_list .card h3{padding:20px 0;font-size:22px}}.skill .skill_list .card .desc{padding:0 23px;background-image:url(https://kkahub.github.io/kkaporfol/_next/static/media/skill_box.59dabc33.png);font-size:14px;line-height:150%;word-break:break-all}@media(min-width:320px){.skill .skill_list .card .desc{height:auto;background-size:490px 47px}}@media(min-width:640px){.skill .skill_list .card .desc{height:85px}}@media(min-width:1000px){.skill .skill_list .card .desc{height:85px}}@media(min-width:1400px){.skill .skill_list .card .desc{height:85px}}.portfolio{background:#d5e4df url(https://kkahub.github.io/kkaporfol/_next/static/media/pattern_bg2.e71297b8.png)}.portfolio .search_wrap{display:flex;justify-content:flex-end;position:relative;margin-top:5px}@media(min-width:320px){.portfolio .search_wrap{padding-right:12px;margin-bottom:10px}}@media(min-width:640px){.portfolio .search_wrap{padding-right:12px}}@media(min-width:1000px){.portfolio .search_wrap{padding-right:10px}}@media(min-width:1400px){.portfolio .search_wrap{padding-right:20px}}.portfolio .search_wrap input{width:240px;height:36px;padding-right:40px}.portfolio .search_wrap .btn_search{position:absolute;height:36px;width:40px;font-size:0}@media(min-width:320px){.portfolio .search_wrap .btn_search{right:12px}}@media(min-width:640px){.portfolio .search_wrap .btn_search{right:12px}}@media(min-width:1000px){.portfolio .search_wrap .btn_search{right:10px}}@media(min-width:1400px){.portfolio .search_wrap .btn_search{right:20px}}.portfolio .search_wrap .btn_search:after{content:"⌕";display:block;height:36px;font-size:32px;color:#72a28d;line-height:34px;transform:scaleX(-1)}.portfolio .portfolio_wrap{display:flex;flex-wrap:wrap;text-align:left}.portfolio .portfolio_wrap .list_con{cursor:pointer;outline:0;position:relative;margin:0 auto;box-shadow:0 0 5px rgba(62,105,132,.4);font-size:0}@media(min-width:320px){.portfolio .portfolio_wrap .list_con{width:95%;padding-left:110px}}@media(min-width:640px){.portfolio .portfolio_wrap .list_con{width:95%;padding-left:110px}}@media(min-width:1000px){.portfolio .portfolio_wrap .list_con{width:290px;padding-left:0}}.portfolio .portfolio_wrap .list_con:focus,.portfolio .portfolio_wrap .list_con:hover{box-shadow:0 0 10px rgba(62,105,132,.9)}.portfolio .thum_wrap{display:flex;align-items:center;justify-content:center;left:0;vertical-align:top;position:relative;background:#e9e9e9;text-align:center}@media(min-width:320px){.portfolio .thum_wrap{position:absolute;width:110px;height:100%;border-right:1px solid #e9e9e9;border-bottom:0}}@media(min-width:640px){.portfolio .thum_wrap{position:absolute;width:110px;height:100%;border-right:1px solid #e9e9e9;border-bottom:0}}@media(min-width:1000px){.portfolio .thum_wrap{position:relative;width:inherit;height:290px;border-right:0;border-bottom:1px solid #e9e9e9}}.portfolio .thum_wrap>img{max-width:100%;max-height:100%}.portfolio .info_wrap{display:block;width:100%;background:#fff;color:#000;min-height:85px}@media(min-width:320px){.portfolio .info_wrap{min-height:auto;padding:15px}}@media(min-width:640px){.portfolio .info_wrap{min-height:auto;padding:15px}}@media(min-width:1000px){.portfolio .info_wrap{min-height:85px;padding:17px}}.portfolio .info_wrap h3{width:100%;font-size:18px;line-height:160%}.portfolio .info_wrap .keyword,.portfolio .info_wrap h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.portfolio .keyword{width:100%}.portfolio .keyword li{display:inline-block;height:17px;margin:1px 3px 2px 0;padding:0 8px;border:1px solid #86b6a5;border-radius:9px;font-size:11px;line-height:17px}.portfolio .sitepath a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;font-size:16px;color:#4e94b1;text-decoration:underline}.portfolio .modal_content{display:flex;overflow-y:auto;max-height:calc(100vh - 80px)}@media(min-width:320px){.portfolio .modal_content{flex-wrap:wrap}}@media(min-width:640px){.portfolio .modal_content{flex-wrap:nowrap}}.portfolio .modal_content .img_wrap{display:flex;align-items:baseline;justify-content:center;position:relative;padding-right:20px}@media(min-width:320px){.portfolio .modal_content .img_wrap{width:100%;margin:20px 0 30px}}@media(min-width:640px){.portfolio .modal_content .img_wrap{width:40%}}@media(min-width:1000px){.portfolio .modal_content .img_wrap{width:310px}}.portfolio .modal_content .img_wrap img{max-width:100%;border:1px solid #ddd}.portfolio .modal_content .content_wrap{height:-moz-fit-content;height:fit-content;min-height:330px;text-align:left}@media(min-width:320px){.portfolio .modal_content .content_wrap{width:100%;padding:0;border-left:0}}@media(min-width:640px){.portfolio .modal_content .content_wrap{width:60%;border-left:1px solid #ddd;padding:0 20px}}@media(min-width:1000px){.portfolio .modal_content .content_wrap{width:410px}}.portfolio .modal_content .modal_title{padding-bottom:10px;font-size:22px}.portfolio .modal_content h3{padding:25px 0 5px;font-size:18px}.portfolio .modal_content .desc{white-space:pre-line}.portfolio .modal_content .use_skill{font-size:16px}.portfolio .modal_content .keyword li{height:24px;border-radius:12px;font-size:15px;line-height:24px}.preview{background:#d5e4df url(https://kkahub.github.io/kkaporfol/_next/static/media/pattern_bg2.e71297b8.png)}.preview .preview_menu{padding-top:30px}.preview .preview_menu>li{padding:20px 30px}.preview .preview_menu .preview_item{position:relative;padding:0 15px;font-size:20px;font-weight:600}.preview .preview_menu .preview_item:before{content:"";position:absolute;top:5px;right:0;width:11px;height:2px;background:#34393a;transform:rotate(45deg)}.preview .preview_menu .preview_item:after{content:"";position:absolute;bottom:9px;right:0;width:11px;height:2px;background:#34393a;transform:rotate(-45deg)}.preview .preview_menu .preview_item:hover{color:#72a28d}.preview .preview_menu .preview_item:hover:after,.preview .preview_menu .preview_item:hover:before{background:#72a28d}.preview_chart{background:#fff}@media(min-width:320px){.preview_chart .title_desc b:after{content:""}}@media(min-width:640px){.preview_chart .title_desc b:after{content:" : "}}@media(min-width:1000px){.preview_chart .title_desc b:after{content:" : "}}@media(min-width:1400px){.preview_chart .title_desc b:after{content:" : "}}@media(min-width:320px){.preview_chart .title_desc a{display:block}}@media(min-width:640px){.preview_chart .title_desc a{display:inline-block}}@media(min-width:1000px){.preview_chart .title_desc a{display:inline-block}}@media(min-width:1400px){.preview_chart .title_desc a{display:inline-block}}.preview_chart .skill_point{flex-wrap:wrap;justify-content:center;align-items:center;padding:0 10px}@media(min-width:320px){.preview_chart .skill_point{display:block}}@media(min-width:640px){.preview_chart .skill_point{display:flex}}@media(min-width:1000px){.preview_chart .skill_point{display:flex}}@media(min-width:1400px){.preview_chart .skill_point{display:flex}}.preview_chart .skill_point p{line-height:1}.preview_chart .skill_point .pill_group{flex-wrap:wrap}@media(min-width:320px){.preview_chart .skill_point .pill_group{padding:5px 0;justify-content:center}}@media(min-width:640px){.preview_chart .skill_point .pill_group{padding:5px 0;justify-content:flex-start}}@media(min-width:1000px){.preview_chart .skill_point .pill_group{padding:0;justify-content:flex-start}}@media(min-width:1400px){.preview_chart .skill_point .pill_group{padding:0;justify-content:flex-start}}.preview_chart .skill_point .pill_group li{white-space:nowrap;margin:1px 3px}.preview_chart .barchart_group{display:flex;flex-wrap:wrap;justify-content:center}.preview_chart .barchart{position:relative}.preview_chart .barchart .bar{cursor:pointer}.preview_chart .bar_legend{display:flex;flex-wrap:wrap;justify-content:center}@media(min-width:320px){.preview_chart .bar_legend{width:90%}}@media(min-width:640px){.preview_chart .bar_legend{width:90%}}@media(min-width:1000px){.preview_chart .bar_legend{width:90%}}@media(min-width:1400px){.preview_chart .bar_legend{width:800px}}.preview_chart .bar_legend>li{display:flex;align-items:center;padding-left:20px}.preview_chart .bar_legend .color_table{margin-right:5px}.preview_chart .bar_legend .countries_name{white-space:nowrap;font-size:14px}
/*# sourceMappingURL=2524cbd57ac77ab1.css.map*/