body {
    margin: 0;
}

@font-face {
    font-family: 'marcellus';
    src: url('../../font/marcellus.ttf') format('truetype');
}

@font-face {
    font-family: 'lato';
    src: url('../../font/lato.ttf') format('truetype');
}

@font-face {
    font-family: 'opensans-rg';
    src: url('../../font/opensans-rg.ttf') format('truetype');
}

.lnCon {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.lnCn {
    position: absolute;
    display: none;
    flex-direction: column;
    width: 100%;
    margin-top: 40px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #000;
}

.lnCon:hover .lnCn {
    display: flex;
}

.lnBt {
    display:flex;
    padding: 15px 0 5px 16px;
    box-sizing: border-box;
    font-family: lato;
    align-items:center;
    font-size: 17px;
    color: #fff;
}

    .lnBt:hover {
        color: #00C0CF;
    }

.byrk {
    width: 30px;
    height: 30px;
}

.byrkCn {
    display: flex;
    width: 30px;
    height: 30px;
    padding:0 5px 0 0;
}


a {
    text-decoration: none;
}

#hdTp {
    position: relative;
    width: 100%;
    height: 70px;
    background-color: #000;
}

.hdTpCen {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 0 55px;
    box-sizing: border-box;
}

#lg {
    height: 47px;
}

    #lg img {
        display: block;
        width: 100%;
    }

.hdTpBtn {
    display:inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 145px;
    height: 40px;
    padding: 9px 20px;
    box-sizing: border-box;
    border-radius: 7px;
    border: 0.875px solid rgba(255, 255, 255, 0.22);
    background-color: #000;
    font-family: lato;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
}


.mnBtn {
    display: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.hd {
    width: 100%;
    height: 90px;
    background: #fff;
    box-shadow: 0px 0px 19.227px 0px rgba(0, 0, 0, 0.12);
}

.hdCen {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    height: 100%;
    margin: 0 auto;
    padding: 0 55px;
    box-sizing: border-box;
}

.hdLf {
    display: flex;
    align-items:center;
}

.cntMnBtn {
    display: block;
    width: 20px;
}

.lnkCon {
    display: flex;
    height: 100%;
}

.lnk {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    margin: 0 15px;
    cursor: pointer;
    font-family: lato;
    font-size: 15px;
    color: #000;
}


.lnkCnt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lnkIcn {
    display: block;
    height: 15px;
}

.lnkIcnMbl {
    display: none;
    height: 17px;
}

.lnkIcnMblUp {
    display: none;
    width: 17px;
}

.lnkOpn {
    position: absolute;
    display: none;
    flex-direction: column;
    width: max-content;
    top: 105px;
    margin-left: 60px;
    padding: 40px 45px 40px 30px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 66.422px 0px rgba(167, 174, 186, 0.16);
    z-index: 1;
    cursor: auto;
}

.lnk:hover .lnkOpn {
    display: flex;
}

.lnkOpnIcnCon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: end;
    height: 23px;
    top: -22px;
    left: 0;
    right: 0;
}

.lnkOpnIcn {
    display: block;
    height: 13px;
    top: -13px;
    margin-left: -65px;
}

.lnkOpnBs {
    margin-bottom: 18px;
    opacity: 0.5;
    font-family: marcellus;
    font-size: 15px;
    color: #00C0CF;
}

.lnkOpnCnt {
    display: flex;
}

.lnkOpnCntLf {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.lnkOpnCntLnk {
    margin: 8px 0;
    font-family: lato;
    font-size: 16px;
    color: #000;
}

.lnkOpnCntBtn {
    margin: 8px 0;
    padding: 8px 15px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #CCF2F5;
    font-family: lato;
    font-size: 16px;
    color: #000;
}

.lnkOpnCntRg {
    display: flex;
    flex-direction: column;
    margin-left: 30px;
}

.mbMnBtnCon {
    display: none;
    flex-direction: column;
    margin-top:30px;
}

.mbMnBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 55px;
    margin-bottom: 15px;
    padding: 0 30px;
    box-sizing: border-box;
    border-radius: 6px;
    cursor:pointer;
    background-color: #fff;
    font-family: lato;
    font-size: 13px;
    color: #D7732B;
}

.mbMnBtnCl {
    color: #000;
    background: #FEC093;
}

.hdRg {
    display: flex;
}

.hdRgItm {
    display: flex;
    margin-left: 25px;
    font-family: lato;
    font-size: 15px;
    line-height: 125%;
    color: #000;
}

.hdRgIcn {
    width: 37px;
    margin-right: 10px;
}







.lnkOpnMnLnk:last-child {
    border: none;
}

.lnkOpnMnLnk:hover {
    color: #41a8d8;
}

.hdMblBtnMobil {
    display: none;
    margin-top: 30px;
}

.hdMblBtn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #CDF2FF;
    font-family: original-light;
    font-size: 17px;
    color: #235897;
}

.mnSmCon {
    display: none;
}

.mnSm {
    height: 15px;
    margin: 0 8px
}

.hdBtn {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 30px;
    border-radius: 100vw;
    background-color: #765EFF;
    font-family: gilroy-semibold;
    font-size: 17px;
    color: #fff;
}

    .hdBtn:hover {
        background-color: #FFC0B7;
    }

.lngCon {
    position: relative;
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.lngBtn {
    display: flex;
    align-items: center;
    height: calc(50px - 2px);
    padding: 0 20px;
    border-radius: 100vw;
    border: 1px solid #765EFF;
    cursor: pointer;
    font-family: gilroy-semibold;
    font-size: 17px;
    color: #765EFF;
}

.hdBtnIcnLng {
    height: 8px;
    margin-left: 8px;
}

.lngCon:hover .hdBtnIcnLng {
    transform: rotate(90deg);
}

.lngCnt {
    position: absolute;
    display: none;
    flex-direction: column;
    width: 100%;
    margin-top: 45px;
    border-radius: 5px;
    overflow: hidden;
}

.lngCon:hover .lngCnt {
    display: flex;
}

.lngItm {
    padding: 15px 0 15px 16px;
    box-sizing: border-box;
    background-color: #fff;
    font-family: original-light;
    font-size: 17px;
    color: #235897;
}

    .lngItm:hover {
        color: #F39988;
    }

#mbBtn {
    display: none;
}

.ft {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 90px;
    background: #000;
}

.ftAllCen {
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 55px;
    box-sizing: border-box;
}

.ftTp {
    display: flex;
    width: 100%;
}

#ftLg {
    width: 180px;
    margin-right: 80px;
}

.ftTpRg {
    width: 100%;
}

.ftTpRgTp {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.ftTpRgTpTx {
    font-family: marcellus;
    font-size: 22px;
    line-height: 1.1;
    color: #ffffff;
}

.ftTpRgTpLn {
    height: 40px;
    margin: 0 24px;
    border-right: 1px solid #C8D5E5;
}

.ftTpRgTpSmlTx {
    font-family: marcellus;
    font-size: 14px;
    color: #ffffff;
}

.ftTpRgBt {
    display: flex;
    justify-content: end;
}

.ftFrmItm {
    display: flex;
    align-items: end;
    width: 100%;
    margin-right: 40px;
}

.txtFt {
    width: 100%;
    padding: 0 0 5px 0 !important;
    border: none;
    border-bottom: 1px solid #64676a;
    background-color: transparent;
    outline: none;
    font-family: marcellus;
    font-size: 14px!important;
    color: #ffffff;
}

.ftFrmEr {
    font-family: marcellus;
    font-size: 12px;
    color: #ff0000;
}

.ftTpRgBt input::placeholder {
    font-family: marcellus;
    font-size: 14px;
    color: #64676a;
}

.ftBtnCon {
    display: flex;
    flex-direction: column;
}

.btnFt {
    display: flex;
    height: calc(45px - 2px);
    padding: 0 10px;
    border: none;
    border: 1px solid #64676a;
    background-color: transparent;
    cursor: pointer;
    font-family: marcellus;
    font-size: 17px;
    color: #64676a;
}

    .btnFt:hover {
        background-color: #fff;
        color: #0C1924;
    }

.ftFrmSnc {
    height: 25px;
    font-family: marcellus;
    font-size: 12px;
    color: #ff0000;
}

.ftCen {
    display: flex;
    margin-top: 60px;
    padding: 50px 0 70px 0;
    border-top: 1px solid #C8D5E5;
    border-bottom: 1px solid #C8D5E5;
}

.ftCenLf {
    display: flex;
    justify-content: space-between;
    width: 65%;
}

.ftItm {
    display: flex;
    flex-direction: column;
    padding-right: 20px;
    box-sizing: border-box;
}

.ftItmBs {
    margin-bottom: 25px;
    font-family: original-light;
    font-size: 22px;
    color: #ffffff;
}

.ftItm a {
    margin: 7px 0;
    font-family: marcellus;
    font-size: 14px;
    color: #ffffff;
    transition: ease .3s;
}

.ftItm a:hover {
  opacity:.7;
}

.ftItmLn {
    margin: 0 60px;
    border-left: 1px solid #C8D5E5;
}

.ftCenRg {
    display: flex;
    flex-direction: column;
    width: 35%;
}

.ftCenRgTp {
    display: flex;
    justify-content: space-between;
}

.ftCenRgTpItm {
    display: flex;
    flex-direction: column;
    padding-right: 30px;
}

    .ftCenRgTpItm:last-child {
        padding-right: 0;
    }

.ftCenRgTpBs {
    margin-bottom: 30px;
    font-family: marcellus;
    font-size: 22px;
    color: #ffffff;
}

.ftCenRgTpTx {
    font-family: marcellus;
    font-size: 14px;
    color: #ffffff;
}

    .ftCenRgTpTx a {
        color: #ffffff;
    }

.ftCenRgBt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}

.ftCenRgBtImg {
    width: 20%;
    margin-right: 20px;
}

    .ftCenRgBtImg:last-child {
        margin-right: 0;
    }

    .ftCenRgBtImg img {
        width: 100%;
    }

.ftCenRgBtTw {
    margin-top: 25px;
    font-family: marcellus;
    font-size: 12px;
    color: #ffffff;
}

.ftBt {
    display: flex;
    justify-content: space-between;
    padding: 50px 0;
}

.ftSm {
  
    display: flex;
   
  
}

    .ftSm a {
        margin: 0 20px;
    }

    .ftSm img {
        display:block;
        height: 14px;
    }

.ftCp {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: marcellus;
    font-size: 12px;
    color: #ffffff;
}

.ftCp img {
   height:14px;
   margin-right:5px;
}

    .ftCp a {
        color: #ffffff;
    }

.rpCpRg {
    display: flex;
    font-family: marcellus;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: #ffffff;
}

    .rpCpRg a {
        color: #ffffff;
    }



#cntMst {
    display: flex;
    background-color: #fbf5ee;
}

#cntLnkCon {
    display: flex;
    flex-direction: column;
    background-color: #bb1e32;
}

.cntLnkHd {
    display: flex;
    background-color: #a11a2c;
    width: max-content;
    min-width: 100%;
    padding: 0 50px 0 50px;
    box-sizing: border-box;
}

.cntLnkHdCnt {
    display: flex;
    align-items: center;
    width: 200px;
    height: 55px;
        font-family: marcellus;
    font-size: 14px;
    color: #182025;
}

    .cntLnkHdCnt img {
        height: 25px;
        margin-right: 10px;
    }

.cntLnk {
    display: flex;
    width: max-content;
    min-width: 100%;
    padding: 0 50px 0 50px;
    box-sizing: border-box;
}

    .cntLnk:hover {
        background-color: #a11a2c;
    }

.cntLnkCnt {
    display: flex;
    align-items: center;
    width: 200px;
    height: 55px;
    font-family: marcellus;
    font-size: 14px;
    color: #182025;
}

    .cntLnkCnt img {
        height: 25px;
        margin-right: 10px;
    }


.btnSpch {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    right: 25px;
    bottom: 50px;
    border: 3px solid #0E5C96;
    border-radius: 50%;
    background: linear-gradient(48deg, #005377 0%, #009EE3 100%);
    cursor: pointer;
    z-index: 1;
}

    .btnSpch:hover {
        background: linear-gradient(48deg, #009EE3 0%, #005377 100%);
    }

.btnSpchIcn {
    width: 23px;
}



#dLoaderCon {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 99999999;
    opacity: 1;
}

.fixWhtGrs {
    position: fixed;
    width: 156px;
    right: 85px;
    bottom: 5px;
    padding: 12px 0 10px 12px;
    margin-right: 7px;
    background-color: #f5f7f9;
    font-family: 'josefinsans-regular';
    font-size: 12px;
    color: #43474e;
    letter-spacing: -.03em;
    line-height: 1.5;
    border-radius: 4px;
    cursor: pointer;
    transition: ease .8s;
    z-index: 3;
}

    .fixWhtGrs span {
        font-family: 'josefinsans-regular';
    }

.fixWhtGrsIco {
    position: fixed;
    width: 60px;
    right: 25px;
    bottom: 10px;
    cursor: pointer;
    z-index: 999;
}

    .fixWhtGrsIco img {
        width: 100%;
        margin-top:-25px;
        }

#ft {
    margin-top: 80px;
    background-color: #000;
}

#ftTp {
    display: flex;
    justify-content: space-around;
    max-width: 1230px;
    margin: 0 auto;
    padding: 40px 15px;
    box-sizing: border-box;
}

.ftTpItm {
    width: 30%;
}

.ftTpBs {
    margin-bottom: 30px;
}

.ftSmAltTx {
    font-family: Lato;
    font-size: 14px;
    line-height:22px;
    margin-bottom: 40px;
    color: #fff;
}



.ftTpTx {
    margin-top: 20px;
    font-family: RobotoCondensed-Regular;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}

    .ftTpTx a {
        color: #fff;
    }

.ftCntBs {
    margin: 5px 0;
    font-family: RobotoCondensed-Regular;
    font-size: 14px;
    color: #fff;
}

#ftSmCon {
    display: flex;
    margin: 15px 0 25px 0;
}

.ftSm {
    height: 18px;
    margin-right: 15px;
}

.ftTpTsbLg {
    margin-top: 25px;
}

    .ftTpTsbLg img {
        width: 150px;
    }

#ftCen {
    display: flex;
    justify-content: space-around;
    max-width: 1230px;
    margin: 0 auto;
    box-sizing: border-box;
}

.ftCenItm{
    padding:0 30px;
}

.ftBtCn{
    display:flex;
    flex-direction:column;
}

.ftLnkBs {
    margin-bottom: 25px;
    font-family: Lato;
    font-size: 22px;
    line-height: 18.67px;
    color: #fff;
}

.ftLnk {
    margin-bottom: 10px;
    font-family: Lato;
    font-size: 16px;
    line-height: 22px;
    color: #A7A7A7;
}

.ftPynIcn {
    width: 120px;
    margin-top: 20px;
}

#ftBt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 40px 15px;
    box-sizing: border-box;
}

#cp {
    font-family: RobotoCondensed-Regular;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

    #cp a {
        color: #fff;
    }

.cpBt {
    margin-top: 15px;
    display:flex;
    font-family: RobotoCondensed-Regular;
    font-size: 12px;
    color: #666;
}

.cpBtArt {
    font-family: Lato;
    font-size: 14px;
    margin:0 15px;
    color:#fff;
    line-height: 16.6px;
   
}