html, body {position:relative; min-width:1338px;}
.inner {max-width:1338px; margin:0 auto;}
@media (max-width:1338px){
  .inner {margin:0 2rem;}
}

/* Skip nav */
.skip-nav {position:fixed; width:100%; height:0; left:0; top:0; z-index:999;}
.skip-nav a {
  position:absolute; left:-9999px; top:0; width:100%; height:50px; line-height:50px;
  overflow:hidden; background-color:#f2f2f2; color:#333; text-align:center; font-size:2rem; font-weight:700;
}
.skip-nav a:focus {left:auto;}

/* Global dim */
.global-dim {display:none; position:fixed; width:100%; height:100vh; left:0; top:0; background:#000; opacity:0; z-index:3;}

/* Header */
.header {position:sticky; width:100%; left:0; top:0; z-index:9; min-width:1338px;}
.header .top {
  position:relative; height:5rem; line-height:5rem;
  border-bottom:1px solid rgba(255,255,255,.2); z-index:2;
}
.header .top .family a {
  position:relative; padding:0 2rem; font-size:1.4rem; color:#222; opacity:.9; transition:all .2s ease;
}
.header .top .family a::after {
  display:inline-block; width:1px; height:1rem; right:0; top:50%; margin-top:-0.5rem; border-right:1px dotted #bec2c7;
}
.header .top .family a:last-child::after {display:none;}
.header .top .family a:hover {color:#e7761b; opacity:1;}
.header .top .family a img {vertical-align:middle;}

.header .top .sns {position:relative;}
.header .top .sns::before {display:inline-block; width:100%; height:1px; left:0; bottom:0; background:#f2f2f2; z-index:1;}
.header .top .sns a {
  position:relative; width:4rem; height:5rem; background:#fff; border-right:1px solid rgba(255,255,255,.1); text-align:center;
}
.header .top .sns a::after {display:inline-block; width:1px; height:1.8rem; right:0; top:50%; margin-top:-0.8rem; background:#e5e5e5;}
.header .top .sns a:last-child::after {display:none;}
.header .top .sns a:last-child {border-right:0;}
.header .top .sns a img {vertical-align:middle;}

.header .bottom {position:relative; height:9rem; line-height:9rem; text-align:center;}
@media (max-width:1600px){
  .header .bottom {padding-right:13rem; text-align:right;}
}
.header .bottom h1 {position:absolute; left:3rem; top:0; z-index:1;}
.header .bottom h1 img {display:inline-block; vertical-align:middle;}

.header .bottom .gnb {position:relative; white-space:nowrap; vertical-align:top;}
.header .bottom .gnb #bar {position:absolute; width:0; height:5px; left:0; bottom:-2px; background:#1d62c4;}
.header .bottom .gnb a {display:block; font-size:0;}
.header .bottom .gnb a > * {display:inline-block; vertical-align:middle; margin-left:2px;}
.header .bottom .gnb a i {
  width:17px; height:17px; line-height:15px; border-radius:3px; border:1px solid #e77418;
  font-size:11px; font-weight:700; color:#e77418; text-align:center; vertical-align:middle;
}
.header .bottom .gnb > ul > li > a {padding:0 2.5rem; color:#fff; font-weight:600; transition:all .2s ease;}
.header .bottom .gnb > ul > li > a > span {font-size:1.9rem;}
.header .bottom .gnb > ul > li > a + ul {
  display:none; position:absolute; left:7.5rem; width:calc(100% + 25rem); padding-top:5rem; padding-left:5rem;
  line-height:1; text-align:left; transform:translateX(-50%);
}
@media (max-width:1600px){
  .header .bottom .gnb > ul > li > a + ul {left:33rem; width:calc(100% - 33rem); transform:translateX(0);}
}
.header .bottom .gnb > ul > li > a + ul > li:nth-child(n+5) {margin-top:1rem;}
.header .bottom .gnb > ul > li > a + ul > li:hover > a {color:#2c7cec;}
.header .bottom .gnb > ul > li > a + ul > li:hover > a span::before {width:100%;}
.header .bottom .gnb > ul > li > a + ul > li:hover > a span::after {right:-3rem; opacity:1;}
.header .bottom .gnb > ul > li > a + ul > li > a {margin-bottom:3rem; transition:all .2s ease;}
.header .bottom .gnb > ul > li > a + ul > li > a > span {position:relative; font-size:1.8rem; font-weight:500;}
.header .bottom .gnb > ul > li > a + ul > li > a > span::before {
  display:inline-block; width:0; height:1px; left:0; bottom:-5px; background:#2c7cec; transition:all .2s ease;
}
.header .bottom .gnb > ul > li > a + ul > li > a > span::after {
  display:inline-block; width:2rem; height:2rem; opacity:0; right:-2rem; top:50%; transform:translateY(-50%);
  background:url(../../images/bpg/assets/img/common/svg/icon_gnb_arrow.svg) no-repeat center; transition:all .2s ease;
}

.header .bottom .func {
  position:absolute; right:3rem; top:50%; height:2.8rem; line-height:2.8rem; margin-top:-1.4rem;
}
.header .bottom .func > * {margin-left:1rem; line-height:1;}
.header .bottom .func > *:first-child {margin-left:0; margin-right:.6rem;}
.header .bottom .func a[target] {
  width:4.3rem; height:2.8rem; border-radius:2.8rem; line-height:calc(2.8rem - 2px);
  border:1px solid rgba(255,255,255,.6); font-size:1.4rem; font-weight:700; text-align:center; color:#fff;
}

.header .bottom .func .hamburger {position:relative; width:28px; height:28px; z-index:3; margin-left:1.6rem;}
.header .bottom .func .hamburger i {
  position:absolute; background:#fff; height:2px;
  transition:transform .45s cubic-bezier(0.9, -0.6, 0.3, 1.6), width .2s ease .2s, background-color .2s ease;
}
.header .bottom .func .hamburger i:nth-child(1) {top:50%; left:0; margin:-2px 0 0 0; width:100%; transform-origin:50% 50%;}
.header .bottom .func .hamburger i:nth-child(2) {top:4px; left:0; width:100%; transform-origin:0 50%;}
.header .bottom .func .hamburger i:nth-child(3) {bottom:5px; right:0; width:20px; transform-origin:100% 50%;}
.header .bottom .func .hamburger.active i:nth-child(1) {
  transform:rotate(-45deg); transition:transform .45s cubic-bezier(0.9, -0.6, 0.3, 1.6) .2s;
}
.header .bottom .func .hamburger.active i:nth-child(2) {
  width:14px; transform:translate(4px, -2px) rotate(45deg);
  transition:transform .45s cubic-bezier(0.9, -0.6, 0.3, 1.6) .2s, width .2s ease .2s;
}
.header .bottom .func .hamburger.active i:nth-child(3) {
  width:14px; transform:translate(-4px, 1px) rotate(45deg);
  transition:transform .45s cubic-bezier(0.9, -0.6, 0.3, 1.6) .2s, width .2s ease .2s;
}
.header .bottom .func .hamburger.dark i {background-color:#000;}

.header .dim {
  position:absolute; left:0; top:0; width:100%;
  height:14rem; background-image:linear-gradient(to bottom, #e3e8ef 5rem, #fff 5rem);
}

/* Header toggle panel */
.header .toggle {
  visibility:hidden; position:absolute; left:0; top:14rem; width:100%; height:32rem;
  background:#fff; z-index:-1; border-bottom:1px solid #dbdee1;
}
.header .toggle::before {display:inline-block; width:100%; height:2px; left:0; top:0; background:#e5e5e5; z-index:1;}
.header .toggle img {vertical-align:middle;}

.header .toggle .intro {
  position:absolute; width:22vw; height:100%; left:0; top:0; padding:5rem 0 5rem 8rem;
  border-right:1px solid #dbdee1; background:#f4f7fa url(../../images/bpg/assets/img/common/toggle_bg.png) no-repeat left top;
}
@media (max-width:1600px){
  .header .toggle .intro {width:33rem; padding:5rem 0 5rem 5rem;}
}
.header .toggle .intro h2 {font-size:3rem;}
.header .toggle .intro p {margin-bottom:2rem; font-size:1.6rem; line-height:1.5; color:#777;}
.header .toggle .intro a {
  position:relative; display:block; height:4.8rem; line-height:calc(4.8rem - 2px);
  border-radius:4.8rem; margin-top:7px; padding:0 3.5rem; border:1px solid #c2c7cb;
  background:#fff; font-size:1.5rem; color:#454545; font-weight:700;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}
.header .toggle .intro a svg {position:absolute; left:3.5rem; top:50%; transform:translateY(-50%);}
.header .toggle .intro a:hover {background:#2569c9; border-color:#2569c9; color:#fff;}
.header .toggle .intro a:hover svg path {fill:#fff;}

.header .toggle .issue {
  position:absolute; width:100%; height:7rem; line-height:7rem; left:0; bottom:-7rem;
  border-top:1px solid #e0e0e0; background:#fff; box-shadow:0 2rem 2rem rgba(0,0,0,.1);
}
.header .toggle .issue .grid {float:left;}
.header .toggle .issue .grid:nth-child(1) {width:22rem; text-align:center;}
.header .toggle .issue .grid:nth-child(1) h3 {
  height:7rem; line-height:7rem; background:#258dc9; font-size:1.4rem; color:#fff; font-family:"Archivo", sans-serif;
}
.header .toggle .issue .grid:nth-child(1) h3 img {margin-right:1rem;}
.header .toggle .issue .grid:nth-child(2) {width:60rem;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper {position:relative; padding:0 13rem 0 5rem;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .swiper-slide a {
  position:relative; padding-left:1rem; font-size:1.6rem; color:#454545;
}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .swiper-slide a::before {
  display:inline-block; width:3px; height:3px; border-radius:3px; left:0; top:50%; margin-top:-2px; background:#454545;
}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func {position:absolute; right:0; top:0; z-index:1;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button {position:relative; width:10px; height:10px; margin:0 5px;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button[aria-pressed=false]::before,
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button[aria-pressed=false]::after {
  display:inline-block; width:2px; border-radius:2px; height:100%; top:0; background:#111;
}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button[aria-pressed=false]::before {left:1px;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button[aria-pressed=false]::after {right:1px;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button[aria-pressed=true]::before {
  display:inline-block; border:5px solid rgba(0,0,0,0); border-left:6px solid #111; left:3px; top:0;
}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button.issue-prev::before,
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button.issue-next::before {
  display:inline-block; border:5px solid rgba(0,0,0,0); top:0;
}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button.issue-prev::before {border-right:6px solid #111; left:-3px; top:0;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func button.issue-next::before {border-left:6px solid #111; right:-3px; top:0;}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func .count {
  width:7rem; height:2.4rem; line-height:2.4rem; border-radius:2.4rem; margin-left:1rem; background:#222;
  font-size:1.2rem; font-weight:700; color:rgba(255,255,255,.4); text-align:center;
}
.header .toggle .issue .grid:nth-child(2) .issue-swiper .func .count em {color:#fff;}

.header .toggle .national-symbol {
  position:absolute; right:5rem; bottom:-7rem; height:7rem; line-height:7rem; font-size:1.5rem; color:#111; font-weight:700;
}
.header .toggle .national-symbol::after {display:inline-block;}
.header .toggle .national-symbol span {margin:0 1rem;}

/* Header active state */
.header.active .bottom .gnb > ul > li > a {color:#111;}
.header.active .bottom .gnb > ul > li:hover > a {color:#1d62c4;}
.header.active .bottom .func a[target] {border-color:#111; color:#111;}
.header.active .bottom .func svg * {fill:#111;}
.header.active .bottom .func .hamburger i {background-color:#111;}
.header.active .bottom .func .hamburger.white i {
  background-color:#fff;
  transition:transform .45s cubic-bezier(0.9, -0.6, 0.3, 1.6), width .2s ease .2s, background-color .2s ease;
}
.header.active .bottom svg #text * {fill:#111;}

/* Total search */
.header .total-search {
  position:fixed; width:100%; left:0; top:0; z-index:9; overflow:hidden;
  transform:translateY(-100%); transition:transform .7s cubic-bezier(0.19, 1, 0.22, 1); will-change:transform;
}
.header .total-search.active {transform:translateY(0);}
.header .total-search .inner {max-width:1170px;}
.header .total-search .el {
  background:#fff url(../../images/kor/assets/img/common/total_search_top_bg.jpg) no-repeat calc(50% - 700px) top;
  padding:12rem 0 5rem 0;
}
@media (max-width:1024px){
  .header .total-search .el {padding:2rem 0 4rem 0;}
}
.header .total-search .el [class^=grid] {line-height:15rem;}
@media (max-width:1024px){
  .header .total-search .el [class^=grid] {margin-top:3rem; line-height:1;}
}
.header .total-search .el mark {
  display:block; margin-bottom:2rem; font-size:1.7rem; font-weight:700; color:#2569c9; font-family:"Archivo", sans-serif;
}
.header .total-search .el h2 {font-size:5rem; line-height:1.1;}
@media (max-width:1024px){
  .header .total-search .el h2 {font-size:3rem;}
}
.header .total-search .el input,
.header .total-search .el button {height:7rem; border:0; border-bottom:2px solid #111;}
.header .total-search .el input {width:calc(100% - 5rem); font-size:2.4rem;}
.header .total-search .el input::placeholder {color:#c4c4c4;}
.header .total-search .el input::-moz-placeholder {color:#c4c4c4;}
.header .total-search .el button {width:5rem;}
@media (max-width:1024px){
  .header .total-search .el input,
  .header .total-search .el button {height:5rem; font-size:2rem;}
  .header .total-search .el img {width:3rem;}
}

.header .total-search .keywords {
  padding:5rem 0 11rem 0; background:#f8f9fa url(../../images/kor/assets/img/common/total_search_bottom_bg.png) no-repeat calc(50% + 700px) bottom;
  line-height:3.6rem;
}
@media (max-width:1024px){
  .header .total-search .keywords {padding:3rem 0;}
}
.header .total-search .keywords h3 {margin-right:3rem; font-size:1.8rem;}
.header .total-search .keywords a {
  height:3.6rem; border-radius:3.6rem; line-height:calc(3.6rem - 2px);
  margin-right:1rem; margin-bottom:1rem; padding:0 2rem; border:1px solid #bec0c4;
  font-size:1.5rem; color:#333; text-align:center; background:#fff;
}
.header .total-search .keywords [class^=grid]:first-child a {position:relative; padding-right:3rem;}
.header .total-search .keywords [class^=grid]:first-child a::after {
  display:inline-block; width:6px; height:6px; right:2rem; top:50%; margin-top:-3px; transform:rotate(45deg);
  border-top:1px solid #222; border-right:1px solid #222;
}
.header .total-search .keywords [class^=grid]:last-child {position:relative; padding-left:15rem;}
.header .total-search .keywords [class^=grid]:last-child img {vertical-align:middle;}
.header .total-search .keywords [class^=grid]:last-child h3 {position:absolute; left:0; top:0;}
.header .total-search .keywords [class^=grid]:last-child h3::after {
  display:inline-block; width:1px; height:1rem; right:-1.5rem; top:50%; margin-top:-0.5rem; background:#d8d9da;
}
.header .total-search .keywords [class^=grid]:last-child h3 img {margin-right:5px;}
.header .total-search .keywords [class^=grid]:last-child a {border-color:#066ab6; color:#066ab6;}
@media (max-width:1024px){
  .header .total-search .keywords [class^=grid]:last-child {padding-left:0;}
  .header .total-search .keywords [class^=grid]:last-child h3 {
    position:relative; display:block; margin-right:0; margin-bottom:1rem;
  }
  .header .total-search .keywords [class^=grid]:last-child h3::after {display:none;}
}
.header .total-search .total-search-close {position:absolute; left:calc(50% + 669px); top:3rem; z-index:3;}
@media (max-width:1600px){
  .header .total-search .total-search-close {left:auto; right:2rem;}
}

/* ANB (desktop all-nav) */
.header #anb {
  position:fixed; width:100%; height:100vh; right:0; top:0; background:#fff; z-index:3;
  transform:translateX(100%); transition:transform 1.25s cubic-bezier(0.19, 1, 0.22, 1); will-change:transform;
}
.header #anb.active {transform:translateX(0);}
.header #anb img {vertical-align:middle;}
.header #anb .anb-header {height:8rem; line-height:8rem; border-bottom:1px solid #d9d9d9;}
.header #anb .anb-header .inner {max-width:100%; padding:0 3rem;}
.header #anb .anb-header .inner h2 {font-size:2.6rem;}
.header #anb #anb-close {position:absolute; height:8rem; right:3rem; top:0; z-index:1;}

.header #anb .anb {padding:8rem 0;}
.header #anb .anb a {display:block; font-size:0;}
.header #anb .anb a > * {display:inline-block; vertical-align:middle; margin-left:2px;}
.header #anb .anb a i {
  width:17px; height:17px; line-height:15px; border-radius:3px; border:1px solid #e77418;
  font-size:11px; font-weight:700; color:#e77418; text-align:center; vertical-align:middle;
}
.header #anb .anb a:focus {outline:none;}
.header #anb .anb a:focus span {position:relative;}
.header #anb .anb a:focus span::after {display:inline-block; width:100%; height:100%; left:0; top:0; border:2px solid #111; border-radius:5px;}

.header #anb .anb .scroll {height:calc(100vh - 24rem); overflow-y:auto; margin:0 3rem;}
.header #anb .anb .scroll::-webkit-scrollbar {width:6px; height:6px; border-radius:6px;}
.header #anb .anb .scroll::-webkit-scrollbar-track {width:6px; background:#e5e5e5;}
.header #anb .anb .scroll::-webkit-scrollbar-thumb {border-radius:6px; background:#959595;}
.header #anb .anb .scroll > ul {max-width:1338px; margin:0 auto; counter-reset:numbering;}
.header #anb .anb .scroll > ul > li {counter-increment:numbering;}
.header #anb .anb .scroll > ul > li > a {
  position:relative; display:block; height:6.8rem; line-height:calc(6.8rem - 2px); padding:0 4rem;
  background:#f5f7f9; border:1px solid #dee1e5; font-size:2.8rem; font-weight:700; color:#1558b6; overflow:hidden;
}
.header #anb .anb .scroll > ul > li > a::before {
  display:inline-block; width:.9rem; height:2.5rem; left:0; top:50%; margin-top:-1.25rem; background:#1558b6;
}
.header #anb .anb .scroll > ul > li > a::after {
  display:inline-block; content:counter(numbering, decimal-leading-zero);
  right:5rem; top:2rem; font-size:9rem; font-weight:700; font-style:italic; color:#a7aeb5; opacity:.15; letter-spacing:-4px;
}
.header #anb .anb .scroll > ul > li > a + ul {
  display:inline-block; width:100%; vertical-align:top; margin:3rem 0 9rem 0;
}
.header #anb .anb .scroll > ul > li > a + ul > li {float:left; width:20%;}
.header #anb .anb .scroll > ul > li > a + ul > li:nth-child(n+6) {margin-top:5rem;}
.header #anb .anb .scroll > ul > li > a + ul > li > a {position:relative; display:block; margin-bottom:3rem; font-size:2rem; font-weight:700;}
.header #anb .anb .scroll > ul > li > a + ul > li > a + ul > li {margin-bottom:1.5rem;}
.header #anb .anb .scroll > ul > li > a + ul > li > a + ul > li:last-child {margin-bottom:0;}
.header #anb .anb .scroll > ul > li > a + ul > li > a + ul > li > a {
  position:relative; display:block; padding-left:1rem; font-size:1.7rem; color:#777; transition:color .2s ease;
}
.header #anb .anb .scroll > ul > li > a + ul > li > a + ul > li > a::before {
  display:inline-block; width:2px; height:2px; left:0; top:50%; margin-top:-1px; background:#949494;
}
.header #anb .anb .scroll > ul > li > a + ul > li > a + ul > li > a span {position:relative;}
.header #anb .anb .scroll > ul > li > a + ul > li > a + ul > li > a span::before {
  display:inline-block; width:0; height:1px; left:0; bottom:-3px; background:#1558b6; transition:width .2s ease;
}
.header #anb .anb .scroll > ul > li > a + ul > li > a + ul > li > a + ul {
  margin-top:1rem; margin-right:5rem; padding:1rem 2rem; background:#f5f7f9;
}
.header #anb .anb .scroll > ul > li > a + ul > li > a + ul > li > a + ul a {
  position:relative; display:block; height:2.4rem; line-height:2.4rem; padding-left:1.3rem; font-size:1.5rem; color:#777;
}
.header #anb .anb .scroll > ul > li > a + ul > li > a + ul > li > a + ul a::before {
  display:inline-block; width:5px; height:1px; left:0; top:50%; background:#8c8c8c;
}
.header #anb .anb .scroll > ul > li > a + ul > li > a + ul > li > a + ul a:hover {color:#111;}
.header #anb .anb .scroll > ul > li > a + ul > li > a + ul > li:hover > a {color:#1558b6;}
.header #anb .anb .scroll > ul > li > a + ul > li > a + ul > li:hover > a span::before {width:100%;}

/* MNB (mobile nav) */
.header #mnb {
  position:fixed; width:100%; height:100vh; right:0; top:0; z-index:1; background:#fff;
  transform:translateX(100%); transition:transform 1s cubic-bezier(0.19, 1, 0.22, 1); will-change:transform;
}
.header #mnb.active {transform:translateX(0);}
.header #mnb > .init {position:relative; height:9rem; line-height:9rem; z-index:2;}
.header #mnb > .init::before {display:inline-block; width:100%; height:inherit; left:0; top:0; background:#003783; z-index:1;}
.header #mnb > .init button {
  position:relative; display:block; width:16rem; height:9rem; font-size:1.7rem; color:#fff; z-index:2;
}
.header #mnb > .init button.active {color:#6eb2ff;}
.header #mnb > .init button.active em::after {transform:rotate(-45deg); margin-top:-1px; border-color:#6eb2ff;}
.header #mnb > .init button em {position:relative; padding-right:2rem; z-index:1;}
.header #mnb > .init button em::after {
  display:inline-block; width:6px; height:6px; right:0; top:50%; margin-top:-3px;
  border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(135deg);
}
.header #mnb > .init button.active em img {margin-top:-4px; transform:rotate(90deg);}
.header #mnb > .init button.active + ul {transform:translateY(-1px);}
.header #mnb > .init ul {
  position:absolute; width:100%; left:0; top:0; transform:translateY(-100%); padding:1.5rem; margin-top:9rem;
  background:#1558b6; color:#fff; text-align:center; box-shadow:0 0 1rem rgba(0,0,0,.3); z-index:-1;
  transition:transform .3s cubic-bezier(0.19, 1, 0.22, 1); will-change:transform;
}
.header #mnb > .init ul li a {display:block; padding:1.2rem 0; line-height:1.2; font-size:1.6rem;}
.header #mnb > .init ul li a span {display:inline-block;}

.header #mnb .mnb {position:relative; height:calc(100vh - 18rem);}
.header #mnb .mnb a {font-size:0;}
.header #mnb .mnb a > * {display:inline-block; vertical-align:middle; margin-left:5px;}
.header #mnb .mnb a i {
  width:13px; height:13px; line-height:11px; border-radius:3px; border:1px solid #e77418;
  font-size:10px; font-weight:700; color:#e77418; text-align:center; vertical-align:middle;
}
.header #mnb .mnb > ul::before {
  display:inline-block; width:15rem; height:100%; left:0; top:0; background:#eff4fa; border-right:1px solid #c2c7ce; z-index:-1;
}
.header #mnb .mnb > ul > li {width:15rem; border-bottom:1px solid #d1d6dd;}
.header #mnb .mnb > ul > li:last-child {border-bottom:0;}
.header #mnb .mnb > ul > li:first-child > a + ul {display:block;}
.header #mnb .mnb > ul > li > a {position:relative; display:block; height:7rem; line-height:7rem; text-align:center; font-size:2rem; font-weight:700;}
.header #mnb .mnb > ul > li > a span {position:relative; z-index:1; margin-left:0;}
.header #mnb .mnb > ul > li > a.active {color:#fff;}
.header #mnb .mnb > ul > li > a.active::before {display:inline-block; width:100%; height:calc(100% + 1px); left:0; top:0; background:#1a73f2;}
.header #mnb .mnb > ul > li > a.active::after {
  display:inline-block; width:0; height:0; right:calc(-2rem + 2px); top:50%; margin-top:-0.8rem;
  border:1rem solid rgba(0,0,0,0); border-left:1rem solid #1a73f2; z-index:1;
}
.header #mnb .mnb > ul > li > a + ul {
  display:none; position:absolute; width:calc(100% - 15rem); height:100%; left:15rem; top:0; padding:0 3rem; overflow-y:auto;
}
.header #mnb .mnb > ul > li > a + ul > li:last-child a {border-bottom:0;}
.header #mnb .mnb > ul > li > a + ul > li > a {
  position:relative; display:block; height:6.4rem; line-height:6.4rem; border-bottom:1px solid #d7d7d7;
}
.header #mnb .mnb > ul > li > a + ul > li > a::before {
  display:inline-block; width:3rem; height:4rem; background:url(../../images/kor/assets/img/common/svg/icon_mnb_arrow.svg) no-repeat center;
  background-size:3rem; right:0; top:50%; margin-top:-2rem;
}
.header #mnb .mnb > ul > li > a + ul > li > a.active::before {background-image:url(../../images/kor/assets/img/common/svg/icon_mnb_arrow_active.svg);}
.header #mnb .mnb > ul > li > a + ul > li > a.active {color:#1a73f2;}
.header #mnb .mnb > ul > li > a + ul > li > a > span {font-size:1.7rem; font-weight:700;}
.header #mnb .mnb > ul > li > a + ul > li > a + ul {display:none; margin-top:1.5rem; margin-bottom:1rem;}
.header #mnb .mnb > ul > li > a + ul > li > a + ul li a {
  position:relative; display:block; height:3rem; line-height:3rem; padding:0 1rem; font-weight:300;
}
.header #mnb .mnb > ul > li > a + ul > li > a + ul li a > span {font-size:1.7rem; color:#404040;}
.header #mnb .mnb > ul > li > a + ul > li > a + ul li a::before {display:inline-block; width:2px; height:2px; left:0; top:1.3rem; background:#404040;}

/* MNB bottom row */
.header #mnb .row {height:9rem; line-height:9rem; background:#fff; box-shadow:0 0 1rem rgba(0,0,0,.1);}
.header #mnb .row .language a {
  width:6rem; height:4rem; border-radius:4rem; line-height:calc(4rem - 2px);
  font-size:1.7rem; font-weight:700; color:#646e7f; text-align:center;
}
.header #mnb .row .language a.active {color:#1a73be; border:1px solid #1a73be;}
.header #mnb .row .sns a {width:5rem; height:5rem; border-radius:5rem; line-height:5rem; margin-right:5px; background:#334468; text-align:center;}
.header #mnb .row .sns a:last-child {border-right:0;}
.header #mnb .row .sns a img {vertical-align:middle;}

/* Footer */
.footer .fnb {padding:3rem 0; border-bottom:1px solid #ddd;}
.footer .fnb li {position:relative; padding-right:1.5rem; margin-right:1.5rem;}
.footer .fnb li::after {display:inline-block; width:1px; height:1rem; right:-1px; top:50%; margin-top:-0.5rem; background:#ddd;}
.footer .fnb li:last-child {padding-right:0; margin-right:0;}
.footer .fnb li:last-child::after {display:none;}
.footer .fnb li a {display:block; font-size:1.5rem; color:#555; font-weight:500; transition:all .2s ease;}
.footer .fnb li a:hover {color:#1d62c4;}
.footer .fnb li a.active {font-weight:700; color:#ffb600; font-size:1.7rem;}

.footer .info {padding:5rem 0;}
.footer .info p {font-size:1.5rem; color:#333; line-height:1.5;}
.footer .info p:last-child {margin-top:8px; color:#777;}
.footer .info button {
  position:relative; display:block; width:27rem; height:7rem; padding:0 3rem; border:1px solid #ccc;
  font-size:1.5rem; color:#555; text-align:left; font-weight:500;
}
.footer .info button::after {
  display:inline-block; width:7rem; height:7rem; right:0; top:0;
  background:url(../../images/bpg/assets/img/common/svg/icon_family_arrow.svg) no-repeat center;
}

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