@font-face {
    font-family: 'NanumSquareR';
    src: url('fonts/NanumSquareR.eot');
    src: url('fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
         url('fonts/NanumSquareR.woff') format('woff'),
         url('fonts/NanumSquareR.ttf') format('truetype'),
         url('fonts/NanumSquareR.svg#NanumSquareR') format('svg');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'NanumSquareEB';
    src: url('fonts/NanumSquareEB.eot');
    src: url('fonts/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
         url('fonts/NanumSquareEB.woff') format('woff'),
         url('fonts/NanumSquareEB.ttf') format('truetype'),
         url('fonts/NanumSquareEB.svg#NanumSquareEB') format('svg');
    font-weight: normal;
    font-style: normal;
    }

body {
    font-family: 'NanumSquareR';
}

h1, h2, h3, h4 {
    font-family: 'NanumSquareEB';
}
.w-100 {
    width:100%;
}
.text-center {
    text-align:center;
}
.text-left {
    text-align:left;
}
.text-right {
    text-align:right;
}
.float-r {
    float:right;
}
.float-l {
    float:left;
}
section{
    text-align:center;
    padding:30px 0;
}
.cream-bg{
    background:#ebe9e0;
}
.green-bg {
    background: rgba(42,84,84,1);
}
.blue-text{
    color:#0077a2;
}
.dark-blue-text {
    color:#1f308a;
}
.blue-bg{
    background-color:#1f308a;
}
.light-blue-bg {
    background-color: #e5f2fb;
}
.white-text{
    color:#fff;
}
.black-text{
    color:#000;
}
.container{
    min-height:unset;
}
h1{
    font-size:2.5rem;
}
h2{
    font-size:1.7rem;
}
h3{
    font-size:1rem;
}
p{font-size:1rem; line-height:1.5rem;}

.row{
    margin-bottom:unset!important;
}
.safeph-banner{
     width:100%;
     height:890px;
     background:rgba(0, 0, 0, 0) url("../img/advisory/dot-safeph-banner.jpg") no-repeat scroll center top / cover;
     position:relative;
     z-index:1;
}

.p-0{
    padding:0;
}
.pt-0 {
    padding-top:0;
}
.d-inline {
    display:inline-block;
}
m-auto {
    margin: 0 auto;
}
.date-container{
    background:#fc424f;
    color:#fff;
    font-size:12px;
    text-align:center;
    display:inline-block;
    padding:15px;
    font-family:NanumSquare;
    
}
.container{
    text-align:center;
}

.inner-cont{
    max-width:66%;
    margin:0 auto;
}

.travel-ban .tb-col{
    width:45%;
    display:inline-block;
    background:#fff;
    padding:15px;
    box-sizing:border-box;
    vertical-align:top;
    margin:0 2%;
    margin-top:70px;
    min-height: 205px;
}
.country-cont{
    display:inline-block;
    padding:15px;
    width:50%;
    max-width:50%;
    box-sizing:border-box;
    font-family: 'NanumSquareEB';
    line-height:30px;
    margin-top:-50%;
}

.pb-0{
    padding-bottom:0;
}

.page-col{
    width:45%;
    display:inline-block;
    text-align:center;
    margin:0 3%;
}
.page-col>img{
    max-width:100%;
}
.align-items-center {
    align-items: center !important;
}
.page-col ul li img{
    display:block;
}
.page-col ul li p{
    width:100%;
    text-align:left;
}
.page-col ul{
    padding:0;
}
.page-col ul li{
    list-style:none;
    display:flex;
    
}

.aircraft-list{
    padding:0;
    margin-top:15px;
}
.aircraft-list li{
    list-style:none;
    display:inline-block;
    vertical-align:top;
    width:18%;
    margin: 0 0.5%;
}

.aircraft-list li img{
    float:none;
    display:inline-block;
    margin:0;
}
.aircraft-list li p{
    margin:0;
}

.steps-list{
    padding:0;
    width:100%;
    display:flex;
    flex-flow:wrap;
}
.steps-list li{
    list-style:none;
    display:inline-block;
    width:30%;
    display:flex;
    margin:0 0.5%;
}

.steps-list li p{
    text-align:left;
    width:80%;
    font-weight:700;
}

.stamp-image {
    width:30%;
}
.stamp-text {
    width: 70%;
}
.stamp-image img {
    width: 100%;
} 
.safe-travel-stamp {
    display:flex;
    flex-flow:row;
}
.safe-travel-btn {
    display:inline-block;
    padding: 10px 50px;
    border: 5px solid #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.safe-travel-btn p {
    margin:0;
}
.black-btn {
    border: 5px solid #2f2f2f;
}
.bot-img {
    flex-flow:row;
    justify-content:center;
}
.safeph-banner {
    background: url('../img/safeph-banner.jpg') no-repeat;
    background-position: center center;
}
.safeph-img, .vaxcert-img {
    display: flex;
    flex-direction: column;
}
    .safeph-img img {
        width: 100%;
        padding:0 !important;
    }
.vaxcert-banner {
    background: url('../img/vaxcert-banner.jpg') no-repeat;
    background-position: center center;
}
.vaxcert h1, .safeph h1 {
    font-family: 'NanumSquareR', sans-serif;
    font-weight: normal;
    font-size: 28px;
}
.vaxcert-title h1 {
    color: #0b1e3e;
}
.vaxcert-img {
    background-color: #f8f8f8;
    text-align: left;
}
.vaxcert-img p {
    color:#0b1e3e;
    font-size:28px;
    font-weight:bold;
    padding:0 30px;
}
.vaxcert-img h2 {
    font-size:30px!important;
    padding:0 30px;
}
.vax-link {
    display:flex;
    flex-flow:row;
    justify-content:space-evenly;
    align-items:center;
    background-color:#f8f8f8;
    padding-bottom:50px;
}
.vax-link img {
    width:95%
}
.vax-border {
    width:7px;
    height:229px;
    background-color:rgba(28,82,158, 0.4);
}
.copyright {
    text-align:left;
}
.copyright span {
    color: #ce2525 !important;
}
.copyright table th {
    border: 1px solid #c7c7c7;
    text-align:center;
}
.copyright table {
    width:100%;
}

.rt-pcr-banner {
    background: url('../img/rtpcr-banner.jpg') no-repeat;
    background-position: center center;
}
.bora-guide-banner {
    background: url('../img/bora-guide/bora-banner.jpg') no-repeat;
    background-position: center center;
}
.health-pass-banner {
    background: url('../img/healthpass-banner.jpg') no-repeat;
    background-position: center center;
}
@media only screen and (max-width: 1010px) {
    .bot-img {
        display:flex!important;
        flex-flow: column;
        align-items:center;
    }
    .bot-img img {
        padding:15px 0!important;
    }
}
@media only screen and (max-width: 800px) {
        .inner-cont{
        max-width:90%;
    }
}
@media only screen and (max-width: 700px) {
    .safe-travel-stamp {
        flex-flow:column-reverse;
        justify-content:center;
        align-items:center
    }
}

@media only screen and (max-width: 600px) {
    .travel-ban .tb-col, .page-col{
       width:90%;
    }

    .aircraft-list li{
        width:45%;
    }

    .steps-list li{
         width:90%;
    }
    .safe-travel-btn {
        padding: 1vw 4vw;
    }
}
@media only screen and (max-width:500px) {
    .bot-img img {
        width:100%;
    }
}