@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";
*{word-break:keep-all;box-sizing:border-box;margin:0;padding:0;position:relative}ol,ul,li{list-style:none}a{color:inherit;text-decoration:none;display:block}img{width:100%;display:block}button,span{display:block}body{color:#111;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif}h1{font-size:2.5rem;font-weight:900}h2{font-size:2rem;font-weight:900}h3{font-size:1.7rem;font-weight:700}h4{font-size:1.2rem;font-weight:700}h5{font-size:1rem;font-weight:500}h6{font-size:.9rem;font-weight:500}p{font-size:1rem;font-weight:400}.cont{width:1400px;margin:0 auto}:root{--pol-color:#102e5d;--pol-gradient:linear-gradient(135deg,#b8d5ff 0%,#2f5dfb 100%);--fir-color:#d33333;--fir-gradient:linear-gradient(135deg,#dfb6a2 0%,#f03a39 100%);--sol-color:#384938;--sol-gradient:linear-gradient(135deg,#c7e1d4 0%,#037541 100%);--civ-color:#e2a51b;--civ-gradient:linear-gradient(135deg,#faeebe 0%,#ffad01 100%);--share-color:#3a3a3a;--share-gradient:linear-gradient(135deg,#d6d6d6 0%,#3a3a3a 100%)}.bg{background-image:url(/hub/img/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:60px 0;display:flex}.bg .cont{top:0;transform:none}.bg .cont .logo-box{width:300px;margin:0 auto 10px}.bg .cont .title-box{text-align:center;margin-bottom:50px;line-height:50px}.bg .cont .title-box .f-w-l{font-weight:500}.bg .cont .item-box{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:20px;width:100%;margin-bottom:50px;display:flex}.bg .cont .item-box .item{--theme:#000;--gradient:none;border:3px solid var(--theme);background-color:#fff;border-radius:10px;flex:0 0 calc(33.3333% - 13.3333px);height:220px;transition:all .3s;overflow:hidden}.bg .cont .item-box .theme-pol{--theme:var(--pol-color);--gradient:var(--pol-gradient)}.bg .cont .item-box .theme-fir{--theme:var(--fir-color);--gradient:var(--fir-gradient)}.bg .cont .item-box .theme-sol{--theme:var(--sol-color);--gradient:var(--sol-gradient)}.bg .cont .item-box .theme-civ{--theme:var(--civ-color);--gradient:var(--civ-gradient)}.bg .cont .item-box .theme-share{--theme:var(--share-color);--gradient:var(--share-gradient)}.bg .cont .item-box .item:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:50%;height:100%;transition:none;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.bg .cont .item-box .item:hover:after{transition:all 1s;left:150%}.bg .cont .item-box .item:hover{background:var(--gradient);transform:translateY(-5px);box-shadow:5px 5px 10px #4e4e4e33}.bg .cont .item-box .item a{width:100%;height:100%}.bg .cont .item-box .item .name-box h3{color:var(--theme);flex-direction:column;gap:6px;padding:20px;display:flex}.bg .cont .item-box .item:hover .name-box h3{color:#fff}.bg .cont .item-box .item .name-box .link{align-items:center;gap:8px;margin-top:-5px;display:flex}.bg .cont .item-box .item .arrow{background-color:var(--theme);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.bg .cont .item-box .item:hover .arrow{background:#ffffff80}.bg .cont .item-box .item .arrow img{width:8px;margin-left:2px}.bg .cont .item-box .item .arrow img.arrow-c,.bg .cont .item-box .item:hover img.arrow-w{display:none}.bg .cont .item-box .item:hover img.arrow-c{display:block}.bg .cont .item-box .item .img-box{height:65%;position:absolute;bottom:0;right:20px}.bg .cont .item-box .item .img-box img{object-fit:contain;width:100%;height:100%}.bg .cont footer{text-align:center;line-height:25px}@media (max-width:1400px){.cont{width:1200px}.bg .cont .item-box .item{height:200px}.bg .cont .item-box .item .img-box{height:60%;bottom:0;right:10px}}@media (max-width:1200px){html{font-size:14px}.cont{width:calc(100% - 40px)}.bg .cont .item-box .item{flex:0 0 calc(50% - 10px);height:220px}.bg .cont .item-box .item .img-box{height:65%;bottom:0;right:20px}}@media (max-width:768px){.bg .cont .item-box .item{height:200px}}@media (max-width:600px){.bg{padding:40px 0}.bg .cont .item-box .item{flex:0 0 100%;height:200px}.bg .cont footer{padding-bottom:30px}}@media (max-width:480px){html{font-size:13px}.bg .cont .item-box .item{height:180px}}footer{background-color:#f7f8f9;height:200px}footer .cont{padding:30px 0}footer .logo-box{width:170px;margin-bottom:10px}footer .text-box{line-height:25px}footer .text-box p{color:#333}@media (max-width:768px){footer{height:100%}}