.visual{position:relative; overflow:hidden; z-index:2;}
.visual::before{display:inline-block; width:100%; height:100%; left:0; top:0; z-index:1; background:url(/kor/assets/img/common/header_gradient_bg.png) repeat-x left top; background-blend-mode:multiply;}
.visual .parallax{position:absolute; width:100%; height:100%; top:0; left:0;}
.visual .parallax img{position:absolute; top:0; left:50%; min-width:1920px; margin-left:-960px;}
.visual .inner{position:relative; height:53rem; line-height:53rem; font-size:0; z-index:2; color:#fff;}
.visual .inner .el{display:inline-block; line-height:1; vertical-align:middle; margin-top:15rem;}
.visual .inner .el sup{font-size:1.6rem; font-weight:300;}
.visual .inner .el h2{margin-top:1rem; font-size:5.4rem;}
.header{border-bottom:1px solid #e5e5e5;}
.header+#container .contents{background:url(/bpg/assets/img/sub/container_bg.jpg) no-repeat center top;}
.header+#container .contents h2{margin-top:1rem; margin-bottom:2rem; font-size:4.8rem; color:#111; font-weight:700;}
#container{overflow:hidden;}
#container .location{position:relative; background:#fff; z-index:3;}
#container .location img{vertical-align:middle;}
#container .location .inner{background:#fff;}
#container .location .inner::before{display:inline-block; width:50%; height:100%; left:100%; top:0; background:#fff;}
#container .location .inner>ul>li{position:relative; margin-right:4rem;}
#container .location .inner>ul>li:last-child{margin-right:0;}
#container .location .inner>ul>li:last-child>button{color:#111;}
#container .location .inner>ul>li:last-child>button::after{border-color:#111;}
#container .location .inner>ul>li.active>button{color:#111;}
#container .location .inner>ul>li.active>button::after{border-color:#111; transform:rotate(-45deg);}
#container .location .inner>ul>li>a{display:block; line-height:9rem;}
#container .location .inner>ul>li>button{display:block; height:9rem;}
#container .location .inner>ul>li.active>button+ul{transform:translateY(0);}
#container .location .inner>ul>li>button{position:relative; padding-right:4rem; font-size:1.7rem; font-weight:700; color:#888; text-align:left; transition:color .3s ease;}
#container .location .inner>ul>li>button::after{display:inline-block; width:7px; height:7px; right:2rem; top:50%; margin-top:-5px; border-top:1px solid #888; border-right:1px solid #888; transform:rotate(135deg); transition:transform .3s ease;}
#container .location .inner>ul>li>button+ul{position:absolute; min-width:20rem; padding:1.5rem 2rem; border:1px solid #d6d6d6; background:#fff; white-space:nowrap; z-index:-1; transform:translateY(calc(-100% - 1rem)); box-shadow:5px 5px 1rem rgba(0,0,0,.1); transition:transform .5s cubic-bezier(0.19,1,0.22,1); will-change:transform;}
#container .location .inner>ul>li>button+ul::before{display:inline-block; width:100%; left:-1px; top:-1px; border:1px solid #111; box-sizing:content-box;}
#container .location .inner>ul>li>button+ul li a{position:relative; display:block; padding-left:1rem; font-size:1.6rem; color:#333; height:3.2rem; line-height:3.2rem;}
#container .location .inner>ul>li>button+ul li a::before{display:inline-block; width:2px; height:2px; left:0; top:1.5rem; background:#333;}
#container .location div.init{position:absolute; right:0; top:0;}
#container .location div.init button{position:relative; height:9rem; margin-left:2rem;}
#container .location div.init button:first-child{margin-left:0;}
#container .location div.init button:first-child::before{display:none;}
#container .location div.init ul{position:absolute; right:0; top:0; white-space:nowrap; border:1px solid #d1d1d1; box-shadow:5px 5px 1rem rgba(0,0,0,.1); z-index:-3; transition:top .5s cubic-bezier(0.19,1,0.22,1); will-change:top;}
#container .location div.init ul.active{top:9rem;}
#container .location div.init ul li svg, #container .location div.init ul li img{position:relative; vertical-align:middle; z-index:1;}
#container .location div.init ul li a, #container .location div.init ul li button{display:block; width:5rem; height:5rem; border-right:1px solid #d1d1d1;}
#container .location div.init ul li a{position:relative; line-height:5rem; text-align:center; background:#f7f8fa;}
#container .location div.init ul li a::before{display:inline-block; width:100%; height:100%; left:-1px; top:-1px; background:#2569c9; border:1px solid #2569c9; box-sizing:content-box; opacity:0; transition:opacity .1s ease;}
#container .location div.init ul li a svg *{transition:all .1s ease;}
#container .location div.init ul li a:hover::before{opacity:1;}
#container .location div.init ul li a:hover svg *{fill:#fff;}
#container .location div.init ul li button{border-right:0;}
#container .contents{padding:12rem 0;}
#container .contents .tel-info-inner{max-width:1338px; margin:0 auto;}
#container .contents .vm{vertical-align:middle;}
#container .contents .vm img{position:relative; top:0;}
#container .contents .border-blue{margin:2rem 0 5rem 0; width:100%; height:3px; background:#346ec0; border:0;}
#container .contents .border-gray{display:block; border:1px solid #ddd;}
#container .contents .bpi-about{position:relative;}
#container .contents .bpi-about .row{position:relative;}
#container .contents .bpi-about .row [class^=grid-] i{display:block; margin-bottom:2rem; font-size:2.4rem; color:#454545;}
#container .contents .bpi-about .row [class^=grid-] em{font-size:5.6rem; line-height:1.3;}
#container .contents .bpi-about .row [class^=grid-] p{display:block; margin:5rem 0 6rem 0; font-size:2.4rem; line-height:1.5; color:#454545;}
#container .contents .bpi-about .row [class^=grid-] dl.bpi-about-info{position:relative; padding:5rem 28rem 10rem 5rem; min-height:25rem;}
#container .contents .bpi-about .row [class^=grid-] dl.bpi-about-info dt{margin-bottom:2rem; font-size:2.6rem; font-weight:700;}
#container .contents .bpi-about .row [class^=grid-] dl.bpi-about-info dd{font-size:1.8rem; line-height:1.5; color:#454545;}
#container .contents .bpi-about .row [class^=grid-] dl.bpi-about-info dd img{position:absolute; right:5rem; bottom:8rem; z-index:-1;}
#container .contents .bpi-about.bg{position:relative;}
#container .contents .bpi-about.bg::before{display:inline-block; width:100%; height:80rem; background:#f6f9fc; left:0; bottom:0; z-index:-1;}
#container .contents .embarkation-tel{font-size:1.8rem;}
#container .contents .embarkation-tel img{vertical-align:middle;}
/*# sourceMappingURL=style.sub.min.css.map */