#dH1 {
    position: absolute;
    margin-left: -2000px;
}

.jd-slider .slide-area > li {
    width: 100%;
    float: left;
    position: relative;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden;
    outline: none !important;
}

    .jd-slider .slide-area > li img {
        width: 100% !important;
    }

.jd-slider, .jd-slider .slide-inner {
    overflow: hidden;
    position: relative;
}

li, ul {
    list-style: none;
}

button, input, select, textarea {
    vertical-align: middle;
}

.jd-slider .slide-area {
    margin: 0;
    padding: 0;
}

    .jd-slider .slide-area:after {
        display: block;
        content: '';
        clear: both;
    }

    .jd-slider .slide-area li:first-child {
        display: block
    }

.jd-slider .next, .jd-slider .prev {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: ease .3s;
    cursor: pointer;
}

    .jd-slider .next:hover, .jd-slider .prev:hover {
        opacity: .7;
        transition: ease .3s;
    }

.jd-slider .prev {
    left: 30px;
}

.jd-slider .next {
    right: 30px;
}

.jd-slider .controller {
    position: absolute;
    width: 100%;
    bottom: 60px;
}

.auto, .pause {
    display: none;
}

.jd-slider .controller .indicate-area {
    display: flex;
    justify-content: center;
}

    .jd-slider .controller .indicate-area a {
        display: inline-block;
        position: relative;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        font-size: 0;
    }

        .jd-slider .controller .indicate-area a:after {
            content: '';
            position: absolute;
            width: 11px;
            height: 11px;
            background-color: #fff;
        }

        .jd-slider .controller .indicate-area a:hover {
            opacity: .7;
        }

        .jd-slider .controller .indicate-area a.on:after {
            width: 10px;
            height: 10px;
            margin-top: 1px;
            background-color: #41ABE1;
        }

#sld {
    width: 100%;
}

.sldTxCen {
    position: absolute;
    width: 100%;
}

.sldTxCen1 {
    max-width: 1170px;
    margin: 0 auto;
}

.sldTxCon {
    display: flex;
    flex-direction: column;
    max-width: 800px;
    padding: 0 50px;
    box-sizing: border-box;
}

/*.sldBs {
    font-family: Roboto-Black;
    font-size: 45px;
    color: #fff;
    line-height: 62px;
    text-shadow: -1px -1px #000;
}*/

.sldTx {
    margin-top: 25px;
    font-family: OpenSans-Regular;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    text-shadow: -1px -1px #000;
}

.btCon {
    width: 100%;
    background-color: #f5f7f9;
}

.bthzCon {
    max-width: 1280px;
    margin: 0 auto;
}

.bthzBs {
    float: left;
    width: 100%;
    font-family: helveticaneueltpromd;
    font-size: 54px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 15px;
    color: #222;
}

.btImgHr {
    /* float: left; */
    width: 100%;
    /* position: absolute; */
    /* margin: 150px auto; */
    /* text-align: center; */
    margin: 25px auto;
    align-self: center;
    max-width: 80px;
    display: flex;
    justify-content: center;
    height: 2px;
    background-color: #099aa9;
}

.bthzAltBs {
    width: 100%;
    max-width: 870px;
    font-family: HelveticaNeueLTProTh;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    color: #515353;
    letter-spacing: 1px;
    line-height: 1.6;
}

.btInfCon {
    max-width: 890px;
    margin: 0 auto;
    display: flex;
    margin-top: 15px;
    flex-flow: wrap;
}

.btBox {
    display: flex;
    flex: 25%;
    flex-direction: column;
    font-family: 'HelveticaNeueLTProBd';
    font-size: 14px;
    text-align: center;
    color: #000;
    margin: 15px 10px;
    padding: 25px 0px;
    border-radius: 10px;
    box-shadow: 0 8px 16px rgb(34 34 34 / 4%);
    background-color: #fff;
}

    .btBox:hover {
        box-shadow: 0 8px 16px rgb(34 34 34 / 9%);
    }

    .btBox a {
        color: #000;
    }

        .btBox a:hover {
            color: #0089ec;
        }

    .btBox img {
        display: flex;
        margin: 0 auto;
        height: 90px;
        margin-bottom: 10px;
    }

.bdyDblCon {
    width: 100%;
    background-color: #f3f5f7;
}

.bdyDbl {
    display: flex;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 90px 15px 90px 15px;
    box-sizing: border-box;
}

.bdyDblTxCon {
    display: flex;
    flex-direction: column;
    width: 80%;
    padding: 0 64px;
    box-sizing: border-box;
}

.bdyDblAltBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #099aa9;
}

.bdyDblBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    line-height: 1.1;
    color: #333e48;
}

.bdyDblTx {
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.6;
    color: #333e48;
}

.bdyDblBtn {
    width: 130px;
    display: inline-block;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #099aa9;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

    .bdyDblBtn:hover {
        transition: ease .3s;
        opacity: .9;
    }

.bdyDblImg {
    width: 90%;
}

    .bdyDblImg img {
        display: block;
        width: 85%;
        margin: auto;
    }

.bdyDblImgTxt {
    width: 100%;
    font-family: inter-regular;
    font-size: 10px;
    text-align: center;
    margin-top: 10px;
    color: #000;
}

.sldBtInfCon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 100px 15px;
    box-sizing: border-box;
}

.sldBtnFrBs {
    width: 100%;
    font-family: inter-semibold;
    font-size: 35px;
    text-align: center;
    margin-bottom: 75px;
    color: #222;
}

.sldBtInfTxCon {
    flex: 1 1 calc(33.3333% - 30px);
    max-width: calc(33.3333% - 30px);
    margin: 15px auto;
}

.sldBtInfImg {
    width: 100%;
    text-align: center;
}

    .sldBtInfImg img {
        height: 90px;
    }


.sldBtInfBs {
    font-family: inter-semibold;
    text-align: center;
    font-size: 20px;
    line-height: 1.1;
    color: #222;
}

.sldBtInfTx {
    margin-top: 26px;
    font-family: inter-regular;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #666;
}

.sldBt {
    display: flex;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 100px 15px;
    box-sizing: border-box;
    background-color: #c6d8f1;
}

.sldBtLf {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-left: 30px;
    box-sizing: border-box;
}

.sldBtBs {
    font-family: Roboto-Regular;
    font-size: 40px;
    line-height: 1.1;
    color: #222;
}

.sldBtAltBs {
    margin-bottom: 30px;
    font-family: Roboto-Regular;
    font-size: 40px;
    line-height: 1.1;
    color: #222;
}

.sldBtHr {
    margin: 14px 0 17px 0;
    width: 50px;
    height: 2px;
    background: #41ABE1;
}

.sldBtOzt {
    font-family: OpenSans-Regular;
    font-size: 18px;
    line-height: 27px;
    color: #222;
}

.sldBtTx {
    margin-top: 26px;
    font-family: OpenSans-Regular;
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

.sldBtRg {
    width: 100%;
    margin-left: 20px;
}

    .sldBtRg img {
        width: 100%;
    }

#sldCen {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: calc(1230px + 300px);
    margin: 0 auto;
    padding: 25px 0 0 165px;
    box-sizing: border-box;
    transition: ease .3s;
}

.sldImgCon {
    width: 55%;
    overflow: hidden;
    transition: ease .3s;
}

.sldImg {
    display: block;
    height: 100%;
    transition: ease .3s;
}

.sldTxCon {
    width: 100%;
    padding: 0 70px 40px 0;
    box-sizing: border-box;
    transition: ease .3s;
}

.sldAltBs {
    margin-bottom: 8px;
    font-family: inter-semibold;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #099aa9;
}

.sldBs {
    margin: 10px 0;
    font-family: inter-semibold;
    font-size: 54px;
    line-height: 1.2;
    color: #fff;
}

.sldTx {
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.5;
    color: #333e48;
}

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

.sldClrBtn {
    display: flex;
    align-items: center;
    margin-right: 10px;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #099aa9;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

.sldClrBtnIcn {
    height: 7px;
    margin-right: 10px;
    transition: ease .3s;
}

.sldClrBtn:hover .sldClrBtnIcn {
    height: 7px;
    margin: 0 5px 0 5px;
    transition: ease .3s;
}

.sldBtn {
    display: flex;
    align-items: center;
    padding: 15px 24px;
    border: 1px solid #d7dde4;
    border-radius: 4px;
    background-color: #fff;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #575e71;
}

    .sldBtn:hover {
        transition: ease .3s;
        opacity: .8;
    }

.sldSmlInf {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-family: HelveticaNeueLTProTh;
    font-size: 12px;
    color: #333e48;
}

.sldSmlInfIcn {
    height: 19px;
    margin-right: 5px;
}


.sldSmlBt {
    width: 100%;
    padding: 25px 0;
    background-color: #f3f5f7;
}

.sldSmlBtCen {
    display: flex;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

    .sldSmlBtCen span {
        margin-left: 5px;
        color: #099aa9;
    }

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

.sldSmlBtTx a {
    color: #099aa9;
}

    .sldSmlBtTx a:hover {
        border-bottom: 1px solid #099aa9;
    }


.sldSmlBtTx {
    font-family: HelveticaNeueLTProLt;
    font-size: 14px;
    color: #666e75;
}

.sldBt {
    display: flex;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 120px 15px;
    box-sizing: border-box;
}

.sldBtImg {
    width: 50%;
}

    .sldBtImg img {
        width: 100%;
    }

.sldBtTxCon {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 65px;
    box-sizing: border-box;
}

.sldBtAltBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #099aa9;
}

.sldBtBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    line-height: 1.1;
    color: #333e48;
}

.sldBtTx {
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.6;
    color: #333e48;
}

.sldBtBtn {
    display: inline-block;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #099aa9;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

    .sldBtBtn:hover {
        transition: ease .3s;
        opacity: .9;
    }

.bdyItmCon {
    width: 100%;
    padding: 115px 0;
    background-color: #f3f5f7;
}

.bdyItmCen {
    display: flex;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.bdyItmLf {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 25px 0 165px;
    box-sizing: border-box;
    transition: ease .3s;
}

.bdyItm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 4px 0;
    padding: 24px;
    box-sizing: border-box;
    border: 1px solid #dae1ed;
    border-radius: 4px;
    background-color: #fff;
    transition: background-color 0.3s ease 0s, box-shadow 0.2s ease 0s, transform 200ms ease 0s;
    transform: translateX(0px) translateY(0px);
    cursor: pointer;
    font-family: HelveticaNeueLTProBd;
    color: #333e48;
    font-size: 20px;
}

    .bdyItm:hover {
        transition: background-color 0.3s ease 0s, box-shadow 0.2s ease 0s, transform 200ms ease 0s;
        transform: translateX(16px) translateY(0px);
    }

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

.bdyItmIco {
    width: 40px;
    margin-right: 25px;
}

.bdyItmOkIco {
    height: 8px;
    margin-left: 10px;
}

.bdyItmRg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 48%;
    padding: 0 64px;
    box-sizing: border-box;
    transition: ease .3s;
}

.bdyItmRgAltBs {
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #099aa9;
}

.bdyItmRgBs {
    margin: 15px 0;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    line-height: 1.1;
    color: #333e48;
}

.bdyItmRgTx {
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.5;
    color: #333e48;
}

.bdyItmRgBtnCon {
    display: flex;
}

.bdyItmRgClrBtn {
    display: flex;
    align-items: center;
    margin-right: 10px;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #099aa9;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

.bdyItmRgClrBtnIcn {
    height: 7px;
    margin-right: 10px;
    transition: ease .3s;
}

.bdyItmRgClrBtn:hover .bdyItmRgClrBtnIcn {
    height: 7px;
    margin: 0 5px 0 5px;
    transition: ease .3s;
}

.bdyItmRgBtn {
    display: flex;
    align-items: center;
    padding: 15px 24px;
    border: 1px solid #d7dde4;
    border-radius: 4px;
    background-color: #fff;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #575e71;
}

    .bdyItmRgBtn:hover {
        transition: ease .3s;
        opacity: .8;
    }

.bdyItmRgSmlInfo {
    display: flex;
    align-items: center;
    margin-top: 8px;
    color: #333e48;
    font-family: HelveticaNeueLTProTh;
    font-size: 12px;
    color: #333e48;
}

.bdyItmRgSmlInfoIcon {
    height: 19px;
    margin-right: 5px;
}

.bdyInf {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 110px 150px;
    box-sizing: border-box;
}

.bdyInfAltBs {
    margin-bottom: 8px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #099aa9;
}

.bdyInfBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    text-align: center;
    line-height: 1.2;
    color: #333e48;
}

.bdyInfTx {
    width: 50%;
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
    color: #333e48;
}

.bdyItmInfCon {
    display: flex;
    flex-wrap: wrap;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px 130px 15px;
    box-sizing: border-box;
}

.bdyItmInf {
    display: flex;
    flex-direction: column;
    width: 33.33333333333333%;
    padding: 48px 70px 48px 48px;
    border-right: 1px solid #e4e8ed;
    border-bottom: 1px solid #e4e8ed;
    box-sizing: border-box;
}

    .bdyItmInf:nth-child(3) {
        border-right: none;
    }

    .bdyItmInf:nth-child(4) {
        border-bottom: none;
    }

    .bdyItmInf:nth-child(5) {
        border-bottom: none;
    }

    .bdyItmInf:nth-child(6) {
        border-right: none;
        border-bottom: none;
    }

.bdyItmInfIco {
    height: 30px;
}

.bdyItmInfBs {
    margin: 16px 0;
    font-family: HelveticaNeueLTProBd;
    font-size: 20px;
    line-height: 1.4;
    color: #333e48;
}

.bdyItmInfTx {
    font-family: HelveticaNeueLTProLt;
    font-size: 16px;
    line-height: 1.6;
    color: #666e75;
}

.bdyInfCon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 50px 15px;
    box-sizing: border-box;
}

.ınfConRg {
    width: 50%;
    padding-right: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

    .ınfConRg img {
        width: 100%;
    }

.ınfConLf {
    width: 50%;
    flex-direction: column;
    padding: 0 15px 0 20px;
    box-sizing: border-box;
    transition: all 0.5s ease-out;
    cursor: pointer;
}

.ınfLfCnB {
    font-family: inter-semibold;
    font-size: 40px;
    line-height: 1.1;
    color: #000;
}

.ınfLftCon {
    width: 100%;
    height: 108px;
    margin-top: 40px;
    box-sizing: border-box;
    transition: all 0.5s ease-out;
    cursor: pointer;
}

.ınfLfIcon {
    float: left;
    width: 40px;
    height: 108px;
}

.ınfBtBs {
    width: calc(100% - 55px);
    font-family: inter-semibold;
    font-size: 22px;
    line-height: 1.1;
    margin-left: 55px;
    color: #0a0a0a;
}

.ınfBtOzt {
    width: 80%;
    /*height:60px;*/
    font-family: inter-regular;
    font-size: 16px;
    color: #0a0a0a;
    margin-left: 55px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.ınfBtDt {
    width: 80%;
    font-family: inter-regular;
    font-size: 14px;
    color: #0a0a0a;
    margin-left: 55px;
    margin-top: 10px;
}

.ınfBtDty {
    width: 100%;
    margin-bottom: 5px;
    font-family: inter-semibold;
    font-size: 16px;
    color: #0a0a0a;
    text-align: right;
}

.czg {
    width: 100%;
    height: 5px;
    background-color: #14b1bb;
}






.bdyDblWhCon {
    width: 100%;
    background-color: #fff;
}

.bdyDblWh {
    display: flex;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 90px 15px 0 15px;
    box-sizing: border-box;
}

.bdyDblWhTxCon {
    display: flex;
    flex-direction: column;
    width: 55%;
    padding: 0 64px;
    box-sizing: border-box;
}

.bdyDblWhAltBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #099aa9;
}

.bdyDblWhBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    line-height: 1.1;
    color: #333e48;
}

.bdyDblWhTx {
    margin-bottom: 24px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.6;
    color: #333e48;
}

.bdyDblWhBtn {
    display: inline-block;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #099aa9;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

    .bdyDblWhBtn:hover {
        transition: ease .3s;
        opacity: .9;
    }

.bdyDblWhImg {
    width: 45%;
}

    .bdyDblWhImg img {
        display: block;
        width: 100%;
    }

.pgEndCon {
    width: 100%;
    background-image: linear-gradient( 45deg,#76c2b6,#099aa9);
}

.pgEnd {
    display: flex;
    max-width: 1230px;
    margin: 0 auto;
    padding: 160px 15px;
    box-sizing: border-box;
}

.pgEndBs {
    width: 50%;
    padding: 0 40px 0 64px;
    box-sizing: border-box;
    font-family: HelveticaNeueLTProBd;
    font-size: 38px;
    line-height: 1.1;
    color: #fff;
}

.pgEndRg {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 0 125px 0 24px;
    box-sizing: border-box;
}

.pgEndTx {
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.6;
    color: #fff;
}

.pgEndBtnCon {
    display: flex;
    align-items: center;
    margin-top: 25px;
}

.pgEndClrBtn {
    display: flex;
    align-items: center;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #099aa9;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

.pgEndClrBtnIcn {
    height: 7px;
    margin-right: 10px;
    transition: ease .3s;
}

.pgEndClrBtn:hover pgEndClrBtnIcn {
    height: 7px;
    margin: 0 5px 0 5px;
    transition: ease .3s;
}

.pgEndBtnSpr {
    margin: 0 10px;
    font-family: HelveticaNeueLTProMd;
    font-size: 12px;
    color: #ffffff80;
}

.pgEndBtn {
    display: flex;
    align-items: center;
    padding: 15px 24px;
    border: 1px solid #d7dde4;
    border-radius: 4px;
    background-color: #fff;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    color: #575e71;
    letter-spacing: .25px;
}

    .pgEndBtn:hover {
        transition: ease .3s;
        opacity: .8;
    }

.pgEndSmlInfo {
    display: flex;
    align-items: center;
    margin-top: 5px;
    font-family: HelveticaNeueLTProTh;
    font-size: 12px;
    color: #ffffff80;
}

.pgEndSmlInfoIcon {
    height: 19px;
    margin-right: 5px;
}

.bdyInfCl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 110px 220px;
    box-sizing: border-box;
}

.bdyInfIcBs {
    width: 100%;
    font-family: inter-bold;
    font-size: 30px;
    text-align: center;
    margin-bottom: 50px;
    color: #000;
}



.bdyInfConHk {
    width: 33.3333%;
    display: flex;
    justify-content: center;
    padding: 0 50px;
    box-sizing: border-box;
}

.bdyInfClAltBs {
    margin: 0 auto;
}

.bdyInfClBs {
    width: 50%;
    font-family: inter-bold;
    font-size: 20px;
    margin: auto;
    color: #333e48;
}

.bdyInfClTx {
    width: 100%;
    font-family: inter-regular;
    font-size: 20px;
    margin: auto;
    display: flex;
    color: #333e48;
}

.bdyWhCon {
    width: 100%;
    background-color: #f3f5f7;
}

.bdyWh {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1230px;
    margin: 0 auto;
    padding: 120px 100px 120px 15px;
    box-sizing: border-box;
    background-color: #f3f5f7;
}

.bdyWhTxCon {
    display: flex;
    flex-direction: column;
    width: 60%;
    padding: 0 10px 0 25px;
    box-sizing: border-box;
}

.bdyWhAltBs {
    margin-bottom: 16px;
    font-family: inter-bold;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #099aa9;
}

.bdyWhBs {
    margin-bottom: 16px;
    font-family: inter-bold;
    font-size: 42px;
    line-height: 1.1;
    color: #333e48;
}

.bdyWhTx {
    margin-bottom: 24px;
    font-family: inter-regular;
    font-size: 20px;
    line-height: 1.6;
    color: #666e75;
}

.bdyWhBtn {
    display: inline-block;
    padding: 15px 24px;
    border-radius: 4px;
    background-color: #099aa9;
    transition: ease .3s;
    cursor: pointer;
    font-family: inter-semibold;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

    .bdyWhBtn:hover {
        transition: ease .3s;
        opacity: .9;
    }

.bdyWhImg {
    width: 40%;
}

    .bdyWhImg img {
        width: 100%;
    }

.clrBx {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 110px 150px;
    box-sizing: border-box;
    background-image: linear-gradient( 45deg,#099aa9,#76c2b6);
}

.clrBxAltBs {
    margin-bottom: 8px;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #fff;
}

.clrBxBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 54px;
    text-align: center;
    line-height: 1.2;
    color: #fff;
}

.clrBxTx {
    width: 50%;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
    color: #fff;
}

.IltCon {
    width: 100%;
    background-color: #f3f5f7;
}

.IltTpCon {
    max-width: 1230px;
    display: flex;
    margin: 0 auto;
    flex-wrap: wrap;
    padding: 50px 50px;
}

.IltIcCon {
    width: 45%;
    padding: 50px 50px;
    box-sizing: border-box;
    line-height: 50px;
    margin: 0 auto;
    box-shadow: 0 8px 16px rgb(34 34 34 / 8%);
    background-color: #fff;
}

    .IltIcCon a {
        color: #000;
    }

.IltAdBs {
    width: 100%;
    font-family: inter-bold;
    font-size: 20px;
    color: #000;
}

.IltAdInf {
    width: 50%;
    font-family: inter-regular;
    font-size: 16px;
    line-height: 18px;
    color: #000;
}

.IltTlBs {
    width: 100%;
    font-family: inter-bold;
    font-size: 20px;
    color: #000;
}

.IltTlInf {
    width: 100%;
    font-family: inter-bold;
    font-size: 14px;
    color: #000;
}

.IltTlNo {
    width: 100%;
    font-family: inter-regular;
    font-size: 14px;
    line-height: 1px;
    margin-bottom: 15px;
    color: #000;
}

.IltMlBs {
    width: 100%;
    font-family: inter-bold;
    font-size: 14px;
    color: #000;
}

.IltMlAd {
    width: 100%;
    font-family: inter-regular;
    font-size: 14px;
    line-height: 1px;
    color: #000;
}

.cntc {
    max-width: 1230px;
    margin: 0 auto;
    padding: 110px 150px;
    box-sizing: border-box;
}

.cntcBs {
    margin-bottom: 16px;
    font-family: HelveticaNeueLTProBd;
    font-size: 42px;
    text-align: center;
    line-height: 1.2;
    color: #333e48;
}

.cntcTx {
    margin-bottom: 50px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
    color: #333e48;
}

    .cntcTx a {
        color: #333e48;
    }


.frmCon {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}


.frmItm {
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

.frmTxt {
    width: 100%;
    height: 56px;
    padding: 13px 16px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
    font-family: Roboto-Regular;
    font-size: 16px;
    color: #333e48;
}

.frmLbl {
    margin-top: 25px;
    font-family: HelveticaNeueLTProBd;
    font-size: 16px;
    color: #D90E16;
}

::placeholder {
    color: #909090;
}

:-ms-input-placeholder {
    color: #909090;
}

::-ms-input-placeholder {
    color: #333e48;
}

.txtRq {
    margin-left: 5px;
    font-family: HelveticaNeueLTProBd;
    font-size: 20px;
    color: #D90E16;
}

.frmBtn {
    display: inline-block;
    margin-top: 10px;
    border: none;
    border-radius: 4px;
    padding: 15px 24px;
    background-color: #099aa9;
    transition: ease .3s;
    cursor: pointer;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

    .frmBtn:hover {
        transition: ease .3s;
        opacity: .9;
    }

.map {
    width: 100%;
    height: 100%;
}

    .map iframe {
        width: 100%;
        height: 100%
    }

    .map.IltIcCon {
        padding: 0px 0px;
    }

.bntTit {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 2px 45px 0 45px;
    box-sizing: border-box;
    background-color: #099aa9;
}

    .bntTit a {
        margin: 0 30px;
        border-bottom: 3px solid #099aa9;
        font-family: HelveticaNeueLTProLt;
        font-size: 14px;
        line-height: 63px;
        color: #ffffffcc;
    }

.sssCon {
    width: 100%;
    background-color: #f3f5f7;
}

.sssCen {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.accordion-section {
    margin-bottom: 8px;
}

.accordion-section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    box-sizing: border-box;
    border: 1px solid #dae1ed;
    border-radius: 4px;
    cursor: pointer;
    background-color: #fff;
    font-family: HelveticaNeueLTProBd;
    font-size: 20px;
    color: #333e48;
}

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

.accordionTitLftIco {
    height: 40px;
    margin-right: 25px;
}

.accordion-section-title-ico {
    background: transparent url('../../Images/acc-menu-ico.svg') no-repeat top center;
    width: 10px;
    height: 7px;
    display: block;
}

.accordion-section-title.active {
    border-bottom: none;
}

    .accordion-section-title.active .accordion-section-title-ico {
        background: transparent url('../../Images/acc-menu-ico.svg') no-repeat bottom center;
    }

.accordion-section-content {
    display: none;
    padding: 0 24px 24px 90px;
    box-sizing: border-box;
    border: 1px solid #dae1ed;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff;
    font-family: HelveticaNeueLTProLt;
    font-size: 16px;
    line-height: 1.6;
    color: #666e75;
}

.sssInfCon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 520px;
    margin: 0 auto;
    padding: 100px 0 120px 0;
}

.sssInfIcn {
    height: 32px;
    margin-bottom: 10px;
}

.sssInfBs {
    margin-bottom: 10px;
    font-family: HelveticaNeueLTProBd;
    font-size: 16px;
    text-align: center;
    color: #666e75;
}

.sssInfTx {
    font-family: HelveticaNeueLTProLt;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    color: #333e48;
}

    .sssInfTx a {
        color: #099aa9;
    }

        .sssInfTx a:hover {
            text-decoration: underline;
        }

.hbrKynCon {
    width: 100%;
}

.hbrKynCen {
    display: grid;
    column-gap: 60px;
    grid-template-columns: auto auto auto;
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.hbr {
    margin-bottom: 50px;
}

.hbrImg {
    width: 100%;
    display: block;
}

.hbrBs {
    margin: 15px 0;
    font-family: HelveticaNeueLTProBd;
    font-size: 28px;
    line-height: 1.4;
    color: #333e48;
}

.hbrOzt {
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.5;
    color: #666e75;
}

.hbrDtyCon {
    max-width: 1230px;
    margin: 0 auto;
    padding: 80px 15px 0 15px;
    box-sizing: border-box;
}

.hbrDtyBs {
    margin: 15px 0;
    font-family: HelveticaNeueLTProBd;
    font-size: 54px;
    line-height: 1.1;
    color: #333e48;
}

.hbrDtyOzt {
    margin-bottom: 15px;
    font-family: HelveticaNeueLTProLt;
    font-size: 26px;
    line-height: 1.5;
    color: #666e75;
}

.hbrDtyLn {
    padding-top: 15px;
    border-top: 1px solid #e4e8ed;
}

.hbrDtyInf {
    margin-bottom: 10px;
    font-family: HelveticaNeueLTProLt;
    font-size: 16px;
    letter-spacing: .5px;
    color: #666e75;
}

.hbrDtyImg {
    display: block;
    width: 100%;
    margin: 30px 0 65px 0;
}

.hbrDtyDty {
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.5;
    color: #575e72;
}

.hbrDtyDgrLn {
    max-width: 1200px;
    margin: 65px auto 45px auto;
    padding: 0 15px;
    box-sizing: border-box;
    border-top: 1px solid #e4e8ed;
}

.hbrDtyDgrBs {
    max-width: 1230px;
    margin: 0 auto 50px auto;
    padding: 0 15px;
    box-sizing: border-box;
    font-family: HelveticaNeueLTProBd;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1.2;
    color: #099aa9;
}

.prdCon {
    width: 100%;
    padding: 75px 100px;
    box-sizing: border-box;
    background-color: #f3f5f7;
}

.prdCen {
    display: flex;
    flex-wrap: wrap;
    max-width: 1230px;
    margin: 0 auto;
}

.prd {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: calc(33.3333% - 30px);
    margin: 30px 15px 30px 15px;
    padding: 32px;
    box-sizing: border-box;
    border: 1px solid #f9fbfc;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 5%);
    -webkit-transition: box-shadow .2s;
}

.prdIcn {
    height: 55px;
}

.prdBs {
    margin: 8px 0;
    font-family: HelveticaNeueLTProBd;
    font-size: 20px;
    line-height: 1.5;
    color: #333e48;
}

.prdOzt {
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    line-height: 1.5;
    color: #666e75;
}

.prdBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
    padding: 8px 16px;
    border: 1px solid #d7dde4;
    border-radius: 4px;
    font-family: HelveticaNeueLTProMd;
    font-size: 16px;
    color: #575e72b3;
}



#popup {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    background-color: rgba(000,0,0,0.7);
}

#popupCen {
    position: fixed;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

    #popupCen img {
        width: 100%;
        float: left;
    }

    #popupCen iframe {
        width: 100%;
        float: left;
    }

#close {
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
    height: 24px;
    margin: -12px -10px -10px -10px;
    z-index: 9999;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
}

    #close img {
        width: 100%;
    }

.UrunDtyCn {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #099aa9;
}

.UrunCon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
    justify-content: space-around;
}

.DtyConLft {
    padding: 0 15px;
    box-sizing: border-box;
    max-width: 800px;
    margin-bottom:50px;
}

.UrnBs {
    text-align: center;
    font-family: inter-extrabold;
    font-size: 55px;
    line-height: 1.4;
    margin: 30px 0 10px 0;
    color: #fff;
}

.UrnDty {
    text-align: center;
    width: 100%;
    font-family: inter-regular;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
}

.CntcCon {
    width:100%;
    max-width: 550px;
    padding: 50px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 5%);
    margin-bottom:50px;
}

.frmBs {
    margin-bottom: 16px;
    font-family: inter-regular;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 25px;
    color: #515353;
}

.cntcTx {
    margin-bottom: 50px;
    font-family: inter-regular;
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
    color: #333e48;
}

    .cntcTx a {
        color: #333e48;
    }


.frmCntcCon {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}


.frmCnItm {
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

.frmCnTxt {
    width: 100%;
    height: 62px;
    padding: 13px 16px;
    box-sizing: border-box;
    border: 1px solid #ededed;
    border-radius: 15px;
    background-color: #fff;
    font-family: inter-regular;
    font-size: 16px;
    color: #747474;
}

.txtR {
    margin-left: 5px;
    font-family: inter-regular;
    font-size: 20px;
    color: #D90E16;
}



.frmBtn {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    border: none;
    border-radius: 10px;
    padding: 15px 24px;
    background-color: #222;
    transition: ease .3s;
    cursor: pointer;
    font-family: inter-semibold;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

    .frmBtn:hover {
        transition: ease .3s;
        opacity: .9;
    }

.UrnInfCon {
    width: 100%;
}

.UrnInf {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.UrnInfTxt {
    width: 100%;
    font-family: inter-regular;
    font-size: 16px;
    line-height: 25px;
    padding: 30px;
    box-sizing: border-box;
    color: #000;
}

.TklfCon {
    width: 100%;
    max-width: 700px;
    margin: 80px auto;
    padding: 25px 25px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 5%);
}

.frmBs {
    margin-bottom: 16px;
    font-family: inter-regular;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 25px;
    color: #515353;
}

.cntcTx {
    margin-bottom: 50px;
    font-family: HelveticaNeueLTProLt;
    font-size: 20px;
    text-align: center;
    line-height: 1.6;
    color: #333e48;
}

    .cntcTx a {
        color: #333e48;
    }


.frmCntcCon {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
}


.frmCnItm {
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

.frmCnTxt {
    width: 100%;
    height: 62px;
    padding: 13px 16px;
    box-sizing: border-box;
    border: 1px solid #ededed;
    border-radius: 15px;
    background-color: #fff;
    font-family: inter-regular;
    font-size: 16px;
    color: #747474;
}

.txtR {
    margin-left: 5px;
    font-family: inter-regular;
    font-size: 20px;
    color: #D90E16;
}



.frmBtn {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    border: none;
    border-radius: 10px;
    padding: 15px 24px;
    background-color: #222;
    transition: ease .3s;
    cursor: pointer;
    font-family: inter-semibold;
    font-size: 16px;
    letter-spacing: .25px;
    color: #fff;
}

    .frmBtn:hover {
        transition: ease .3s;
        opacity: .9;
    }

.pgHd {
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    background-color: #e9e9e9;
    padding: 40px 0;
}


.pgHdCen {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    font-family: 'inter-bold';
    font-size: 25px;
    letter-spacing: -.2px;
    text-transform: uppercase;
    color: #000;
}


@media (max-width: 1300px) {
    #sldCen {
        padding: 25px 0 0 65px;
    }

    .sldTxCon {
        padding: 0 20px 40px 0;
    }

    .sldImgCon {
        width: 60%;
    }

    .bdyItmLf {
        padding: 0 25px 0 105px;
    }

    .prdCon {
        padding: 0 65px;
    }

    /*////unal////*/

    .DtyConLft {
        width: 100%;
    }

    .UrnBs {
        width: 100%;
    }


    .CntcCon {
        margin-top: 50px;
        max-width: 100%;
        width: 100%;
    }

    .bdyInfConHk {
        padding: 0 0;
        margin: 15px auto;
    }

    .bdyInfCl {
        padding: 110px 100px;
    }

    .bdyInfConHk {
        width: 20%;
        display: flex;
        flex-wrap: wrap;
    }

    .bdyInfClBs {
        width: 100%;
        text-align: center;
    }

    .bdyInfClTx {
        width: 100%;
        display: contents;
        text-align: center;
    }

    .TklfCon {
        width: 80%;
    }
}

@media (max-width: 992px) {
    .jd-slider .controller {
        bottom: 15px;
    }

    #sldCen {
        flex-direction: column;
        max-width: 100%;
        padding: 70px 40px 0 40px;
    }

    .sldTxCon {
        width: 100%;
        padding-right: 0;
    }

    .sldImgCon {
        width: 100%;
    }

    .sldImg {
        width: 100%;
        height: auto;
    }

    .sldBt {
        flex-direction: column-reverse;
        padding: 70px 0;
    }

    .sldBtImg {
        width: 100%;
    }

    .sldBtTxCon {
        width: 100%;
        margin-bottom: 50px;
    }

    .bdyItmCon {
        padding: 65px 0;
    }

    .bdyItmCen {
        flex-direction: column-reverse;
        padding: 0 65px;
    }

    .bdyItmLf {
        width: 100%;
        padding: 0;
    }

    .bdyItmRg {
        width: 100%;
        margin-bottom: 70px;
        padding: 0;
    }

    .bdyInf {
        padding: 65px 150px;
    }

    .bdyInfTx {
        width: 100%;
    }

    .bdyItmInf {
        width: 50%;
    }

        .bdyItmInf:nth-child(2) {
            border-right: none;
        }

        .bdyItmInf:nth-child(3) {
            border-right: 1px solid #e4e8ed;
        }

        .bdyItmInf:nth-child(4) {
            border-bottom: 1px solid #e4e8ed;
            border-right: none;
        }

        .bdyItmInf:nth-child(5) {
            border-bottom: none;
        }

        .bdyItmInf:nth-child(6) {
            border-right: none;
            border-bottom: none;
        }

    .bdyDbl {
        flex-direction: column;
        padding: 65px 0 0 0;
    }

    .bdyDblTxCon {
        width: 100%;
    }

    .bdyDblWh {
        flex-direction: column;
        padding: 65px 0 0 0;
    }

    .bdyDblWhTxCon {
        width: 100%;
    }

    .pgEnd {
        flex-direction: column;
        padding: 90px 65px;
    }

    .pgEndBs {
        width: 100%;
        padding: 0;
    }

    .pgEndRg {
        width: 100%;
        margin-top: 20px;
        padding: 0;
    }

    .bdyInfCl {
        align-items: flex-start;
        padding: 65px 65px;
    }

    .bdyInfClAltBs {
        text-align: left;
    }

    .bdyInfClBs {
        text-align: center;
    }

    .bdyInfClTx {
        width: 100%;
        text-align: left;
    }

    .bdyWh {
        flex-direction: column-reverse;
        padding: 70px 0;
    }

    .bdyWhImg {
        margin-bottom: 30px;
    }

    .bdyWhTxCon {
        width: 100%;
        margin-bottom: 50px;
    }

    .clrBx {
        padding: 65px 65px;
    }

    .clrBxTx {
        width: 100%;
    }

    .bntTit a {
        margin: 0 15px;
    }

    .sssCen {
        padding: 0 65px;
    }

    .sssInfCon {
        padding: 100px 65px 120px 65px;
    }

    .hbrKynCen {
        grid-template-columns: auto auto;
    }

    .cntc {
        padding: 65px 65px;
    }

    .prdCon {
        padding: 0;
    }

    .prdCen {
        padding: 0 50px;
        box-sizing: border-box;
    }

    .prd {
        width: calc(50% - 30px);
    }

    .UrunCon {
        padding: 30px 15px;
    }
    /*//////unal/////*/
    .btBox {
        flex: 18%;
        margin: 15px 5px;
        padding: 25px 0px;
    }

    .btInfCon {
        padding: 15px;
    }

    .IltIcCon {
        width: 100%;
        margin: 15px auto;
    }

    .bdyDblTxCon {
        margin-bottom: 50px;
    }

    .bdyDblImg {
        width: 50%;
        margin-bottom: 30px;
    }

    .sldBtInfTxCon {
        flex: 1 1 calc(50% - 30px);
        max-width: calc(50% - 30px);
    }

    .ınfConRg {
        width: 100%;
        margin-bottom: 50px;
    }


    .ınfConLf {
        width: 100%;
        margin: 65px;
    }

    .bdyInfCl {
        padding: 110px 0;
    }

    .bdyInfConHk {
        width: 20%;
        display: flex;
        flex-wrap: wrap;
    }

    .bdyInfClBs {
        width: 100%;
        text-align: center;
    }

    .bdyInfClTx {
        width: 100%;
        display: contents;
        text-align: center;
    }

    .TklfCon {
        width: 80%;
    }
}

@media (max-width: 767px) {
    #sldCen {
        padding: 70px 15px 0 15px;
    }

    .sldBt {
        padding: 65px 40px;
    }

    .sldBtTxCon {
        padding: 0;
    }

    .bdyItmCen {
        padding: 0 40px;
    }

    .bdyInf {
        padding: 65px 40px;
    }

    .bdyItmInfCon {
        padding: 0 0 130px 0;
    }

    .bdyItmInf {
        padding: 48px 40px 48px 40px;
    }

    .bdyDblTxCon {
        padding: 0 40px;
    }

    .bdyDblWhTxCon {
        padding: 0 40px;
    }

    .pgEnd {
        padding: 65px 40px;
    }

    .bdyInfCl {
        padding: 65px 40px;
    }

    .bdyWh {
        padding: 65px 40px;
    }

    .bdyWhTxCon {
        padding: 0;
    }

    .clrBx {
        padding: 65px 40px;
    }

    .bntTit {
        padding: 2px 30px 0 30px;
    }

        .bntTit a {
            margin: 0 10px;
        }

    .sssCen {
        padding: 0 40px;
    }

    .sssInfCon {
        padding: 65px 40px;
    }

    .hbrKynCen {
        grid-template-columns: auto;
    }

    .cntc {
        padding: 65px 40px;
    }

    .prdCen {
        padding: 0 25px;
    }

    /*//////unal/////*/

    .btBox {
        flex: 30%;
    }

    .bthzCon {
        height: 900px;
    }

    .btInfCon {
        padding: 15px;
    }

    .bthzBs {
        font-size: 40px;
        line-height: 100px;
    }

    .IltAdInf {
        width: 100%;
    }

    .IltIcCon {
        padding: 40px 30px;
    }

    .ınfConRg {
        width: 100%;
        margin-bottom: 50px;
    }

    .bdyInfConHk {
        width: 20%;
        display: flex;
        flex-wrap: wrap;
    }

    .bdyInfClBs {
        width: 100%;
        text-align: center;
    }

    .bdyInfClTx {
        width: 100%;
        display: contents;
        text-align: center;
    }

    .TklfCon {
        width: 80%;
        max-width: 700px;
    }
}

@media (max-width: 620px) {
    .prd {
        width: 100%;
        margin: 25px 15px 0 15px;
    }
    /*//////unal/////*/
    .btBox {
        flex: 40%;
    }

    .bthzBs {
        font-size: 30px;
        line-height: 100px;
    }

    .bthzCon {
        height: auto;
    }

    .btInfCon {
        padding: 15px;
    }

    .IltAdInf {
        width: 100%;
    }

    .IltIcCon {
        padding: 40px 30px;
    }

    .sldBtInfTxCon {
        flex: 1 1 calc(100% - 30px);
        max-width: calc(100% - 30px);
    }

    .ınfConRg {
        width: 100%;
        margin-bottom: 50px;
    }

    .bdyInfConHk {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
    }

    .TklfCon {
        width: 80%;
        max-width: 700px;
    }


    .IltTpCon {
        padding: 50px 25px;
    }
}

@media (max-width: 480px) {
    .sldBt {
        padding: 40px 15px;
    }

    .sldBtnCon {
        flex-direction: column;
        align-items: start;
    }

    .sldClrBtn {
        width: 220px;
        margin: 0 0 10px 0;
    }

    .sldBtn {
        width: 220px;
    }

    .bdyItmCon {
        padding: 40px 0;
    }

    .bdyItmCen {
        padding: 0 15px;
    }

    .bdyItmRgBtnCon {
        flex-direction: column;
    }

    .bdyItmRgClrBtn {
        width: 220px;
        margin: 0 0 10px 0;
    }

    .bdyItmRgBtn {
        width: 220px;
    }

    .bdyItm:hover {
        transform: translateX(10px) translateY(0px);
    }

    .bdyItmInfCon {
        padding: 0 0 40px 0;
    }

    .bdyInf {
        padding: 65px 15px 20px 15px;
        align-items: start
    }

    .bdyInfAltBs {
        text-align: left;
    }

    .bdyInfBs {
        text-align: left;
    }

    .bdyInfTx {
        text-align: left;
    }

    .bdyItmInf {
        width: 100%;
        padding: 20px 15px 20px 15px;
        border: none !important;
    }

    .bdyDbl {
        padding: 40px 0 0 0;
    }

    .bdyDblTxCon {
        padding: 0 15px;
    }

    .bdyDblWh {
        padding: 40px 0 0 0;
    }

    .bdyDblWhTxCon {
        padding: 0 15px;
    }

    .pgEnd {
        padding: 50px 15px;
    }

    .pgEndBtnCon {
        flex-direction: column;
        align-items: flex-start
    }

    .pgEndClrBtn {
        width: 220px;
    }

    .pgEndBtn {
        width: 220px;
    }

    .pgEndBtnSpr {
        margin: 5px 0 5px 10px;
    }

    .bdyInfCl {
        padding: 65px 15px 20px 15px;
        align-items: start
    }

    .bdyInfClAltBs {
        text-align: left;
    }

    .bdyInfClBs {
        text-align: center;
    }

    .bdyInfClTx {
        text-align: left;
    }

    .bdyWh {
        padding: 40px 15px;
    }

    .clrBx {
        padding: 65px 15px;
    }

    .clrBxBs {
        font-size: 38px;
    }

    .bntTit {
        padding: 2px 15px 0 15px;
    }

        .bntTit a {
            margin: 0 5px;
        }

    .sssCen {
        padding: 0 15px;
    }

    .sssInfCon {
        padding: 65px 15px;
    }

    .cntc {
        padding: 65px 15px;
    }

    .frmCon {
        padding: 0 0 0 10px;
    }

    .prdCen {
        padding: 0 0px;
    }

    /*//////unal/////*/
    .btBox {
        flex: 50%;
    }

    .bthzBs {
        font-size: 25px;
        line-height: 100px;
    }

    .bthzCon {
        height: auto;
    }

    .btInfCon {
        padding: 15px;
    }

    .IltAdInf {
        width: 100%;
    }

    .IltIcCon {
        padding: 40px 30px;
    }

    .bdyDblImg {
        width: 100%;
        margin-bottom: 30px;
    }

    .sldBtnFrBs {
        font-size: 30px;
    }

    .ınfConRg {
        width: 100%;
        margin-bottom: 50px;
    }


    .ınfConLf {
        width: 100%;
        margin: 65px auto;
    }

    .bdyInfConHk {
        width: 100%;
    }
}