@charset "UTF-8";.unitTitle{font-size:2.375rem;font-weight:500;line-height:1.3;letter-spacing:.5px}@media only screen and (max-width: 1200px){.unitTitle{font-size:2rem}}@media only screen and (max-width: 767px){.unitTitle{font-size:1.625rem}}.unitTitle-sp{font-size:2.375rem;font-weight:500;line-height:1.3;letter-spacing:.5px}@media only screen and (max-width: 1200px){.unitTitle-sp{font-size:2rem}}@media only screen and (max-width: 767px){.unitTitle-sp{font-size:1.625rem;line-height:1.5;letter-spacing:1px}}.sectionTitle{font-size:1.875rem;font-weight:500;line-height:1.5;letter-spacing:.5px}@media only screen and (max-width: 1200px){.sectionTitle{font-size:1.6875rem}}@media only screen and (max-width: 767px){.sectionTitle{font-size:1.5rem}}.articleTitle-page{font-size:1.625rem;font-weight:500;line-height:1.5;letter-spacing:1px}.articleTitle-list{font-size:1.125rem;font-weight:500;line-height:1.5;letter-spacing:.5px}.paragraph{font-size:1rem;font-weight:350;line-height:1.6;letter-spacing:1px}.paragraph-bold{font-size:1rem;font-weight:600;line-height:1.6;letter-spacing:1px}.blog-card{position:relative}@media only screen and (min-width: 1201px){.blog-card:hover .pic-box:after{width:100%}.blog-card:hover .content-box{top:calc(50% + 15px);transform:translateY(-50%)}.blog-card:hover .content-box .arrow-ball-btn{opacity:1;transition:opacity .5s .3s}}@media only screen and (max-width: 1200px){.blog-card:active .pic-box:after{width:100%}.blog-card:active .content-box{top:calc(50% + 15px);transform:translateY(-50%)}.blog-card:active .content-box .arrow-ball-btn{opacity:1;transition:opacity .5s .3s}}.blog-card .inner{width:100%}.blog-card .inner.aost-show .pic-box:before{opacity:1;transition:opacity .5s ease-in-out}.blog-card .pic-box{position:relative}.blog-card .pic-box:before{content:"";display:block;width:100%;height:0;padding-bottom:111.1112%}.blog-card .pic-box img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.blog-card .pic-box:before{position:relative;z-index:1;opacity:0;background:linear-gradient(0deg,#0000 50%,#00000080 72.9%)}.blog-card .pic-box:after{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:#009ccfcc;z-index:1;transition:width .3s}.blog-card .content-box{position:absolute;top:30px;left:30px;right:30px;z-index:2;color:#fff;transition:top .5s,transform .5s}.blog-card .content-box .articleTitle-list{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:15px}.blog-card .content-box .arrow-ball-btn{opacity:0;transition:opacity .3s}@media only screen and (min-width: 1201px){.blog-card .content-box .arrow-ball-btn:hover{color:#fff}}@media only screen and (max-width: 1200px){.blog-card .content-box .arrow-ball-btn:active{color:#fff}}.blog-card .info-box{display:flex;align-items:center;gap:10px 0px;margin-top:20px;justify-content:space-between}.blog-card .info-box .author{max-width:calc(100% - 150px)}.blog-card .info-box .author,.blog-card .info-box .icon{display:flex;align-items:center;gap:5px 10px}.blog-card .info-box .icon{flex-shrink:0}.blog-card .info-box .icon .paragraph-bold{display:none}.blog-card .info-box .icon-author{font-size:20px;font-weight:700;color:var(--primary-blue)}.blog-card .info-box .name{color:#00000080;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog main{padding-top:100px}@media only screen and (max-width: 1200px){.blog main{padding-top:80px}}.blog section.section1{padding:100px 0 80px;background-color:var(--lighter-gray)}.blog section.section1 .container{margin:0 auto;max-width:900px;width:calc(100% - 120px)}@media only screen and (max-width: 767px){.blog section.section1 .container{width:100%}}@media only screen and (max-width: 767px){.blog section.section1 .title-wrap{padding:0 8%}}.blog section.section1 .banner-menu{margin-top:40px}.blog section.section3{padding:100px 0 120px;background:var(--lighter-gray)}@media only screen and (max-width: 1200px){.blog section.section3{padding:75px 0 100px}}@media only screen and (max-width: 767px){.blog section.section3{padding:50px 0 80px}}.blog section.section3 .arrow-ball-btn i{font-size:21px}.blog section.section3 .container{max-width:1500px;width:calc(100% - 120px);margin:0 auto}@media only screen and (max-width: 1200px){.blog section.section3 .container{width:calc(100% - 90px)}}@media only screen and (max-width: 767px){.blog section.section3 .container{width:calc(100% - 60px)}}.blog section.section3 .articleBlock:not(:last-child){margin-bottom:120px}.blog section.section3 .articleBlock>.content-wrap{margin-top:30px}@media only screen and (max-width: 767px){.blog section.section3 .articleBlock>.content-wrap{margin-top:20px}}.blog section.section3 .title-wrap{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.blog section.section3 .title-wrap .sectionTitle{position:relative;display:flex;align-items:center;gap:20px;margin-right:auto}.blog section.section3 .title-wrap .sectionTitle:after{content:"";display:block;width:100px;height:3px;background:var(--primary-blue);flex-shrink:0;align-self:flex-start;margin-top:22.5px}.blog section.section3 .title-wrap .arrow-ball-btn{flex-shrink:0}@media only screen and (max-width: 1200px){.blog section.section3 .title-wrap .sectionTitle:after{margin-top:18.75px}}@media only screen and (max-width: 767px){.blog section.section3 .title-wrap .sectionTitle:after{margin-top:18px}}.blog section.section3 .selected-wrap{margin-top:50px;display:flex;align-items:center;justify-content:space-between}@media only screen and (max-width: 1200px){.blog section.section3 .selected-wrap{flex-direction:column;gap:50px}}@media only screen and (max-width: 767px){.blog section.section3 .selected-wrap{margin-top:20px}}.blog section.section3 .info-box{display:flex;align-items:center;gap:10px 30px}.blog section.section3 .info-box .date{width:120px;flex-shrink:0}.blog section.section3 .info-box .author{display:flex;align-items:center;gap:5px 10px}.blog section.section3 .info-box .icon{display:flex;align-items:center;gap:0 10px;flex-shrink:0}.blog section.section3 .info-box .icon .paragraph-bold{display:none}.blog section.section3 .info-box .icon .icon-author{font-size:20px;font-weight:700;color:var(--primary-blue)}.blog section.section3 .info-box .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog section.section3 .left{width:55%;position:relative;color:#fff}.blog section.section3 .left .pic-box{width:100%;overflow:hidden}.blog section.section3 .left .pic-box:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:linear-gradient(270deg,#0000,#00000080 45.39%)}.blog section.section3 .left .pic-box img{width:100%;height:100%;min-height:550px;max-height:550px;object-fit:cover}.blog section.section3 .left .pic-box.aost-show:after{opacity:1;transition:opacity .5s}.blog section.section3 .left.href-link .articleTitle-page,.blog section.section3 .left.href-link .desc{transform:translateY(0);transition:transform .5s}.blog section.section3 .left.href-link .pic-box img{transform-origin:center center;transform:scale(1);transition:transform .5s,opacity .5s ease-in-out}@media only screen and (min-width: 768px) and (min-width: 1201px){.blog section.section3 .left.href-link:hover .articleTitle-page,.blog section.section3 .left.href-link:hover .desc{transform:translateY(-13px)}.blog section.section3 .left.href-link:hover .pic-box img{transform:scale(1.2)}}@media only screen and (min-width: 768px) and (max-width: 1200px){.blog section.section3 .left.href-link:active .articleTitle-page,.blog section.section3 .left.href-link:active .desc{transform:translateY(-13px)}.blog section.section3 .left.href-link:active .pic-box img{transform:scale(1.2)}}.blog section.section3 .left .content-box{position:absolute;top:50%;left:30px;width:50.9091%;height:100%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center}.blog section.section3 .left .articleTitle-page{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog section.section3 .left .desc{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:15px}.blog section.section3 .left .info-box{width:100%;position:absolute;top:30px;left:0}.blog section.section3 .left .info-box .author{max-width:calc(100% - 150px)}.blog section.section3 .left .info-box .name{color:#ffffff80}.blog section.section3 .left .arrow-ball-btn{width:fit-content;margin-top:40px}@media only screen and (min-width: 1201px){.blog section.section3 .left:hover .arrow-ball-btn{color:var(--primary-blue)}}@media only screen and (max-width: 1200px){.blog section.section3 .left:active .arrow-ball-btn{color:var(--primary-blue)}}@media only screen and (max-width: 1366px){.blog section.section3 .left{width:50%}}@media only screen and (max-width: 1200px){.blog section.section3 .left{width:100%}}@media only screen and (max-width: 900px){.blog section.section3 .left .pic-box img{min-height:450px;max-height:450px}}@media only screen and (max-width: 767px){.blog section.section3 .left .content-box,.blog section.section3 .left .info-box{width:100%;position:static;transform:none}.blog section.section3 .left .info-box .name{color:#00000080}.blog section.section3 .left .pic-box:after{display:none}.blog section.section3 .left .pic-box img{min-height:unset;max-height:unset}.blog section.section3 .left .content-box{width:100%;color:#000;margin-top:20px}.blog section.section3 .left .articleTitle-page{font-size:1.125rem;letter-spacing:.5px;margin-bottom:10px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.blog section.section3 .left .desc{display:none}.blog section.section3 .left .arrow-ball-btn{color:var(--primary-blue);margin-top:30px}}.blog section.section3 .right{width:40%}.blog section.section3 .right .selected-box{min-height:145px;display:flex;align-items:center;justify-content:space-between}.blog section.section3 .right .selected-box:not(:last-child){margin-bottom:50px}@media only screen and (min-width: 1201px){.blog section.section3 .right .selected-box:hover .content-box{margin-bottom:0;transition:margin .5s}.blog section.section3 .right .selected-box:hover .articleTitle-list{margin-bottom:10px;transition:margin .5s}.blog section.section3 .right .selected-box:hover .arrow-ball-btn{height:auto;opacity:1;pointer-events:auto;margin-top:30px;transition:margin .5s,height .5s,opacity .3s .3s}}.blog section.section3 .right .pic-box{width:37.5%;overflow:hidden;position:relative}.blog section.section3 .right .pic-box:before{content:"";display:block;width:100%;height:0;padding-bottom:66.6667%}.blog section.section3 .right .pic-box img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.blog section.section3 .right .pic-box img{width:100%;height:auto;object-fit:cover}.blog section.section3 .right .content-box{width:57.5%;margin-bottom:-21px;transition:margin .5s}.blog section.section3 .right .articleTitle-list{margin-bottom:30px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:margin .5s}.blog section.section3 .right .desc{display:none}.blog section.section3 .right .arrow-ball-btn{width:fit-content;height:0;opacity:0;pointer-events:none;color:var(--primary-blue);transition:margin .3s,height .5s .3s,opacity .3s}.blog section.section3 .right .info-box .author{max-width:calc(100% - 150px)}.blog section.section3 .right .info-box .name{color:#00000080}.blog section.section3 .right .href-link .articleTitle-page,.blog section.section3 .right .href-link .desc{transform:translateY(0);transition:transform .5s}.blog section.section3 .right .href-link .pic-box img{transform-origin:center center;transform:translate3d(-50%,-50%,0) scale(1);transition:transform .5s,opacity .5s ease-in-out}@media only screen and (min-width: 768px) and (min-width: 1201px){.blog section.section3 .right .href-link:hover .articleTitle-page,.blog section.section3 .right .href-link:hover .desc{transform:translateY(-15px)}.blog section.section3 .right .href-link:hover .pic-box img{transform:translate3d(-50%,-50%,0) scale(1.2)}}@media only screen and (min-width: 768px) and (max-width: 1200px){.blog section.section3 .right .href-link:active .articleTitle-page,.blog section.section3 .right .href-link:active .desc{transform:translateY(-15px)}.blog section.section3 .right .href-link:active .pic-box img{transform:translate3d(-50%,-50%,0) scale(1.2)}}@media only screen and (max-width: 1366px){.blog section.section3 .right{width:45%}}@media only screen and (max-width: 1200px){.blog section.section3 .right{width:100%}.blog section.section3 .right .selected-box{min-height:unset}.blog section.section3 .right .pic-box{width:35%}.blog section.section3 .right .pic-box img{min-height:unset}.blog section.section3 .right .content-box{width:60%;margin-bottom:0}.blog section.section3 .right .articleTitle-list{margin-bottom:10px}.blog section.section3 .right .info-box{margin-top:auto;margin-bottom:30px}.blog section.section3 .right .arrow-ball-btn{width:100%;height:auto;opacity:1;pointer-events:auto}}@media only screen and (max-width: 767px){.blog section.section3 .right .selected-box{flex-direction:column;justify-content:start;gap:20px}.blog section.section3 .right .selected-box:not(:last-child){margin-bottom:50px}.blog section.section3 .right .pic-box,.blog section.section3 .right .content-box{width:100%}.blog section.section3 .right .pic-box img{min-height:unset}.blog section.section3 .right .content-box{flex-grow:1;display:flex;flex-direction:column}}.blog section.section3 .content-wrap{display:flex;flex-wrap:wrap;gap:80px 5%}.blog section.section3 .content-wrap .blog-card{width:30%}.blog section.section3 .content-wrap .blog-card .author{max-width:calc(100% - 150px)}.blog section.section3 .content-wrap .blog-card .author .icon .paragraph-bold{display:none}@media only screen and (max-width: 1200px){.blog section.section3 .content-wrap .blog-card{width:47.5%}}@media only screen and (max-width: 767px){.blog section.section3 .content-wrap .blog-card{width:100%}}.blog section.section4{padding:100px 0 120px}.blog section.section4 .loadBlock{width:fit-content;margin:0 auto}.blog section.section4 .more-btn .plus>span:before,.blog section.section4 .more-btn .plus>span:after{transform:translate3d(-50%,-50%,0)}.blog section.section4.hide{display:none}.blog .no-content{background:var(--lighter-gray)}@media only screen and (max-width: 1200px){.blog .no-content .title{font-size:1.6875rem}}@media only screen and (max-width: 767px){.blog .no-content .title{font-size:1.5rem}}