.bpr-visual{position:relative;background:#111}
.bpr-visual::after{position:absolute;bottom:0;left:50%;margin-left:-770px;z-index:1;display:block;max-width:1540px;width:100%;height:12rem;background:#fff}
.bpr-visual .swiper-slide{background:no-repeat center;background-size:cover}
.bpr-visual .swiper-slide .inner{position:absolute;width:100%;left:50%;top:calc(50% - 10rem);transform:translate(-50%, -50%);z-index:1}
.bpr-visual .swiper-slide .inner .el h2{font-size:4.5rem;color:#fff;font-weight:700;line-height:1.2}
.bpr-visual .swiper-slide .inner .el p{margin-top:2rem;font-size:1.8rem;color:#fff;line-height:1.3}
.bpr-visual .func{position:absolute;width:100%;left:0;top:calc(50% + 10rem);z-index:1}
.bpr-visual .func button{width:5rem;height:5rem;border-radius:5rem;margin-right:1rem;border:1px solid #fff}
.bpr-visual .func span{line-height:5rem}
.bpr-visual .func span i{position:relative;padding:0 1rem;font-size:1.3rem;color:#fff;opacity:.7}
.bpr-visual .func span i::after{display:inline-block;width:1px;height:8px;right:-1px;top:50%;margin-top:-4px;background:#fff}
.bpr-visual .func span i:last-child{padding-right:0}
.bpr-visual .func span i:last-child::after{display:none}

.about{padding:0 0 12rem;overflow:hidden}
.about::after{position:absolute;display:block;width:100%;height:100vh;left:0;top:52vh;background:#f0f7fe;z-index:-1;white-space:nowrap;line-height:1;overflow:hidden}
.about .inner{position:relative}
.about .inner mark{font-size:2.3rem}
.about .inner h2{margin-top:1rem;margin-bottom:7rem;font-size:4.3rem}
.about .inner h2+.row{margin:0 -2.5rem}
.about .inner h2+.row [class^=grid-]{padding:0 2.5rem}
.about .inner h2+.row [class^=grid-] a{position:relative;display:block;padding-bottom:18rem}
.about .inner h2+.row [class^=grid-] a .thumbs{position:relative;height:28.5rem;background:no-repeat center;background-size:cover;background:#111;overflow:hidden}
.about .inner h2+.row [class^=grid-] a .thumbs img{position:absolute;min-width:101%;min-height:101%;left:50%;top:50%;transform:translate(-50%, -50%)}
.about .inner h2+.row [class^=grid-] a dl{position:absolute;width:100%;min-height:20rem;left:0;bottom:0;padding:4rem;line-height:1.2;background:#fff;transition:all .3s ease}
.about .inner h2+.row [class^=grid-] a dl dt{margin-bottom:2rem;font-size:2.5rem;font-weight:700;transition:all .3s ease}
.about .inner h2+.row [class^=grid-] a dl dd{position:relative;font-size:1.6rem;color:#555;line-height:1.5;transition:all .3s ease}
.about .inner h2+.row [class^=grid-] a dl dd img{position:absolute;left:-1rem;bottom:-5rem;opacity:0;visibility:hidden;transition:all .3s ease;transition-delay:0}
.about .inner h2+.row [class^=grid-] a:hover dl{padding-bottom:10rem;background:#2c7cec}
.about .inner h2+.row [class^=grid-] a:hover dl dt,.about .inner h2+.row [class^=grid-] a:hover dl dd{color:#fff}
.about .inner h2+.row [class^=grid-] a:hover dl img{visibility:visible;opacity:1;left:0;transition-delay:.2s}
.about .inner a.more{position:absolute;right:0;top:3rem;font-size:1.9rem;color:#f67a00}

.promotion{padding-bottom:21rem;font-size:0;text-align:center;background:url(/bpr/assets/img/main/promotion_bg.jpg) no-repeat center top;background-size:100% 100%;overflow:hidden}
.promotion .inner{position:relative;display:inline-block;width:100%;line-height:1;vertical-align:middle;text-align:left}
.promotion .inner mark{font-size:1.8rem;font-weight:700;color:#2569c9}
.promotion .inner h2{margin-top:1rem;margin-bottom:5rem;font-size:3.5rem;font-weight:700;color:#111;line-height:1.2}
.promotion .inner .swiper-container .swiper-slide a{position:relative;display:block}
.promotion .inner .swiper-container .swiper-slide a .thumbs{position:relative;height:27rem;background:#eee url(/kor/assets/img/common/svg/logo_black.svg) no-repeat center;background-size:20rem;overflow:hidden}
.promotion .inner .swiper-container .swiper-slide a .thumbs::after{position:absolute;z-index:1;display:block;width:100%;height:100%;left:0;bottom:0;background:linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0)}
.promotion .inner .swiper-container .swiper-slide a .thumbs sub{position:absolute;z-index:2;bottom:3rem;left:3rem;display:block;font-size:1.8rem;font-weight:600;color:#fff}
.promotion .inner .swiper-container .swiper-slide a .thumbs img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.promotion .inner a.more{position:absolute;right:0;top:2.6rem}
.promotion .inner a.more span{font-size:1.7rem;font-weight:500;color:#555}
.promotion .inner .func{position:absolute;right:0;bottom:-8rem;width:100%;text-align:right;white-space:nowrap}
.promotion .inner .func .progress{position:absolute;width:calc(100% - 15rem);height:3px;right:15rem;bottom:2.4rem;background:rgba(0,0,0,.1)}
.promotion .inner .func .progress .init>*{display:inline-block;vertical-align:middle}
.promotion .inner .func .progress .bar{position:absolute;width:0;height:inherit;left:0;top:0;background:#014099;transition:width .2s ease}
.promotion .inner .func span i{font-size:2rem;color:#cbcbcb;font-weight:900}
.promotion .inner .func span i:first-child{color:#111}
.promotion .inner .func span i:nth-child(2){margin:0 5px}
.promotion .inner .func button{width:5rem;text-align:center}

.map{position:relative}
.map #map{position:relative;width:100%;height:57rem;overflow:hidden}
.map #map>a{opacity:0;position:absolute;width:100%;height:5rem;line-height:5rem;left:0;top:0;background:#1558b6;font-size:1.7rem;color:#fff;font-weight:700;z-index:0;text-align:center}
.map #map>a:focus{opacity:1;z-index:999}
.map .inner .row [class^=grid-] a{position:absolute;z-index:1;bottom:0;right:0;display:block;padding:5rem;width:50%;color:#fff;background:#004fbf}
.map .inner .row [class^=grid-] a.blue{background:#004fbf url(/bpr/assets/img/main/svg/icon_port_bg01.svg) no-repeat calc(100% - 5rem) 50%}
.map .inner .row [class^=grid-] a em{font-size:2.5rem}
.map .inner .row [class^=grid-] a p{margin:1.5rem 0 2.5rem 0;font-size:1.7rem;line-height:1.4}
.map .inner .row [class^=grid-] a img{display:block;transition:margin .3s ease}
.map .inner .row [class^=grid-] a:hover img{margin-left:1rem}

/*# sourceMappingURL=style.main.min.css.map */