@charset "UTF-8";.visual-wrap{overflow:hidden;position:relative;height:424px}.visual-wrap .visual{position:absolute;left:0;top:0;transform:scale(1.18);width:100%;height:100%;z-index:1;background-repeat:no-repeat;background-position:center;background-size:cover;animation:scaleDown 10s ease-in-out forwards}@keyframes scaleDown{0%{transform:scale(1.18)}100%{transform:scale(1)}}.visual-wrap>div:last-child{position:relative;height:100%;z-index:2}.visual-wrap .title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;z-index:2;text-align:center}.visual-wrap .title h2{font-size:54px;font-weight:900;color:#fff}.visual-wrap .title p{font-size:25px;letter-spacing:-.025em;color:#fff}.sub{display:flex}.nav-location{display:none}.aside{margin-top:34px;width:300px}.aside .title{display:flex;align-items:center;justify-content:center;height:140px;background:var(--main-color);border-radius:10px}.aside .title h2{font-size:32px;font-weight:600;color:#fff}.lnb{margin-top:10px;border:1px solid #e0e0e0;border-radius:10px}.lnb ul li a{display:flex;align-items:center;position:relative;padding:20px 40px 17px 20px;width:100%;height:60px;background:#f7f8fb;border-bottom:1px dashed #e9e9e9;box-sizing:border-box;font-size:16px;color:#333;transition:all .3s}.lnb ul li.active a{background:#2b3c5b;color:#fff;text-decoration:underline}.lnb ul li.active a::before{content:"\e60d";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-family:'xeicon';font-size:13px;font-weight:600;color:#fff}.lnb ul li:hover a{background:#2b3c5b;color:#fff}.subarticle{margin-left:100px;width:calc(100% - 300px)}.subarticle .top{display:flex;justify-content:space-between;position:relative;margin:20px 0;width:100%;border-bottom:1px solid #e0e0e0}.subarticle .route{margin:20px 0 25px}.subarticle .route .home{font-size:0}.subarticle .route .home::before{content:"\e606";display:inline-block;width:30px;height:30px;background:#ebebeb;border-radius:50%;font-family:'xeicon';font-size:16px;line-height:30px;text-align:center}.subarticle .route span{display:flex;align-items:center}.subarticle .route span a{position:relative;font-size:16px;font-weight:500;color:#666;white-space:nowrap}.subarticle .route span a~a::before{content:"\e60d";position:absolute;left:-27px;top:50%;transform:translateY(-50%);font-family:'xeicon';font-size:14px}.subarticle .route span a~a{margin-left:40px}.subarticle .top h2{margin-bottom:25px;font-size:36px;font-weight:500}.subarticle .util{display:flex;align-items:flex-end;position:absolute;right:0;bottom:24px}.subarticle .util button{margin-left:5px;border-radius:50%;font-size:0;cursor:pointer}.subarticle .util button::before{display:inline-block;width:40px;height:40px;background:#ebebeb;border-radius:50%;font-family:'xeicon';font-size:16px;line-height:40px;color:#72747a}.subarticle .util .print::before{content:"\e785"}.subarticle .util .copy::before{content:"\e600"}@media screen and (max-width:1260px){.aside{display:none}.subarticle{margin:0;width:100%}.visual-wrap{position:relative}.nav-location{display:block;position:absolute;left:0;width:100%}.nav-location .title{height:50px;background:linear-gradient(to right,#2b8240,#0b3581);cursor:pointer}.nav-location .title h2{display:flex;align-items:center;justify-content:center;height:100%;font-size:20px;font-weight:600;letter-spacing:-1px;color:#fff}.nav-location .title h2::after{content:"\e623";margin-left:10px;font-family:'xeicon';font-size:20px}.snb{display:none;position:relative;z-index:10}.snb ul li a{display:block;padding:10px;background:#fff;border:1px solid #ddd;border-radius:5px;font-size:16px;letter-spacing:-1px;line-height:41px;text-align:center}.snb ul li.active a{font-weight:600;color:#2e8a3a}.sub{padding-top:50px}}@media screen and (max-width:1024px){.visual-wrap{height:389px}.visual-wrap .title h2{font-size:50px}.visual-wrap .title p{font-size:23px}}@media screen and (max-width:768px){.visual-wrap{height:354px}.visual-wrap .title h2{font-size:45px}.visual-wrap .title p{font-size:20px}}@media screen and (max-width:640px){.visual-wrap{height:318px}.visual-wrap .title h2{font-size:40px}.visual-wrap .title p{font-size:19px}}@media screen and (max-width:480px){.visual-wrap{height:247px}.visual-wrap .title h2{font-size:31px}.visual-wrap .title p{font-size:14px}}@media screen and (max-width:390px){.visual-wrap{height:212px}.visual-wrap .title h2{font-size:27px}.visual-wrap .title p{font-size:12px}.subarticle h2{font-size:26px}.subarticle .route span a{font-size:14px}.subarticle .route span a~a{margin-left:20px}.subarticle .route span a~a::before{left:-16px}}