body {
    font-family:Segoe UI;
    margin:0;
    background-color:#f7f7f7;
}

* {
    box-sizing: border-box;
    margin: 0; padding: 0;
}
h1 {
    font-family: "open sans", sans-serif;
    margin:2% 0 0 0;
    font-size:48px;
    letter-spacing:3px;
}
table, tr, td {
    border:solid lightgray 1px;
}
td {
    padding-left:4px;
  }
.center {
    text-align:center;
}
a.reserved {
    display: none!important;
}
img {
    width: 100%;
    height: auto;
    max-width:600px;
}
img.half {
    max-width:300px;
}
img.quarter {
    max-width:150px;
}
img.imagefull {
    max-width:100%;
}
.imageblok {
    padding:2% 1%;
    margin:0;
}

/* Menu Style */
.customtype {
    color:#fff;
    font-family: "Varela Round", sans-serif;
    font-style:normal;
    font-size: 25px;
    font-weight: 300;
    letter-spacing:.1px;
}
.header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    background-image: linear-gradient(130deg, rgb(0 45 173) 0%, rgb(0 159 255) 100%);
    min-height: 90px;
} 
.menu__item {
    color:#fff;
    font-family: "Varela Round", sans-serif;
    font-style:normal;
    font-size: 24px;
    font-weight: 300;
    line-height:20px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
}
.menu__item:nth-child(1) {
    margin-right:45px;
}
.menu__item:nth-child(2) {
    margin-right:45px;
}
.menu__item:nth-child(3) {
    margin-right:20px;
}
.menu__item:hover {
    color:#ececec!important;
    text-decoration:underline;
    text-underline-offset: 33px;
    text-decoration-thickness: 2.5px;
}

/* Mobile Menu Style */
.logo {
    max-width:100%;
    padding:2px 0 0 6px;
}
.menu-icon {
    display: none;
    width: 35px;
    height: 25px;
    position: relative;
    cursor: pointer;
}
.menu-icon span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}
.menu-icon span:nth-child(1) {top: 0px;}
.menu-icon span:nth-child(2), .menu-icon span:nth-child(3) {top: 10px;}
.menu-icon span:nth-child(4) {top: 20px;}
.header.menu-open .menu-icon span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.header.menu-open .menu-icon span:nth-child(2) {
  transform: rotate(45deg);
}
.header.menu-open .menu-icon span:nth-child(3) {
  transform: rotate(-45deg);
}
.header.menu-open .menu-icon span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
.header.menu-open .menu {
  display: block;
}

.wrap {
    padding:2.5% 3%;
}
.title {
    font-size:24px;
}
.subtitle {
    font-size:18px;
    font-weight:700;
    padding:2px 0;
    margin-top:2%;
}
.redcredit {
    color:#8b4513;
}
.custom {
    border:solid 2px #c7c7c7;
    border-radius:6px
}
.padtop {
    padding-top:2%;
}
.padright {
    padding-right:2%;
}
.padbottom {
    padding-bottom:2%;
}
.padleft {
    padding-left:2%;
}
.border {
    border:solid 1px gray;
    padding:10px;
    border-radius:6px;
}
.b29sarticle {
    padding:2% 0 0 0;
    margin: 0;
}
.articlelinks {
    padding: 2% 0 4% 0;
    background-color: #ebebeb;
    border-radius:8px;
    margin:2% 12% 0 12%;
}

.authorby {
    font-size:14px;
    font-weight:500;
    margin:0 0 1% 8px;
    color:#0170b9;
}
.authorby a {
    color:#0170b9;
    text-decoration: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}
.authorby a:hover {
    color:#000;
}
.authorsection {
    margin:2% 12%;
}
.authorblok {
    display:flex;
    flex-flow: row;
    padding:1.6%;
    border-bottom:solid #ccc 1px;
    font-size:16px;
}
.authortab {
    padding-bottom:5px;
    border-bottom:solid #ccc 1px;
}
span.authtab {
    background-color: #eee!important;
    padding: 4px 10px 5px!important;
    border-bottom: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}
.authorprofile {
    max-width: 90px!important;
    min-width: 90px!important;
    height: auto;
}
.authordescblok {
    margin-left: 14px!important;
    font-size: 100%!important;
    line-height: 1.5!important;
}
.authordesc {
    position: static!important;
    padding-top: 6px!important;
    font-size: 14px!important;
    width: 100%!important;
}
.authorstitle a {
    font-size:20px;
    font-weight:700;
    color:#0170b9;
    text-decoration: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}
.authorstitle a:hover {
    color:#000;
}
.continuereading {
    font-size:104%;
	font-weight:700;
	font-style:italic;
    padding:2% 0;
}
.pre-foot1 {
    display:flex;
    padding:5%;
    background-image: url("https://b-29s-over-korea.com/images/_pre-footer1-bg.jpg");
    background-color: #000;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 273px;
}
.pre-foot2 {
    background-image: url("https://b-29s-over-korea.com/images/_pre-footer2-bg.jpg");
    background-color: #000;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 4% 67px 4%;
}
.pre-foot3 {
    display:flex;
    background-color:#000;
    min-height:315px;
    padding:0 5.5%;
}
.pre-foot1 h3, .pre-foot3 h3 {
    font-family:"Montserrat Alternates", sans-serif;
    font-size:21px;
    font-weight:600;
    font-style:normal;
    line-height:1.2em;
    vertical-align:baseline;
    text-size-adjust: 100%;
    color:#ececec;
    margin:22px 0 16px 0;
}
section.section3a> div.flex-item> img {
    max-width:400px;
    opacity: 0.56;
    margin:22px 0;
}
section.section3a> div.bloktxt> p {
    font-weight:600;
    color:#7a7a7a;
}

.pre-foot1 p, .pre-foot3 p {
    font-family:"Montserrat Alternates", sans-serif;
    font-size:15px;
    font-weight:100;
    font-style:normal;
    line-height:28.5px;
    vertical-align:baseline;
    color:#fff;
}
.pre-foot2 p {
    font-family:"Montserrat", sans-serif;
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.2em;
    margin:0;
}

.section1a, .section1b, .section3a, .section3b {
    padding:30px;
}

.footlinks nav>ul>li {
    padding: 13px 20px;
    list-style: none;
}
.footlinks nav>ul>li a {
    font-family:"Montserrat", sans-serif;
    font-size:15px;
    font-weight:600;
    font-style:normal;
    line-height:20px;
    color:#7a7a7a;
    text-decoration: none;
}
.footlinks nav>ul>li a:hover {
    color:#009fff;
    text-decoration: underline;
    text-underline-offset: 1.2em;
    text-decoration-color: #009fff;
    text-decoration-thickness: 2.5px;
}
.footer {
    background-color:#000;
    color:#7a7a7a;
}
p.copyright {
    font-size:14px;
    font-weight:300;
    font-style:normal;
    line-height:14px;
    margin:0;
    padding: 35px 0px 35px 0px;
}
.nice {
    background:rgb(243, 243, 243);
    padding:2px 8px 8px 22px;
    /* margin:12px 0; */
    border-radius:5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
}
.nice:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.nice ul {
    padding-left:45px;
}
hr.nice-border {
    border: 9px solid #560b96;
    margin: 26px 0 -18px;
    height: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

@media screen and (max-width:991px) {
    h1 {
        font-size:38px;
    }
    .menu {
        position: absolute;
        display: none;
        top: -8px;
        right: 0;
        width: 100%;
        margin-top: 84px;
        background-color: #0037b5;
        z-index: 1000;
        overflow: auto;
        padding:24px 12px;
    }
    .menu__item {
        display: block;
        padding: 10px 0;
        text-align: center;
        color: #ffffff;
    }

    .menu__item:hover {
        color:#ececec!important;
        text-decoration:underline;
        text-underline-offset: 12px;
        text-decoration-thickness: 2px;
    }    
    .menu-icon {
        display: inline-block;
    }
    .pre-foot1, .pre-foot3 {
        display:block!important;
    }
    .pre-foot2 p {
        font-size:16px!important;
    }
    .section1a, .section1b, .section3a, .section3b {
        max-width:100%!important;
    }
    .section3b {
        text-align:center!important;
    }
    .articlelinks {
        margin:2% 0 0 0;
    }
    .authorsection {
        margin:6% 0 2% 0;
    }   
    
}
@media screen and (min-width:992px) {
    .section1a, .section1b, .section3a, .section3b {
        max-width:50%!important;
        padding:1.2rem!important;
    }
    .footlinktitle {
        padding-left:3rem!important;
    }
    .footlinks {
        padding-left:3rem!important;
    }
    .b29sarticle {
        margin: 0 10%;
    }
}
@media screen and (max-width: 768px) {
    h1 {
        font-size:32px;
    }
    .logo {
        max-width:182px;
    }
    .wrap {
        padding:5% 3%;
    }
    .section1a, .section1b, .section3a, .section3b {
        padding:6px;
    }
    .imageblok {
        padding:5% 1%;
    }
    .authorblok {
        flex-flow: column;
    }
    .authorprofile {
        max-width: 135px!important;
        min-width: 135px!important;
        height: auto;
        margin: 0 auto;
    }
    .authordescblok {
        margin-left: 0!important;
    }
}