@charset "utf-8";

/* ==========================================================================
    BASIC SETTING
    ========================================================================== */
:root {
    --main-gap: 40px;
    --main-width: 1420px;
    --basic-color: #222;
    --bg-color: #fafaf5;
    --point-color01: #172f59;
    --point-color02: #9f9a6d;
    --point-color0201: #ecdbc1;
    --point-color0202: #e7e5da;
    --point-color03: #b59460;
    --header-color: #fafaf5;
    --header-height: 108px;
    --subnav-height: 56px;
    --radius01 : 8px;

    --form-dot: #b59460;
    --form-border: #e7e7e7;
    --form-gray: #f1f2ef;
    --form-focus: #172f59;
    --form-basic: #333;
    --form-chk: #172f59;
    --form-fontsize : 16px;
    --form-lineheight : 22px;
    --form-fontcolor : #222;;
    --form-placeholder : #bbb;
    --form-padding : 21px;
    --form-padding1 : 14px 21px;
    --input-height: 54px;
    --input-gap: 30px 14px;
    --input-buttonw : 120px;
    --textarea-height: 144px;
}

@media (width <= 1280px) {
    :root {
        --main-gap: 40px;
        --header-height: 98px;
    }
}

@media (width <= 1200px) {
    :root {
        --header-height: 86px;
        --subnav-height: 54px;
        --input-gap: 20px 14px;
    }
}
@media (width <= 1023px) {
    :root {
        --header-height: 76px;
        --input-height: 48px;
        --form-fontsize : 15px;
        --form-padding : 16px;
        --form-padding1 : 12px 16px;
        --subnav-height: 50px;
    }
}
@media (width <= 767px) {
    :root {
        --main-gap: 20px;
        --header-height: 76px;
        --subnav-height: 48px;
    }
}

::selection{background-color: var(--point-color01); color: #fff;}
/* body:not(#main){padding-right: 0 !important; overflow-y: auto !important;}*/
html {
    font-size: 16px;
    letter-spacing: -0.25px;
    &:lang(ko){word-break: keep-all;}
    &:lang(en){
        font-size: 14px;
        letter-spacing: 0;
    }
}
body {
    font-family: 'Pretendard', 'Malgun Gothic', '맑은고딕', '돋움', 'dotum', 'Helvetica', 'AppleSDGothicNeo', sans-serif;
    font-weight: 400;
    color: var(--basic-color);
    line-height: 1.25;
    background-color: var(--bg-color);
    :lang(en) &{
        font-family: 'Roboto', sans-serif;
    }
}

#content {
    min-height: 400px;
    padding-bottom: 120px;
    @media (width <= 1023px) {
        padding-bottom: 100px
    }
    @media (width <= 767px) {
        padding-bottom: 80px
    }
}
.main-grid{
    position: relative;
    width: var(--main-width);
    margin: 0 auto;
    @media (width <= 1530px) {
        width: auto;
        padding-left: var(--main-gap);
        padding-right: var(--main-gap);
    }
}
.grid01 {
    position: relative;
    padding-left: var(--main-gap);
    padding-right: var(--main-gap);
}
.grid02{
    position: relative;
    width: 1240px;
    margin: 0 auto;
    @media (width <= 1530px) {
        width: auto;
        padding-left: var(--main-gap);
        padding-right: var(--main-gap);
    }
}
.half-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.sub-grid {
    position: relative;
    width: 1100px;
    margin: 0 auto;
}
.default-logo{
    width: 193px;
    @media (width <= 767px) {
        width: 168px;
    }
}
.bg-gray{background-color: #f9f9f9}
.btn-sns {
    display: flex;
    align-items: center;
    gap: 27px;
    > a{padding: 5px; transition: .2s ease-in-out}
    & .ytube{width: 22px;}
    & .blog{width: 21px;}
    & .facebook{width: 11px;}
    & .instagram{width: 20px;}
    & .sns-x{width: 19px;}
}

.btn-more01 > a{display: inline-block; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 500; color: var(--point-color01); letter-spacing: 0; padding: 10px 29px 10px 0; background: url('/assets/site/img/common/arr01.png') no-repeat right center / 15px auto; transition: .3s ease-in-out}
.btn-more02 > a{display: inline-block; font-size: 16px; font-weight: bold; padding-right: 16px; background: url('/assets/site/img/common/arr0502.png') no-repeat right center / 6px auto; transition: .3s ease-in-out}
.btn-more03 > a{display: inline-block; font-size: 17px; font-weight: bold; padding-right: 22px; background: url('/assets/site/img/common/arr0601.png') no-repeat right center / 14px auto; transition: .3s ease-in-out}
.btn-more04 > a{display: inline-block; width: 138px; font-size: 16px; font-weight: bold; letter-spacing: 0; padding: 11px 0; border-bottom: 1px solid #222; background: url('/assets/site/img/common/arr0101.png') no-repeat right 4px / 15px auto; transition: .3s ease-in-out}
.btn-more04 .ico01{background: url('/assets/site/img/common/arr0504.png') no-repeat right center / 6px auto;}
.btn-more04 .ico02{background: url('/assets/site/img/common/ico_dw0103.png') no-repeat right center / 18px auto;}

.img-round01{border-radius: var(--radius01);}

/* ==========================================================================
    FORM, BOARD
   ========================================================================== */
input,
select{width: 100%; height: var(--input-height);}
textarea{overflow-y: auto}
.modal-backdrop{z-index: 49;}
.note-frame{z-index: 1099;}

/* ==========================================================================
    COMPONENT
   ========================================================================== */
.sub-tit-area{
    padding-top: 78px;
    padding-bottom: 27px;
    font-family: 'Poppins', sans-serif;
    color: var(--point-color01);
    letter-spacing: 0;
    & .inner-sec{display: flex; justify-content: space-between; align-items: flex-end;}
    & .pg-title {
        & .title{font-size: 65px; font-weight: bold; line-height: 1.25}
    }
    & .main-copy{font-size: 15px; color: var(--point-color01); padding-bottom: 14px;}
    @media (width <= 1023px) {
        padding-top: 60px;
        padding-bottom: 15px;
        & .pg-title {
            & .title{font-size: 50px;}
        }
        & .main-copy{font-size: 14px; padding-bottom: 10px;}

    }
    @media (width <= 767px) {
        padding-top: 40px;
        padding-bottom: 15px;
        & .pg-title {
            & .title{font-size: 32px;}
        }
        & .main-copy{display: none}
    }
}
/* ==========================================================================
    MAIN VISUAL & MAIN CONTENTS - main.css
    ========================================================================== */


/* ==========================================================================
    COMPANY
    ========================================================================== */
.pg-about{
    & .c-grid{display: grid; grid-template-columns: 106px 35.5% 1fr;}
    & .tit-sec{font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: bold; color: var(--point-color01); letter-spacing: 0; text-transform: uppercase;}
    & .col-cont{padding-left: 100px;}
    & .sec01{
        padding-top: 84px;
        padding-bottom: 84px;
        & .logo{text-align: center}
        & .logo img{width: 293px;}
        & .txt-set{display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding-top: 43px; border-top: 1px solid var(--point-color01);}
        & .txt-en{font-size: 20px; font-weight: bold; color: var(--point-color01); letter-spacing: 0;}
        & .txt-set p{font-size: 18px; color: #666; line-height: 30px;}
    }
    & .sec02{
        padding-top: 84px;
        padding-bottom: 24px;
        & .main-text{font-size: 58px; font-weight: 800; color: var(--point-color01); line-height: 68px; padding-top: 46px; border-top: 1px solid #e9e9e5}
        & .obj{margin-top: 73px;}
        & .obj img{width: 450px;}
        & .txt-set{margin-top: 32px}
        & .txt-set p{font-size: 17px; color: #666; line-height: 26px;}
        & .txt-set p:not(:last-child){margin-bottom: 26px}
    }

    @media (width <= 1280px) {
        & .col-cont{padding-left: 60px;}
        & .sec02{
            & .main-text{font-size: 52px; line-height: 60px;}
            & .obj img{width: 420px;}
        }
    }
    @media (width <= 1200px) {
        & .sec01{
            padding-top: 70px;
            padding-bottom: 70px;
            & .logo img{width: 220px;}
            & .txt-set p{font-size: 17px; line-height: 28px;}
        }
        & .sec02{
            padding-top: 70px;
            & .main-text{font-size: 43px; line-height: 52px;}
            & .obj img{width: 400px;}
            & .txt-set p{font-size: 16px; line-height: 24px;}
            & .txt-set p:not(:last-child){margin-bottom: 24px}
        }
    }
    @media (width <= 1023px) {
        & .c-grid{display: grid; grid-template-columns: 1fr;}
        & .col-cont{padding-left: 0;}
        & .sec01{
            padding-top: 40px;
            padding-bottom: 60px;
            & .logo img{width: 200px;}
            & .txt-set{border-top: 0; text-align: center;}
            & .txt-set p{margin-top: 14px;}
        }
        & .sec02{
            padding-top: 60px;
            & .main-text{border-top: 0; padding-top: 14px;}
            & .image{display: none}
            & .obj{text-align: center; margin-top: 60px;}
        }
    }
    @media (width <= 767px) {
        & .sec01{
            padding-bottom: 50px;
            & .logo{margin-top: 50px;}
            & .logo img{width: 160px;}
            & .txt-set{border-top: 0; text-align: center;}
            & .txt-set p{margin-top: 14px;}
        }
        & .sec02{
            padding-top: 50px;
            & .main-text{padding-top: 14px; font-size: 32px; line-height: 40px;}
            & .image{display: none}
            & .obj{margin-top: 60px;}
            & .obj img{width: 100%; max-width: 320px;}
        }
    }
}

/* ==========================================================================
    Collection
    ========================================================================== */
.pg-collection{

}
.pg-prod{
    font-size: 18px; line-height: 30px; color: #666;
    & .row-detail{display: flex; flex-wrap: wrap; margin-bottom: 140px;}
    & .tit-row{width: 110px; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: bold; color: var(--point-color01); line-height: 1; letter-spacing: 0; text-transform: uppercase;}
    & .tit-row01{font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: bold; color: var(--point-color01); letter-spacing: 0;}
    & .img-set{width: 53.165%; display: flex; flex-direction: column; gap: 20px; padding-right: 80px;}
    & .img-set img{max-width: 655px;}
    & .info-detail{flex: 1;}
    & .info-detail .tit-ko{font-size: 18px; color: #333; margin-top: 9px;}
    & .info-detail .desc{margin-top: 40px;}
    & .info-detail .desc p:not(:last-child){margin-bottom: 30px}
    & .info-detail .desc .dash{padding-left: 12px; text-indent: -12px;}
    & .info-detail .desc .dash::before{content: "- ";}
    & .list-spec{padding-top: 30px; border-top: 1px solid #000;}
    & .list-spec > li{font-size: 17px; margin-bottom: 25px}
    & .list-spec .l-item{font-family: 'Poppins', sans-serif; color: #444;}
    & .list-spec .l-vl{margin-top: 7px;}
    & .refer-text{font-size: 14px; line-height: 21px;}
    & .refer-text p{padding-left: 12px; text-indent: -12px;}
    & .refer-text p:not(:last-child){margin-bottom: 6px;}
    & .refer-text p::before{content: "※ ";}
    & .refer-btext{font-weight: 600}
    & .list-spec + .refer-text{padding-top: 6px;}
    & .desc + .refer-text{margin-top: 60px;}
    & .table-container + .refer-text{margin-top: 20px;}
    & .table-container .refer{margin-bottom: 28px;}
    & .table-container .tit-table{margin-bottom: 15px;}
    & .row-detail-w{margin-bottom: 100px;}
    & .row-detail-w .main-text{font-size: 60px; color: rgba(62,33,12,.5); line-height: 1; text-align: center; margin-bottom: 48px;}
    & .img-set01{display: flex; flex-direction: column; gap: 40px;}
    & .img-set01 .row-set{display: flex; gap: 40px;}
    & .img-set01 .align-end{justify-content: flex-end}
    & .img-set01 .row-set img{height: 430px;}
    & .wide-vis{padding-top: 100px; padding-bottom: 100px;}
    & .copyright-vis{
        background: url('/assets/site/img/contents/bg_prod01.jpg') no-repeat center / cover;
        & .inner-sec{display: flex; justify-content: space-between; align-items: center; height: 215px; padding-left: 110px;}
        & .txt-set{color: var(--point-color0201);}
        & .txt-set .title{color: var(--point-color0201); text-transform: uppercase}
        & .txt-set p{opacity: .8; margin-top: 17px;}
        & .logo img{max-width: 341px;}
    }
    & .list-ico-text{
        > li:not(:last-child){margin-bottom: 34px;}
        & .ico{margin-bottom: 18px;}
        & .ico img{width: 50px;}
        & .title{font-weight: bold;}
        & p{margin-top: 5px;}
    }
    @media (width <= 1530px) {
        & .dspn{display: none;}
        & .copyright-vis{
            & .inner-sec{padding-left: 0;}
        }
    }
    @media (width <= 1280px) {
        font-size: 17px; line-height: 28px;
        & .row-detail{margin-bottom: 100px;}
        & .img-set{width: 50%;}
        & .img-set01 .row-set img{height: 340px;}
    }
    @media (width <= 1200px) {
        & .tit-row01{font-size: 18px;}
        & .img-set{width: 48%; padding-right: 60px;}
        & .img-set01 .row-set img{height: 280px;}
        & .list-spec > li{font-size: 16px; margin-bottom: 16px;}
        & .info-detail .desc{margin-top: 30px;}
        & .desc + .refer-text{margin-top: 40px;}
        & .list-ico-text{
            & .ico{margin-bottom: 14px;}
            & .ico img{width: 45px;}
        }
        & .copyright-vis{
            & .logo img{max-width: 300px;}
        }
    }
    @media (width <= 1023px) {
        font-size: 16px; line-height: 27px;
        & .row-detail{margin-bottom: 80px;}
        & .tit-row{width: 100%; margin-bottom: 20px;}
        & .info-detail .tit-ko{font-size: 17px;}
        & .img-set{width: 50%; padding-right: 20px;}
        & .info-detail{padding-left: 20px;}
        & .info-detail .desc{margin-top: 20px;}
        & .img-set01{gap: 20px;}
        & .img-set01 .row-set{gap: 20px;}
        & .img-set01 .row-set img{height: 220px;}
        & .row-detail-w .main-text{font-size: 54px; margin-bottom: 36px;}
        & .copyright-vis{
            & .inner-sec{flex-direction: column-reverse; align-items: center; gap: 20px; text-align: center; height: auto; padding: 48px 0;}
            & .logo img{max-width: 280px;}
        }
        & .wide-vis{padding-top: 80px; padding-bottom: 80px;}
    }
    @media (width <= 767px) {
        & .row-detail{flex-direction: column; gap: 20px;}
        & .tit-row{margin-bottom: 0}
        & .tit-row01{font-size: 17px;}
        & .list-spec{margin-top: 30px;}
        & .img-set{width: 100%; padding-right: 0; text-align: center}
        & .img-set img{max-width: 100%;}
        & .info-detail{padding-left: 0;}
        & .row-detail-w .main-text{font-size: 48px; line-height: 46px}
        & .img-set01 .row-set{flex-direction: column;}
        & .img-set01 .row-set img{width: 100%; height: auto;}
        & .wide-vis{padding-top: 40px; padding-bottom: 60px;}
        & .copyright-vis{
            & .inner-sec{padding: 40px 0;}
            & .logo img{max-width: 230px;}
        }
    }

}
.top-detail{
    & .inner-sec{position: relative; display: grid; grid-template-columns: 50% 1fr; gap: 100px; padding: 178px 0 100px; border-bottom: 1px solid #d4cfc6;}
    & .info-area{
        padding-top: 2px;
        & .txt-en{font-size: 14px; font-weight: 200; color: #000; line-height: 1; margin-bottom: 25px; letter-spacing: 0;}
        & .title{font-size: 46px; font-weight: 200; color: #000; line-height: 56px;}
        & .title strong{font-weight: 600;}
        & .tag-set{display: flex; gap: 14px; font-size: 18px; line-height: 18px; margin-top: 40px;}
        & .tag-set span::before{content: "#";}
        & .btn-container{margin-top: 46px;}
        & .btn-buy{display: inline-flex; width: 176px; font-size: 16px; font-weight: 600; letter-spacing: 0;}
    }
    @media (width <= 1280px) {
        & .inner-sec{grid-template-columns: repeat(2, 1fr); gap: 80px; padding: 100px 0;}
        & .info-area{
            & .title{font-size: 40px; line-height: 50px;}
        }
    }
    @media (width <= 1023px) {
        & .inner-sec{grid-template-columns: repeat(2, 1fr); gap: 40px; padding: 80px 0;}
        & .info-area{
            display: flex;
            flex-direction: column;
            & .txt-en{margin-bottom: 15px;}
            & .title{font-size: 30px; line-height: 40px;}
            & .tag-set{font-size: 16px; gap: 10px; margin-top: 25px;}
            & .btn-container{margin-top: auto;}
        }
    }
    @media (width <= 767px) {
        & .inner-sec{grid-template-columns: 1fr; padding: 20px 0 40px;}
        & .info-area{
            & .tag-set{font-size: 15px;}
            & .btn-container{margin-top: 40px;}
        }

    }
}

.caution-container {
    padding-top: 100px;
    padding-bottom: 100px;
    & .row-detail{margin-bottom: 0;}
    & .list-ico-text{margin-top: 80px;}
    @media (width <= 1200px) {
        & .list-ico-text{margin-top: 40px;}
    }
}

.guide-container{
    & .table-container:first-child{padding-top: 65px; border-top: 1px solid var(--point-color0202);}
    & .table-container:not(:last-child){margin-bottom: 55px;}
    & .tit-table{font-size: 20px; font-weight: bold; color: #000; margin-bottom: 13px;}
    & .table01 .t-item{padding-left: 40px;}
    & .table01 .tw01{width: 25%;}
    @media (width <= 767px) {
        & .tit-table{font-size: 18px;}
        & .table01 table{min-width: 460px;}
    }
}

.p-linea{
    & .row06 .table-container{margin-top: 60px;}
    & .row06 .table-container strong{font-weight: 600;}
    & .row06 .table01 table{min-width: 0; text-align: center;}
    & .row06 .table01 th,
    & .row06 .table01 td{padding: 5px 14px; border-color: #fff; color: #222;}
    & .row06 .table01 :not(.t-item){border-bottom-color: var(--point-color0202);}
    & .row06 .table01 tr:last-child td{border-color: #c5c7ca;}
    @media (width <= 1200px) {
        & .row06 .table-container{margin-top: 40px;}
    }
}

.p-arco{
    & .row06 .table-container{margin-top: 60px;}
    & .row06 .table-container strong{font-weight: 600;}
    & .row06 .table01 table{min-width: 0; text-align: center;}
    & .row06 .table01 th,
    & .row06 .table01 td{padding: 5px 14px; border-color: #fff; color: #222;}
    & .row06 .table01 :not(.t-item){border-bottom-color: var(--point-color0202);}
    & .row06 .table01 tr:last-child td{border-color: #c5c7ca;}
    @media (width <= 1200px) {
        & .row06 .table-container{margin-top: 40px;}
    }
}
/* ==========================================================================
    SUPPORT
    ========================================================================== */
.pg-faq{
    padding-top: 80px;
    padding-bottom: 80px;

}

.pg-request{


}

/* ==========================================================================
    약관 등
    ========================================================================== */
.pg-terms{
    & .sub-tit-area .pg-title .title {font-size: 36px;}
    & .guide .full{padding: var(--main-gap); font-size: 16px; color: #666; line-height: 26px; background-color: #f5f5f5;}
    & .guide .con_text{font-size: 16px; color: #555; line-height: 28px;}
    & .guide .con_text ol > li > div.tit{font-size: 16px; color: #333}
    @media (width <= 1023px) {
        &#content{padding-bottom: 0}
        & .guide{margin-left: calc(var(--main-gap) * -1); margin-right: calc(var(--main-gap) * -1);}
        & .guide .full{padding: var(--main-gap) var(--main-gap) 100px}
    }
    @media (width <= 767px) {
        & .sub-tit-area .pg-title .title {font-size: 28px;}
        & .guide .con_text{font-size: 15px; line-height: 26px;}
    }
}

/*준비중*/
.empty-data{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 600px;
    & .txt-set{text-align: center; padding-top: 137px; background: url("/assets/site/img/common/symbol.png") no-repeat center 0 / 83px auto;}
    & .main-text{font-family: 'Poppins', sans-serif; font-size: 17px; color: var(--point-color01); letter-spacing: 0;}
    & p{font-size: 14px; color: #999; margin-top: 11px;}
    @media (width <= 1200px) {
        height: 450px;
    }
    @media (width <= 1023px) {
        height: 300px;
        & .txt-set{padding-top: 121px; background: url("/assets/site/img/common/symbol.png") no-repeat center 0 / 68px auto;}
    }
    @media (width <= 767px) {
        height: 240px;
        & .txt-set{padding-top: 106px; background: url("/assets/site/img/common/symbol.png") no-repeat center 0 / 58px auto;}
    }
}

/* ==========================================================================
    기타 다국어
    ========================================================================== */
html:lang(en) {

}

/* ==========================================================================
    etc
    ========================================================================== */
.p-arco .row01 .img-set {margin-top: 4rem;}
.p-arco .caution-container .list-ico-text {margin-top: 40px;}
.p-arco .caution-content:first-child {margin-bottom: 5rem;}

@media (width <= 767px) {
    .p-arco .row01 .img-set {margin-top: 0;}
}

/* ==========================================================================
    Collection List
    ========================================================================== */
.pd_list_section {
    position: relative;
    /* width: 1920px; */
    margin: 0 auto;
}

.pd_list_section .inner-sec {
    position: relative;
    display: grid;
    grid-auto-rows: 5fr;
    grid-template-columns: 1fr 1fr 1fr;;
    gap: 5rem;
    padding: 5rem;
}

@media (width <= 1450px) {
    .pd_list_section .inner-sec{
        gap: 3rem;
        padding: 3rem;
        grid-auto-rows: 10fr;
    }
}

@media (width <= 1024px) {
    .pd_list_section .inner-sec{
        gap: 2rem;
        padding: 3rem;
        grid-auto-rows: 14fr;
        grid-template-columns: 1fr 1fr;;
    }
}

@media (width <= 768px) {
    .pd_list_section .inner-sec{
        gap: 2rem;
        padding: 20px;
        grid-auto-rows: 14fr;
        grid-template-columns: 1fr;;
    }
}

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

.prod_box .info-box {padding-top: 24px;}
.prod_box .info-box .sub-text {color: #555; margin-bottom: 7px;}
.prod_box .info-box .title {font-size: 24px; font-weight: 800; color: #000; letter-spacing: 0;}

.pd_banner {
    position: relative;
    display: flex;
    gap: 0;
    padding: 0;
    width: 100%;
}
.pd_banner .image {
    width: 65%;
}
.pd-cont {
    position: relative;
    display: flex;
    width: 35%;
    flex-direction: column;
    justify-content: space-between;
    background: #172F59;
    padding: 4rem;
}
.ban-tit,.ban-text {
    font-size: 14px;
}
.ban-tit {
    padding-top: 14px;
    color: rgba(231,229,218,.9);
}
.ban-text {
    padding-top: 40px;
    color: rgba(231,229,218,.6);
}
.ban-bot {
    text-align: end;
}

@media (width <= 1640px) {
    .ban-top img {
        height: 90px;
    }
    .ban-bot img{
        height: 40px;
    }
}


@media (width <= 1440px) {
    .pd_banner .image {
        width: 60%;
    }
    .pd-cont {
        width: 40%;;
        padding: 3rem;
    }
    .ban-top img {
        height: 80px;
    }
    .ban-bot img{
        height: 40px;
    }
    .ban-text {
        padding-top: 20px;
    }
}

@media (width <= 1270px) {
    .pd_banner .image {
        width: 50%;
    }
    .pd-cont {
        width: 50%;;
        padding: 2.5rem 3rem;
    }
    .ban-top img {
        height: 60px;
    }
    .ban-bot img{
        height: 30px;
    }
}


@media (width <= 1190px) {
    .pd_banner .image .fit-wimg {
        width: 130%;
    }
    .ban-top img {
        height: 50px;
    }
    .ban-bot img{
        margin-top: 30px;
        height: 30px;
    }
}

@media (width <= 930px) {
    .pd_banner .image .fit-wimg {
        width: 160%;
    }
}

@media (width <= 800px) {
    .pd_banner .image .fit-wimg {
        width: 180%;
    }
}


@media (width <= 768px) {
    .pd_banner {
        flex-direction: column;
    }
    .pd_banner .image .fit-wimg {
        width: 100%;
    }
    .pd_banner .image {
        width: 100%;
    }
    .pd-cont {
        width: 100%;;
        padding: 2.5rem 3rem;
    }
    .ban-top img {
        height: 60px;
    }
    .ban-bot img{
        margin-top: 30px;
        height: 30px;
    }
}