.wide-wrap .latest-contents .tab-content>li .checked-layout li.focus .text-area,.wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area {
    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}
 
.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .btn-wrap .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    padding: 10px 20px;
    font-size: 18px;
    color: #fff;
    border-radius: 3px;
    border: 0;
    cursor: pointer;
    font-family: LG Smart,Arial,Helvetica,sans-serif;
    margin: 0 3px;
    display: inline-block;
    text-align: center;
    text-transform: capitalize
}

.wide-wrap:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.news-wrapper .news-area,.site-data .container,.wide-wrap .latest-contents {
    width: 100%;
    max-width: 1280px;
    padding: 0 40px;
    margin: 0 auto
}

@font-face {
    font-family: lg-icon;
    src: url(/bpp/portal/fonts/lg-icon.eot?f04b2db6e3c10dcd8a6337e0603824fc);
    src: url(/bpp/portal/fonts/lg-icon.eot?#iefix) format("embedded-opentype"),url(/bpp/portal/fonts/lg-icon.woff?f04b2db6e3c10dcd8a6337e0603824fc) format("woff"),url(/bpp/portal/fonts/lg-icon.ttf?f04b2db6e3c10dcd8a6337e0603824fc) format("truetype"),url(/bpp/portal/fonts/lg-icon.svg?f04b2db6e3c10dcd8a6337e0603824fc#lg-icon) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: LG Smart;
    src: url(/bpp/portal/fonts/LG_Smart_Regular.eot);
    src: url(/bpp/portal/fonts/LG_Smart_Regular.eot?#iefix) format("embedded-opentype"),url(/bpp/portal/fonts/LG_Smart_Regular.woff) format("woff"),url(/bpp/portal/fonts/LG_Smart_Regular.ttf) format("truetype"),url(/bpp/portal/fonts/LG_Smart_Regular.svg#LG\ Smart) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: LG Smart;
    src: url(/bpp/portal/fonts/LG_Smart_Regular_Italic.eot);
    src: url(/bpp/portal/fonts/LG_Smart_Regular_Italic.eot?#iefix) format("embedded-opentype"),url(/bpp/portal/fonts/LG_Smart_Regular_Italic.woff) format("woff"),url(/bpp/portal/fonts/LG_Smart_Regular_Italic.ttf) format("truetype"),url(/bpp/portal/fonts/LG_Smart_Regular_Italic.svg#LG\ Smart) format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: LG Smart;
    src: url(/bpp/portal/fonts/LG_Smart_Bold.eot);
    src: url(/bpp/portal/fonts/LG_Smart_Bold.eot?#iefix) format("embedded-opentype"),url(/bpp/portal/fonts/LG_Smart_Bold.woff) format("woff"),url(/bpp/portal/fonts/LG_Smart_Bold.ttf) format("truetype"),url(/bpp/portal/fonts/LG_Smart_Bold.svg#LG\ Smart) format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: LG Smart;
    src: url(/bpp/portal/fonts/LG_Smart_Bold_Italic.eot);
    src: url(/bpp/portal/fonts/LG_Smart_Bold_Italic.eot?#iefix) format("embedded-opentype"),url(/bpp/portal/fonts/LG_Smart_Bold_Italic.woff) format("woff"),url(/bpp/portal/fonts/LG_Smart_Bold_Italic.ttf) format("truetype"),url(/bpp/portal/fonts/LG_Smart_Bold_Italic.svg#LG\ Smart) format("svg");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: LG Smart SemiBold;
    src: url(/bpp/portal/fonts/LG_Smart_SemiBold.eot);
    src: url(/bpp/portal/fonts/LG_Smart_SemiBold.eot?#iefix) format("embedded-opentype"),url(/bpp/portal/fonts/LG_Smart_SemiBold.woff) format("woff"),url(/bpp/portal/fonts/LG_Smart_SemiBold.ttf) format("truetype"),url("/bpp/portal/fonts/LG_Smart_SemiBold.svg#LG Smart SemiBold") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: LG Smart SemiBold;
    src: url(/bpp/portal/fonts/LG_Smart_Bold.eot);
    src: url(/bpp/portal/fonts/LG_Smart_Bold.eot?#iefix) format("embedded-opentype"),url(/bpp/portal/fonts/LG_Smart_Bold.woff) format("woff"),url(/bpp/portal/fonts/LG_Smart_Bold.ttf) format("truetype"),url("/bpp/portal/fonts/LG_Smart_Bold.svg#LG Smart SemiBold") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: LG Smart SemiBold;
    src: url(/bpp/portal/fonts/LG_Smart_Bold_Italic.eot);
    src: url(/bpp/portal/fonts/LG_Smart_Bold_Italic.eot?#iefix) format("embedded-opentype"),url(/bpp/portal/fonts/LG_Smart_Bold_Italic.woff) format("woff"),url(/bpp/portal/fonts/LG_Smart_Bold_Italic.ttf) format("truetype"),url("/bpp/portal/fonts/LG_Smart_Bold_Italic.svg#LG Smart SemiBold") format("svg");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: LG Smart Light;
    src: url(/bpp/portal/fonts/LG_Smart_Light.eot);
    src: url(/bpp/portal/fonts/LG_Smart_Light.eot?#iefix) format("embedded-opentype"),url(/bpp/portal/fonts/LG_Smart_Light.woff) format("woff"),url(/bpp/portal/fonts/LG_Smart_Light.ttf) format("truetype"),url("/bpp/portal/fonts/LG_Smart_Light.svg#LG Smart Light") format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: LG Smart Light;
    src: url(/bpp/portal/fonts/LG_Smart_Regular.eot);
    src: url(/bpp/portal/fonts/LG_Smart_Regular.eot?#iefix) format("embedded-opentype"),url(/bpp/portal/fonts/LG_Smart_Regular.woff) format("woff"),url(/bpp/portal/fonts/LG_Smart_Regular.ttf) format("truetype"),url("/bpp/portal/fonts/LG_Smart_Regular.svg#LG Smart Light") format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: LG Smart Light;
    src: url(/bpp/portal/fonts/LG_Smart_Regular_Italic.eot);
    src: url(/bpp/portal/fonts/LG_Smart_Regular_Italic.eot?#iefix) format("embedded-opentype"),url(/bpp/portal/fonts/LG_Smart_Regular_Italic.woff) format("woff"),url(/bpp/portal/fonts/LG_Smart_Regular_Italic.ttf) format("truetype"),url("/bpp/portal/fonts/LG_Smart_Regular_Italic.svg#LG Smart Light") format("svg");
    font-weight: 700;
    font-style: italic
}

body:before {
    font-family: LG Smart Light;
    content: ''
}

.icon {
    font-family: lg-icon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-360:before {
    content: "\f101"
}

.icon-accepted:before {
    content: "\f102"
}

.icon-accessories:before {
    content: "\f103"
}

.icon-arrow-btn-ar:before {
    content: "\f104"
}

.icon-arrow-btn:before {
    content: "\f105"
}

.icon-arrow-left-ar:before {
    content: "\f106"
}

.icon-arrow-left:before {
    content: "\f107"
}

.icon-arrow-link-ar:before {
    content: "\f108"
}

.icon-arrow-link:before {
    content: "\f109"
}

.icon-arrow-next-ar:before {
    content: "\f10a"
}

.icon-arrow-next-bold-ar:before {
    content: "\f10b"
}

.icon-arrow-next-bold:before {
    content: "\f10c"
}

.icon-arrow-next-semibold-ar:before {
    content: "\f10d"
}

.icon-arrow-next-semibold:before {
    content: "\f10e"
}

.icon-arrow-next:before {
    content: "\f10f"
}

.icon-arrow-prev-ar:before {
    content: "\f110"
}

.icon-arrow-prev-bold-ar:before {
    content: "\f111"
}

.icon-arrow-prev-bold:before {
    content: "\f112"
}

.icon-arrow-prev-semibold-ar:before {
    content: "\f113"
}

.icon-arrow-prev-semibold:before {
    content: "\f114"
}

.icon-arrow-prev:before {
    content: "\f115"
}

.icon-arrow-right-ar:before {
    content: "\f116"
}

.icon-arrow-right:before {
    content: "\f117"
}

.icon-arrow-sort:before {
    content: "\f118"
}

.icon-arrow:before {
    content: "\f119"
}

.icon-award:before {
    content: "\f11a"
}

.icon-bottom-freezer:before {
    content: "\f11b"
}

.icon-btn-print:before {
    content: "\f11c"
}

.icon-bullet-plus:before {
    content: "\f11d"
}

.icon-calendar:before {
    content: "\f11e"
}

.icon-call:before {
    content: "\f11f"
}

.icon-ceiling-cassette:before {
    content: "\f120"
}

.icon-ceiling-concealed-duct:before {
    content: "\f121"
}

.icon-ceiling-suspended:before {
    content: "\f122"
}

.icon-chat:before {
    content: "\f123"
}

.icon-check-circle:before {
    content: "\f124"
}

.icon-check:before {
    content: "\f125"
}

.icon-checkmark:before {
    content: "\f126"
}

.icon-circle-accepted:before {
    content: "\f127"
}

.icon-circle-alert:before {
    content: "\f128"
}

.icon-circle-blank:before {
    content: "\f129"
}

.icon-circle-call:before {
    content: "\f12a"
}

.icon-circle-car:before {
    content: "\f12b"
}

.icon-circle-chat-email:before {
    content: "\f12c"
}

.icon-circle-email:before {
    content: "\f12d"
}

.icon-circle-find-center:before {
    content: "\f12e"
}

.icon-circle-game:before {
    content: "\f12f"
}

.icon-circle-mail:before {
    content: "\f130"
}

.icon-circle-manuals:before {
    content: "\f131"
}

.icon-circle-minus:before {
    content: "\f132"
}

.icon-circle-parts-acc:before {
    content: "\f133"
}

.icon-circle-parts-accessories:before {
    content: "\f134"
}

.icon-circle-pen:before {
    content: "\f135"
}

.icon-circle-phone:before {
    content: "\f136"
}

.icon-circle-plus:before {
    content: "\f137"
}

.icon-circle-previous-ar:before {
    content: "\f138"
}

.icon-circle-previous:before {
    content: "\f139"
}

.icon-circle-question:before {
    content: "\f13a"
}

.icon-circle-repair:before {
    content: "\f13b"
}

.icon-circle-skype:before {
    content: "\f13c"
}

.icon-circle-software:before {
    content: "\f13d"
}

.icon-circle-stroke:before {
    content: "\f13e"
}

.icon-circle-survay:before {
    content: "\f13f"
}

.icon-circle-telephone:before {
    content: "\f140"
}

.icon-circle-two-bg:before {
    content: "\f141"
}

.icon-circle-two:before {
    content: "\f142"
}

.icon-circle-warranty:before {
    content: "\f143"
}

.icon-circle:before {
    content: "\f144"
}

.icon-clock:before {
    content: "\f145"
}

.icon-close:before {
    content: "\f146"
}

.icon-compass:before {
    content: "\f147"
}

.icon-cursor:before {
    content: "\f148"
}

.icon-download:before {
    content: "\f149"
}

.icon-email-header:before {
    content: "\f14a"
}

.icon-email-only:before {
    content: "\f14b"
}

.icon-email:before {
    content: "\f14c"
}

.icon-error:before {
    content: "\f14d"
}

.icon-expert-review:before {
    content: "\f14e"
}

.icon-facebook-top-layer:before {
    content: "\f14f"
}

.icon-features:before {
    content: "\f150"
}

.icon-floor-standing:before {
    content: "\f151"
}

.icon-french-door-01:before {
    content: "\f152"
}

.icon-french-door-02:before {
    content: "\f153"
}

.icon-french-door:before {
    content: "\f154"
}

.icon-front-loader:before {
    content: "\f155"
}

.icon-gallery:before {
    content: "\f156"
}

.icon-global_country:before {
    content: "\f157"
}

.icon-gnb-left-ar:before {
    content: "\f158"
}

.icon-gnb-left:before {
    content: "\f159"
}

.icon-gnb-minus:before {
    content: "\f15a"
}

.icon-gnb-plus:before {
    content: "\f15b"
}

.icon-gnb-right-ar:before {
    content: "\f15c"
}

.icon-gnb-right:before {
    content: "\f15d"
}

.icon-google-plus-top-layer:before {
    content: "\f15e"
}

.icon-hamburger:before {
    content: "\f15f"
}

.icon-hospitals:before {
    content: "\f160"
}

.icon-hotels:before {
    content: "\f161"
}

.icon-icon-3D:before {
    content: "\f162"
}

.icon-img_french_door_01:before {
    content: "\f163"
}

.icon-img_french_door_02:before {
    content: "\f164"
}

.icon-img_range_double:before {
    content: "\f165"
}

.icon-img_range_electric:before {
    content: "\f166"
}

.icon-img_range_gas:before {
    content: "\f167"
}

.icon-img_range_single:before {
    content: "\f168"
}

.icon-img_washing-machine_cold:before {
    content: "\f169"
}

.icon-img_washing-machine_smart:before {
    content: "\f16a"
}

.icon-img_washing-machine_steam:before {
    content: "\f16b"
}

.icon-img_washing-machine_turbo:before {
    content: "\f16c"
}

.icon-img_washing-machine_wave:before {
    content: "\f16d"
}

.icon-information:before {
    content: "\f16e"
}

.icon-instagram-top-layer:before {
    content: "\f16f"
}

.icon-lg-picks:before {
    content: "\f170"
}

.icon-lgblog-top-layer:before {
    content: "\f171"
}

.icon-light-check:before {
    content: "\f172"
}

.icon-light-x:before {
    content: "\f173"
}

.icon-login-header:before {
    content: "\f174"
}

.icon-login-mobile:before {
    content: "\f175"
}

.icon-mail:before {
    content: "\f176"
}

.icon-map-resize:before {
    content: "\f177"
}

.icon-map:before {
    content: "\f178"
}

.icon-menu-minus:before {
    content: "\f179"
}

.icon-menu-plus:before {
    content: "\f17a"
}

.icon-mobile-repair:before {
    content: "\f17b"
}

.icon-monitor:before {
    content: "\f17c"
}

.icon-movie-play:before {
    content: "\f17d"
}

.icon-new-window-2:before {
    content: "\f17e"
}

.icon-new-window:before {
    content: "\f17f"
}

.icon-no-data:before {
    content: "\f180"
}

.icon-offices:before {
    content: "\f181"
}

.icon-on-site-service:before {
    content: "\f182"
}

.icon-pagenav-down-light:before,.news-wrapper .slick-arrow.slick-next .icon:before {
    content: "\f183"
}

.icon-pagenav-down:before {
    content: "\f184"
}

.icon-pagenav-up-light:before,.news-wrapper .slick-arrow.slick-prev .icon:before {
    content: "\f185"
}

.icon-pagenav-up:before {
    content: "\f186"
}

.icon-pc-check:before {
    content: "\f187"
}

.icon-pen-circle:before {
    content: "\f188"
}

.icon-people:before {
    content: "\f189"
}

.icon-pinterest-top-layer:before {
    content: "\f18a"
}

.icon-point:before {
    content: "\f18b"
}

.icon-price-refine-rupee:before {
    content: "\f18c"
}

.icon-price-refine:before {
    content: "\f18d"
}

.icon-progress:before {
    content: "\f18e"
}

.icon-promotion-header:before {
    content: "\f18f"
}

.icon-quick-menu-off:before {
    content: "\f190"
}

.icon-quick-menu-on:before {
    content: "\f191"
}

.icon-range-double:before {
    content: "\f192"
}

.icon-range-electric:before {
    content: "\f193"
}

.icon-range-gas:before {
    content: "\f194"
}

.icon-range-single:before {
    content: "\f195"
}

.icon-refresh:before {
    content: "\f196"
}

.icon-regist-header:before {
    content: "\f197"
}

.icon-repair:before {
    content: "\f198"
}

.icon-residences:before {
    content: "\f199"
}

.icon-restaurants:before {
    content: "\f19a"
}

.icon-retail-locator:before {
    content: "\f19b"
}

.icon-reviews:before {
    content: "\f19c"
}

.icon-rounded-square-border:before {
    content: "\f19d"
}

.icon-rounded-square:before {
    content: "\f19e"
}

.icon-search-ar:before {
    content: "\f19f"
}

.icon-search-select:before {
    content: "\f1a0"
}

.icon-search:before {
    content: "\f1a1"
}

.icon-service-center:before {
    content: "\f1a2"
}

.icon-share-phone:before {
    content: "\f1a3"
}

.icon-share:before {
    content: "\f1a4"
}

.icon-ship-in-service:before {
    content: "\f1a5"
}

.icon-shopping-cart-header:before {
    content: "\f1a6"
}

.icon-shopping-cart-mobile:before {
    content: "\f1a7"
}

.icon-shopping-cart:before {
    content: "\f1a8"
}

.icon-shops:before {
    content: "\f1a9"
}

.icon-side-by-side:before {
    content: "\f1aa"
}

.icon-size-refine:before {
    content: "\f1ab"
}

.icon-slick:before {
    content: "\f1ac"
}

.icon-social:before {
    content: "\f1ad"
}

.icon-speaker:before {
    content: "\f1ae"
}

.icon-specs:before {
    content: "\f1af"
}

.icon-square-360:before {
    content: "\f1b0"
}

.icon-square-search:before {
    content: "\f1b1"
}

.icon-star:before {
    content: "\f1b2"
}

.icon-stars:before {
    content: "\f1b3"
}

.icon-suggest-faq:before {
    content: "\f1b4"
}

.icon-suggest-howto:before {
    content: "\f1b5"
}

.icon-suggest-video:before {
    content: "\f1b6"
}

.icon-support-mobile:before {
    content: "\f1b7"
}

.icon-support:before {
    content: "\f1b8"
}

.icon-tab-minus:before {
    content: "\f1b9"
}

.icon-tab-plus:before {
    content: "\f1ba"
}

.icon-telephone:before {
    content: "\f1bb"
}

.icon-top-freezer:before {
    content: "\f1bc"
}

.icon-top-loader:before {
    content: "\f1bd"
}

.icon-triangle-ar:before {
    content: "\f1be"
}

.icon-triangle-down-2:before {
    content: "\f1bf"
}

.icon-triangle-down:before {
    content: "\f1c0"
}

.icon-triangle-reverse-ar:before {
    content: "\f1c1"
}

.icon-triangle-reverse:before {
    content: "\f1c2"
}

.icon-triangle-up:before {
    content: "\f1c3"
}

.icon-triangle:before {
    content: "\f1c4"
}

.icon-twitter-top-layer:before {
    content: "\f1c5"
}

.icon-video-play-top-layer:before {
    content: "\f1c6"
}

.icon-video-play:before {
    content: "\f1c7"
}

.icon-video-stop-top-layer:before {
    content: "\f1c8"
}

.icon-video-stop:before {
    content: "\f1c9"
}

.icon-video-tag:before {
    content: "\f1ca"
}

.icon-washers:before {
    content: "\f1cb"
}

.icon-washing-machine-cold:before {
    content: "\f1cc"
}

.icon-washing-machine-smart:before {
    content: "\f1cd"
}

.icon-washing-machine-steam:before {
    content: "\f1ce"
}

.icon-washing-machine-turbo:before {
    content: "\f1cf"
}

.icon-washing-machine-wave:before {
    content: "\f1d0"
}

.icon-wtb-compass:before {
    content: "\f1d1"
}

.icon-wtb-phone:before {
    content: "\f1d2"
}

.icon-wtb-phone2:before {
    content: "\f1d3"
}

.icon-x-circle:before {
    content: "\f1d4"
}

.icon-youtube-top-layer:before {
    content: "\f1d5"
}

.hero .text-wrap {
    width: 100%;
    position: absolute;
    top: 0
}

.hero .text-wrap .inner {
    width: 100%;
    margin: 3.3rem auto 0;
    max-width: 1200px
}

@media all and (max-width: 767px) {
    .hero .text-wrap .inner {
        margin:2.3rem auto 0
    }
}

@media (max-width: 1024px) {
    .hero .text-wrap .inner {
        margin:2.8rem auto 0
    }
}

@media (min-width: 1281px) {
    .hero .text-wrap .inner {
        margin:4.2rem auto 0
    }
}

.hero .text-wrap .inner .text {
    font-size: 1.3rem;
    padding-left: 80px;
    padding-right: 55%;
    color: #000
}

@media (max-width: 1024px) {
    .hero .text-wrap .inner .text {
        padding:0 40% 0 95px
    }
}

@media all and (max-width: 767px) {
    .hero .text-wrap .inner .text {
        padding:0 10%;
        text-align: center
    }
}

.hero .text-wrap .inner .text h1 {
    font-family: LG Smart Light,Arial,Helvetica,sans-serif;
    font-size: 2rem;
    line-height: .9
}

@media (max-width: 1024px) {
    .hero .text-wrap .inner .text h1 {
        font-size:30px
    }
}

@media all and (max-width: 767px) {
    .hero .text-wrap .inner .text h1 {
        font-size:25px
    }
}

.hero .text-wrap .inner .text p {
    font-size: .9rem;
    margin-top: .5rem;
    display: none
}

@media (min-width: 1281px) {
    .hero .text-wrap .inner .text p {
        display:block
    }
}

.hero .text-wrap .inner .text a.btn-cta {
    font-family: LG Smart Light,Arial,Helvetica,sans-serif;
    color: #000;
    font-size: .9rem
}

.hero .text-wrap .inner .text a.btn-cta:before {
    content: '+'
}

.hero .text-wrap .inner .text a.btn-cta:focus,.hero .text-wrap .inner .text a.btn-cta:hover {
    text-decoration: underline
}

@media (max-width: 1024px) {
    .hero .text-wrap .inner .text a.btn-cta {
        font-size:16px
    }

    .hero .text-wrap .inner .text a.btn-cta span {
        text-decoration: underline
    }
}

@media all and (max-width: 767px) {
    .hero .text-wrap .inner .text a.btn-cta {
        font-size:15px
    }
}

.hero .bg-img img {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%
}

.hero .bg-img img.d {
    display: block
}

.hero .bg-img img.m {
    display: none
}

@media all and (max-width: 767px) {
    .hero .bg-img img.d {
        display:none
    }

    .hero .bg-img img.m {
        display: block
    }
}

@media all and (max-width: 767px) {
    .hero .bg-img {
        position:relative
    }
}

.hero.m01.white .text-wrap .inner .text,.hero.m01.white .text-wrap .inner .text a.btn-cta {
    color: #fff
}

.hero.m02 .text-wrap .inner .text {
    padding-right: 1rem;
    padding-left: 55%
}

@media (max-width: 1024px) {
    .hero.m02 .text-wrap .inner .text {
        padding:0 95px 0 40%
    }
}

@media all and (max-width: 767px) {
    .hero.m02 .text-wrap .inner .text {
        padding:0 10%;
        text-align: center
    }
}

@media all and (max-width: 767px) {
    .hero .slick .slick-dots li {
        margin:0 3px
    }
}

.hero.m02.white .text-wrap .inner .text {
    padding-right: 1rem;
    padding-left: 55%;
    color: #fff
}

.hero.m02.white .text-wrap .inner .text a.btn-cta {
    color: #fff
}

@media (max-width: 1024px) {
    .slick-dots {
        bottom:12px
    }
}

.breadcrumb {
    display: none
}

.news-wrapper {
    margin-top: -60px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 60px
}

@media all and (max-width: 767px) {
    .news-wrapper {
        display:none
    }
}

@media (max-width: 1024px) {
    .news-wrapper {
        margin-top:-1px;
        height: 40px;
        float: right
    }
}

.news-wrapper .news-area {
    overflow: hidden;
    position: relative;
    z-index: 10
}

.news-wrapper strong {
    float: left;
    width: 7.5%;
    font-size: 20px;
    padding: 18px 0 0;
    color: #fff;
    font-family: LG Smart SemiBold,Arial,Helvetica,sans-serif;
    text-transform: uppercase
}

@media (max-width: 1024px) {
    .news-wrapper strong {
        padding-top:10px;
        font-size: 18px;
        width: 9%
    }
}

.news-wrapper .news {
    width: 92.5%;
    float: left;
    height: 60px;
    position: relative;
    padding: 0 120px 0 30px;
    border-right: 1px solid #4d4d4d
}

@media (max-width: 1024px) {
    .news-wrapper .news {
        height:40px;
        padding: 0 40px 0 30px;
        width: 90%
    }
}

.news-wrapper .news:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 15px;
    margin-top: -8px;
    background: #7f736c;
    content: ''
}

.news-wrapper .list {
    overflow: hidden
}

.news-wrapper .list .slide {
    display: block;
    padding-top: 18px;
    height: 60px;
    font-size: 18px;
    outline: none;
    color: #fff;
    position: relative
}

.news-wrapper .list .slide a {
    color: #fff;
    display: inline-block;
    overflow: hidden;
    max-width: 100%;
    padding-right: 150px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1024px) {
    .news-wrapper .list .slide a {
        float:left;
        width: 100%;
        height: 1.1rem;
        overflow: hidden
    }
}

.news-wrapper .list .slide .date {
    float: right;
    padding: 3px 14px 0 30px;
    font-size: 16px;
    position: absolute;
    top: 20px;
    right: 0
}

.news-wrapper .list .slide .date:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 15px;
    position: absolute;
    top: 4px;
    left: 0;
    background: #8f9192
}

@media (max-width: 1024px) {
    .news-wrapper .list .slide {
        height:40px;
        padding-top: 10px;
        font-size: 16px
    }

    .news-wrapper .list .slide .date {
        top: 10px
    }
}

.news-wrapper .read-more {
    position: absolute;
    top: 0;
    right: -1px;
    display: block;
    border-right: 1px solid #4d4d4d;
    width: 61px;
    height: 60px
}

@media (max-width: 1024px) {
    .news-wrapper .read-more {
        width:41px;
        height: 40px;
        border-right: 1px solid #8f9192;
        border-left: 1px solid #8f9192
    }
}

.news-wrapper .read-more:after {
    position: absolute;
    width: 21px;
    height: 3px;
    content: '';
    top: 50%;
    left: 50%;
    background: #868685;
    margin: -2px 0 0 -10px
}

@media (max-width: 1024px) {
    .news-wrapper .read-more:after {
        width:17px;
        height: 3px;
        margin: 0 0 0 -8px
    }
}

.news-wrapper .read-more:before {
    position: absolute;
    width: 3px;
    height: 21px;
    content: '';
    top: 50%;
    left: 50%;
    background: #868685;
    margin: -11px 0 0 -1px
}

@media (max-width: 1024px) {
    .news-wrapper .read-more:before {
        width:3px;
        height: 17px;
        margin: -8px 0 0 -1px
    }
}

.news-wrapper .slick-arrow {
    position: absolute;
    right: 60px;
    z-index: 20;
    width: 60px;
    height: 31px;
    border: 0;
    background: 0;
    outline: initial;
    cursor: pointer;
    border-left: 1px solid #4d4d4d;
    border-right: 1px solid #4d4d4d
}

.news-wrapper .slick-arrow span {
    position: absolute;
    z-index: -1;
    left: -999em
}

@media (max-width: 1024px) {
    .news-wrapper .slick-arrow {
        width:40px;
        right: 40px;
        display: none;
        height: 20px
    }

    .news-wrapper .slick-arrow span {
        left: -999em
    }
}

.news-wrapper .slick-arrow .icon {
    color: #868685;
    font-size: 26px
}

@media (max-width: 1024px) {
    .news-wrapper .slick-arrow .icon {
        font-size:18px
    }
}

.news-wrapper .slick-arrow.slick-prev {
    top: 0;
    border-bottom: 1px solid #4d4d4d
}

@media (max-width: 1024px) {
    .news-wrapper .slick-arrow.slick-prev {
        top:-999em
    }
}

.news-wrapper .slick-arrow.slick-next {
    bottom: 0
}

@media (max-width: 1024px) {
    .news-wrapper .slick-arrow.slick-next {
        bottom:auto;
        top: -999em
    }
}

.news-wrapper:after {
    content: '';
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .55;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

@media (max-width: 1024px) {
    .news-wrapper:after {
        background:#4c4c4c;
        opacity: 1
    }
}

.site-data {
    position: relative;
    padding: 16px 0 20px;
    box-shadow: 3px 0 5px rgba(0,0,0,.2)
}

.site-data .container {
    overflow: hidden
}

@media (max-width: 1024px) {
    .site-data .container {
        max-width:1024px;
        position: relative;
        overflow: visible;
        padding: 0 20px
    }
}

@media all and (max-width: 767px) {
    .site-data .container {
        padding:0 20px
    }
}

.site-data .container .bg-icon {
    width: 39px;
    height: 33px;
    background: url(/bpp/portal/images/basic/ico-folder.png) 0 0 no-repeat;
    background-size: 100% auto;
    display: inline-block;
    vertical-align: -8px;
    margin-right: 12px
}

@media (max-width: 1024px) {
    .site-data .container .bg-icon {
        display:none
    }
}

.site-data .container .title {
    font-size: 22px;
    float: left;
    font-family: LG Smart,Arial,Helvetica,sans-serif;
    text-transform: capitalize
}

@media (min-width: 1025px) and (max-width:1280px) {
    .site-data .container .title {
        font-size:18px
    }
}

@media (max-width: 1024px) {
    .site-data .container .title {
        margin-top:6px;
        font-size: 18px;
        width: 100%;
        text-align: center;
        float: none
    }
}

@media all and (max-width: 767px) {
    .site-data .container .title {
        width:100%;
        float: none;
        text-align: center
    }

    .site-data .container .title .bg-icon {
        display: none
    }
}

.site-data .container .data-list {
    float: right;
    margin-top: 3px
}

@media (max-width: 1024px) {
    .site-data .container .data-list {
        border:1px solid #cfcfcf;
        border-left: 0;
        margin-top: 10px;
        table-layout: fixed;
        display: table;
        float: none;
        width: 100%
    }

    .site-data .container .data-list:after {
        content: none
    }
}

.site-data .container .data-list li {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 30px 0;
    position: relative
}

.site-data .container .data-list li:before {
    position: absolute;
    top: 1px;
    left: 0;
    content: '';
    height: 30px;
    background: #d9d9d9;
    width: 1px
}

.site-data .container .data-list li:last-child:after {
    position: absolute;
    top: 1px;
    right: 0;
    content: '';
    height: 30px;
    background: #d9d9d9;
    width: 1px
}

.site-data .container .data-list li a {
    color: #333
}

.site-data .container .data-list li a:focus span,.site-data .container .data-list li a:hover span {
    text-decoration: underline
}

.site-data .container .data-list li span {
    display: inline-block;
    vertical-align: middle;
    font-family: LG Smart Light,Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin-right: 19px
}

.site-data .container .data-list li strong {
    display: inline-block;
    vertical-align: middle;
    font-family: LG Smart SemiBold,Arial,Helvetica,sans-serif;
    font-size: 22px;
    font-weight: 700
}

@media (min-width: 1025px) and (max-width:1280px) {
    .site-data .container .data-list li {
        padding:3px 20px 0
    }

    .site-data .container .data-list li span {
        font-size: 16px;
        margin-right: 15px
    }

    .site-data .container .data-list li strong {
        font-size: 18px
    }
}

@media (max-width: 1024px) {
    .site-data .container .data-list li {
        display:table-cell;
        border-left: 1px solid #cfcfcf;
        padding: 7px 0;
        width: 25%;
        text-align: center
    }

    .site-data .container .data-list li:after,.site-data .container .data-list li:before,.site-data .container .data-list li:last-child:after {
        content: none
    }

    .site-data .container .data-list li a {
        overflow: hidden;
        display: block;
        width: 100%;
        padding: 0 10px
    }

    .site-data .container .data-list li span {
        float: left;
        font-size: 16px;
        margin: 2px 0 0
    }

    .site-data .container .data-list li strong {
        float: right;
        font-size: 18px
    }
}

@media all and (max-width: 767px) {
    .site-data .container .data-list {
        display:block;
        float: none;
        width: 100%;
        margin: 8px 0 0;
        border: 1px solid #d9d9d9;
        border-top: 0
    }

    .site-data .container .data-list li {
        display: block;
        border: 0;
        float: none;
        width: 100%;
        border-top: 1px solid #d9d9d9;
        padding: 5px 15px
    }

    .site-data .container .data-list li a {
        width: 100%;
        overflow: hidden;
        display: block
    }

    .site-data .container .data-list li span {
        float: left;
        font-size: 13px;
        margin-right: 0
    }

    .site-data .container .data-list li strong {
        float: right;
        font-size: 14px
    }

    .site-data .container .data-list li:after,.site-data .container .data-list li:before {
        content: none!important
    }
}

.wide-wrap {
    width: 100%;
    background: #e7e7e7;
    padding: 38px 0 60px
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents {
        padding:0 20px
    }
}

.wide-wrap .latest-contents .tab-list {
    width: 100%;   
    font-size:0;   
}

.wide-wrap .latest-contents .tab-list.uppercase {
    text-transform: uppercase
}

.wide-wrap .latest-contents .tab-list li {   
    display:inline-block;   
    width:25%;
    text-align: center;
    position: relative;
    z-index: 10;    
    vertical-align: middle;    
}

.wide-wrap .latest-contents .tab-list li a {   
    padding: 12px 0 9px;   
    display:block;   
    text-decoration: none;
    font-size: 26px;
    margin-left:5px;
    padding-right:10%;
    background:#ccc;
    color:#333;
}

.wide-wrap .latest-contents .tab-list li:first-child a {
	margin-left:0;
}

.wide-wrap .latest-contents .tab-list li a span {
    display: inline-block
}

.wide-wrap .latest-contents .tab-list li a:focus,.wide-wrap .latest-contents .tab-list li a:hover {
    text-decoration: underline
}

.wide-wrap .latest-contents .tab-list li a.btn-more {
	position:absolute;
	top:0;
	right:0;
	text-indent:-9999px;
	width:17%;
	height:100%;
	color:#fff;
	border-left:1px solid #fff;
	padding-right:0;
}

.wide-wrap .latest-contents .tab-list li a.btn-more:after {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:12px;
	height:12px;
	margin:-6px 0 0 -6px;
	background:url(/bpp/portal/images/basic/btn-tab-plus.png) no-repeat 0 0;
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-list li a {
        font-size:20px
    }
}

.wide-wrap .latest-contents .tab-list li.active {
    z-index: 20;    
}

.wide-wrap .latest-contents .tab-list li.active a {       
    background:#666;
    color:#fff;
    font-family: LG Smart SemiBold,Arial,Helvetica,sans-serif
}

.wide-wrap .latest-contents .tab-content {
    width: 100%;
    margin-top: 30px;
    height: 480px
}

@media (min-width: 1025px) and (max-width:1280px) {
    .wide-wrap .latest-contents .tab-content {
        height:440px
    }
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content {
        margin-top:26px;
        height: 355px
    }
}

@media all and (max-width: 767px) {
    .wide-wrap .latest-contents .tab-content {
        display:none
    }
}

.wide-wrap .latest-contents .tab-content>li {
    display: none;
    width: 100%
}

.wide-wrap .latest-contents .tab-content>li .checked-layout {
    display: inline-block;
    width: 100%
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li {
    position: relative;
    float: left;
    width: 25%;
    max-height: 480px;
    padding: 20% 0 0
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 16% 8% 14%;
    width: 100%;
    height: 50%;
    box-sizing: border-box;
    background: #fff;
    margin: 0;
    cursor: default;
    overflow: hidden
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area {
        padding:20% 10% 15%
    }
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area .tit {
    text-transform: uppercase;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 11px;
    color: #333
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area .tit {
        margin-bottom:8px;
        font-weight: 700
    }
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area .stit {
    margin-top: 1.6rem;
    font-size: .7rem;
    color: #a50034;
    font-family: LG Smart SemiBold,Arial,Helvetica,sans-serif;
    font-weight: 700
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area .stit {
        margin-top:20px;
        font-size: 14px
    }
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area .sstit {
    margin-top: 32px;
    font-family: LG Smart Light,Arial,Helvetica,sans-serif;
    font-size: .8rem;
    color: #333
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area .sstit {
        margin-top:28px
    }
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area p {
    margin-top: 3px;
    font-family: LG Smart Light,Arial,Helvetica,sans-serif;
    font-size: .8rem;
    color: #333;
    max-height: 3.8rem;
    overflow: hidden
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area p {
        margin-top:0;
        font-size: 14px
    }
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area .hcontent {
    display: none
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area .hcontent .sstit {
    margin-top: 22px
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area .sticker {
    display: none
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area:focus,.wide-wrap .latest-contents .tab-content>li .checked-layout li .text-area:hover {
    text-decoration: none
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li .img-area {
    width: 100%;
    position: relative;
    padding-bottom: 80%
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li .img-area img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li .img-area:after {
    display: block;
    content: '';
    width: 0;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -10px;
    border-style: solid;
    border-width: 15px 10px;
    border-color: #fff transparent transparent
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li.text-bottom {
    padding: 0 0 20%
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li.text-bottom .text-area {
    top: auto;
    bottom: 0
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li.text-bottom .img-area:after {
    top: auto;
    bottom: 0;
    border-width: 15px 10px;
    border-color: transparent transparent #fff
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .checked-layout li.text-bottom .img-area:after {
        bottom:3px
    }
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li.focus .text-area {
    height: 100%;
    border: 3px solid #a50034;
    z-index: 10;
    text-decoration: none;
    padding: 26px 30px
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .checked-layout li.focus .text-area {
        padding:16px 20px
    }
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li.focus .text-area .tit {
    margin-bottom: 37px
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .checked-layout li.focus .text-area .tit {
        margin-bottom:31px
    }
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li.focus .text-area .hcontent {
    display: block
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li.focus .text-area:after {
    content: none
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li.focus .text-area .sticker {
    display: block;
    position: absolute;
    bottom: -3px;
    right: -65px;
    border-style: solid;
    border-color: transparent transparent #a50034;
    border-width: 55px 65px;
    cursor: pointer
}

.wide-wrap .latest-contents .tab-content>li .checked-layout li.focus .text-area .sticker .icon {
    position: absolute;
    bottom: -45px;
    right: 10px;
    color: #fff
}

.wide-wrap .latest-contents .tab-content>li .file-list {
    display: inline-block;
    width: 100%
}

.wide-wrap .latest-contents .tab-content>li .file-list li {
    display: table-cell;
    width: 25%;
    padding-left: 10px
}

.wide-wrap .latest-contents .tab-content>li .file-list li:first-child {
    padding-left: 0
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap {
    width: 100%;
    height: 100%;
    border: 1px solid #dbdbdb;
    background: #f6f6f6;
    position: relative;
    padding-bottom: 93px
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap {
        padding-bottom:74px
    }
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info {
    padding: 23px 30px 63px;
    background: #fff
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info {
        padding:19px 19px 33px
    }
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info .info-type {
    display: block;
    width: 100%;
    text-align: center;
    font-family: LG Smart SemiBold,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: .9rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #333
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info .info-type {
        padding-bottom:7px
    }
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info .info-type.new {
    color: #a50034;
    border-color: #a50034
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info .info-type.best {
    color: #333
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info .tit {
    margin-top: 19px;
    font-size: 1.4rem;
    line-height: .9;
    height: 3.9rem;
    overflow: hidden;
    margin-bottom: 10px
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info .stit {
    margin-top: 3px;
    font-size: .8rem;
    font-weight: 700
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info .stit {
        margin-top:23px;
        font-size: 16px
    }
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info p {
    margin-top: 6px;
    font-size: .7rem;
    font-family: LG Smart Light,Arial,Helvetica,sans-serif
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info p.category {
    min-height: 3rem
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info p+.stit {
    margin-top: 25px
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info p {
        font-size:14px;
        margin-top: 3px
    }

    .wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .file-info p+.stit {
        margin-top: 12px
    }
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area {
    position: absolute;
    bottom: 42px;
    width: 100%;
    height: 84px;
    text-align: center
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .download {
    display: block
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .circle {
    display: block;
    width: 4.2rem;
    height: 4.2rem;
    background: #fff;
    border-radius: 100%;
    text-align: center;
    padding-top: 20px;
    margin: 0 auto
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .icon {
    font-size: 1.6rem
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .content-type {
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%;
    display: block;
    text-align: center
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .content-type .file-type {
    margin-left: 4px
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .content-type .file-type:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: .6rem;
    margin: 3px 10px 0 0;
    background: #d74e2a
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .ppt {
    color: #d74e2a
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .ppt .circle {
    border: 2px solid #d74e2a
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .ppt .content-type .file-type:before {
    background: #d74e2a
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .ppt:focus .circle,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .ppt:hover .circle {
    border: 0;
    background: url(/bpp/portal/images/basic/ico-down-ppt.png) 0 0 no-repeat;
    background-size: 100% 100%
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .ppt:focus .circle .icon,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .ppt:focus .file-type,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .ppt:hover .circle .icon,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .ppt:hover .file-type {
    display: none
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .excel {
    color: #247e4b
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .excel .circle {
    border: 2px solid #247e4b
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .excel .content-type .file-type:before {
    background: #247e4b
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .excel:focus .circle,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .excel:hover .circle {
    border: 0;
    background: url(/bpp/portal/images/basic/ico-down-excel.png) 0 0 no-repeat;
    background-size: 100% 100%
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .excel:focus .circle .icon,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .excel:focus .file-type,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .excel:hover .circle .icon,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .excel:hover .file-type {
    display: none
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .pdf {
    color: #a90b08
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .pdf .circle {
    border: 2px solid #a90b08
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .pdf .content-type .file-type:before {
    background: #a90b08
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .pdf:focus .circle,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .pdf:hover .circle {
    border: 0;
    background: url(/bpp/portal/images/basic/ico-down-pdf.png) 0 0 no-repeat;
    background-size: 100% 100%
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .pdf:focus .circle .icon,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .pdf:focus .file-type,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .pdf:hover .circle .icon,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .pdf:hover .file-type {
    display: none
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .word {
    color: #2b5797
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .word .circle {
    border: 2px solid #2b5797
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .word .content-type .file-type:before {
    background: #2b5797
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .word:focus .circle,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .word:hover .circle {
    border: 0;
    background: url(/bpp/portal/images/basic/ico-down-word.png) 0 0 no-repeat;
    background-size: 100% 100%
}

.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .word:focus .circle .icon,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .word:focus .file-type,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .word:hover .circle .icon,.wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area .word:hover .file-type {
    display: none
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .file-list li .info-wrap .download-area {
        bottom:25px
    }
}

.wide-wrap .latest-contents .tab-content>li .mkt-down {
    display: table;
    table-layout:fixed;
    width: 100%
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li {
    display: table-cell;
    vertical-align:top;
    width: 1%;
    padding: 30px 0 0 5px
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap {
    position: relative;
    background: #fff
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .img-wrap {
    position: relative;
    top: -1.5rem;
    width: 100%;
    width: 74%;
    margin: 0 auto;
    text-align: center
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .img-wrap img {
    width:100%;
    height:100%;
    box-shadow: 3px 0 5px rgba(0,0,0,.2)
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .img-wrap .label {
    position: absolute;
    width: 3.1rem;
    height: 1.3rem;
    bottom: 1rem;
    left: -.5rem;
    color: #fff
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .img-wrap .label .type {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 14px;
    padding: 3px 0 0 9px;
    text-align: left
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap {
    width: 74%;
    margin: -20px auto 0;
    padding-bottom: 30px;
    text-align: center
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .label {
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    text-align: left;
    font-family: LG Smart SemiBold,Arial,Helvetica,sans-serif
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .label.new {
    color: #a50034
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .label.best {
    color: #333
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .label {
        font-size:14px;
        font-family: LG Smart,Arial,Helvetica,sans-serif;
        font-weight: 700
    }
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .tit {
    text-align: left;
    font-size: 20px;
    height: 48px;
    margin: 2px 0 20px;
    line-height: 1.1
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .tit {
        font-size:16px;
        height: 36px;
        margin: 5px 0 15px
    }
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .download {
    display: block;
    margin: 0 auto;
    border: 1px solid #707070;
    color: #707070;
    padding: 9px 0 6px;
    width: 168px;
    color: #555;
    text-transform: uppercase
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .download .icon,.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .download .icon-ebook {
    margin: 2px 9px 0 0;
    font-size: 14px;
    vertical-align: top
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .download .icon-ebook {
    display: inline-block;
    margin-top: -2px;
    width: 21px;
    height: 19px;
    background: url(/bpp/portal/images/basic/ico-ebook.png) 0 0 no-repeat;
    background-size: 100% 100%
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .download {
        width:9.2rem
    }

    .wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .download span {
        font-size: 16px
    }

    .wide-wrap .latest-contents .tab-content>li .mkt-down li .down-wrap .info-wrap .download .icon-ebook {
        width: 14px;
        height: 14px
    }
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li.focus .down-wrap {
    box-shadow: 3px 0 5px rgba(0,0,0,.2)
}

.wide-wrap .latest-contents .tab-content>li .mkt-down li:first-child {
    /*padding-left: 0*/
}

.wide-wrap .latest-contents .tab-content>li .utility-list li {
    position: relative;
    width: 100%;
    background: #fff;
    border: 1px solid #cfcfcf;
    margin-top: 8px;
    padding: 1px
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 86px
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .utility-list li .table-row {
        height:70px
    }
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row>* {
    display: table-cell;
    vertical-align: middle;
    background: #fff
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .label {
    text-transform: uppercase;
    font-size: 16px;
    width: 7%;
    text-align: center;
    font-family: LG Smart SemiBold,Arial,Helvetica,sans-serif
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .label {
        font-size:14px;
        font-family: LG Smart,Arial,Helvetica,sans-serif;
        font-weight: 700
    }
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .label.new {
    color: #a50034
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .label.best {
    color: #333
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .name {
    font-size: 20px;
    width: 31%
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .name {
        font-size:18px
    }
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .type {
    display: block;
    font-size: 16px
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .desc {
    font-family: LG Smart Light,Arial,Helvetica,sans-serif;
    font-size: 16px
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .desc {
        width:100%;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .spec {
    width: 14%;
    font-size: 16px;
    padding-left: 33px;
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .info {
    width: 32%
}

@media (min-width: 1025px) and (max-width:1280px) {
    .wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .info {
        padding-right:2%
    }
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .info,.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .info .desc,.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .info .type {
        display:none
    }
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .btn-wrap {
    width: 16%;
    background: 0;
    text-align: center;
    position: relative;
    z-index: 20
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .btn-wrap .btn {
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
    margin: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: 0;
    border-radius: 0;
    min-width: 0
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .btn-wrap .btn .icon {
    margin-right: 5px;
    font-size: 12px
}

.wide-wrap .latest-contents .tab-content>li .utility-list li .table-row .btn-wrap .btn:before {
    width: 1px;
    display: inline-block;
    content: '';
    height: 70px;
    vertical-align: middle
}

.wide-wrap .latest-contents .tab-content>li .utility-list li.focus {
    border: 2px solid #a50034;
    padding: 0;
    box-shadow: 3px 0 5px rgba(0,0,0,.2)
}

.wide-wrap .latest-contents .tab-content>li .utility-list li.focus .table-row .btn-wrap .btn {
    color: #fff
}

.wide-wrap .latest-contents .tab-content>li .utility-list li.focus:after {
    background: #a50034
}

.wide-wrap .latest-contents .tab-content>li .utility-list li:after {
    content: '';
    position: absolute;
    width: 16%;
    height: 100%;
    background: #dbdbdb;
    top: 0;
    right: 0;
    z-index: 1
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .utility-list li:after {
        width:24%
    }
}

.wide-wrap .latest-contents .tab-content>li .utility-list li:first-child {
    margin-top: 0
}

@media (max-width: 1024px) {
    .wide-wrap .latest-contents .tab-content>li .utility-list li:first-child {
        margin-top:1px
    }
}

.wide-wrap .latest-contents .tab-content>li.active {
    display: block
}

.wide-wrap .latest-contents.mobile-content {
    padding: 0
}

.wide-wrap .latest-contents.mobile-content .title {
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    margin-bottom: 15px
}

footer {
    margin-top: 0
}

.mobile-content.latest-contents .tabs {
    margin-top: 25px
}

.mobile-content.latest-contents .tabs .scroll-wrap {
    overflow-x: scroll;
    width: 100%
}

.mobile-content.latest-contents .tabs:first-child {
    margin-top: 0
}

.mobile-content.latest-contents .tabs ul li {
    margin-top: 5px
}

.mobile-content.latest-contents .tabs .toggle-btn {
    display: block;
    margin-top: 10px;
    padding: 9px 0 0;
    border: 1px solid #b3b3b3;
    background: #f0f0f0;
    text-align: center;
    color: #333
}

.mobile-content.latest-contents .tabs .toggle-btn .icon {
    font-size: 20px
}

.mobile-content.latest-contents .tabs .toggle-btn .icon-pagenav-up {
    display: none
}

.mobile-content.latest-contents .tabs .toggle-btn:focus,.mobile-content.latest-contents .tabs .toggle-btn:hover {
    text-decoration: none
}

.mobile-content.latest-contents .tabs.opend li:nth-child(n+2) {
    display: block!important
}

.mobile-content.latest-contents .tabs.opend .toggle-btn .icon-pagenav-up {
    display: inline-block
}

.mobile-content.latest-contents .tabs.opend .toggle-btn .icon-pagenav-down {
    display: none
}

.mobile-content .label {
    font-size: 12px;
    text-transform: uppercase;
    font-family: LG Smart SemiBold,Arial,Helvetica,sans-serif
}

.mobile-content .label.new {
    color: #a50034
}

.mobile-content .stit,.mobile-content h4.name {
    font-size: 16px;
    height: 36px;
    line-height: 1.1;
    overflow: hidden
}

.mobile-content .mkt-down {
    width: 280%;
    overflow-y: hidden;
    background: #fff;
    position: relative;
    padding: 0 10px 20px;
    margin-left: -10px
}

.mobile-content .mkt-down li {
    width: 25%;
    float: left;
    padding: 20px 12px 0 20px
}

.mobile-content .mkt-down li .img {
    position: relative;
    top: -20px
}

.mobile-content .mkt-down li .img img {
    width: 100%;
    max-width: 100%;
    box-shadow: 3px 0 5px rgba(0,0,0,.2)
}

.mobile-content .mkt-down li .desc {
    margin-top: -20px
}

.mobile-content .mkt-down li .desc .type {
    display: none
}

.mobile-content .mkt-down li .desc .download {
    text-transform: uppercase;
    display: block;
    text-align: center;
    font-size: 14px;
    height: 35px;
    padding: 8px 0 10px;
    margin-top: 10px;
    border: 1px solid #707070;
    color: #707070
}

.mobile-content .mkt-down li .desc .download .icon {
    margin-right: 5px
}

.mobile-content .mkt-down li:nth-child(n+3) {
    display: block!important
}

.mobile-content .mkt-down:before {
    background: #e7e7e7;
    content: '';
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 20px
}

.mobile-content .utility-list {
    padding: 0 20px
}

.mobile-content .utility-list li {
    border: 1px solid #cfcfcf;
    background: #fff;
    position: relative;
    padding: 10px 110px 10px 15px
}

.mobile-content .utility-list li .btn-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    text-align: center
}

.mobile-content .utility-list li .btn-wrap .btn {
    color: #555;
    width: 100%;
    height: 100%
}

.mobile-content .utility-list li .btn-wrap .btn .icon {
    display: block;
    margin-bottom: 5px
}

.mobile-content .utility-list .info,.mobile-content .utility-list li:nth-child(n+3) {
    display: none
}

.mobile-content .utility-list .spec {
    font-size: 14px;
    margin-top: 2px
}

.mobile-content .utility-list .spec .type {
    margin-right: 5px
}

.mobile-content .utility-list .spec .desc {
    font-family: LG Smart Light,Arial,Helvetica,sans-serif
}

.mobile-content .utility-list+.toggle-btn {
    width: auto;
    margin: 10px 20px 0
}

.mobile-content .case-wrap {
    overflow: hidden;
    padding: 0 20px 20px
}

.mobile-content .case-wrap .view-case {
    overflow: hidden
}

.mobile-content .case-wrap .view-case .list {
    width: 100%;
    float: left;
    margin-top: 0
}

.mobile-content .case-wrap .view-case .list img {
    width: 100%;
    display: block
}

.mobile-content .case-wrap .view-case .list .desc {
    height: 50px;
    text-align: center;
    background: #fff
}

.mobile-content .case-wrap .view-case .list .desc .stit {
    height: auto
}

.mobile-content .case-wrap .view-case .list .desc .stit a {
    color: #333
}

.mobile-content .case-wrap .view-case .list .desc .stit:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 50px;
    vertical-align: middle
}

.mobile-content .case-wrap .view-case .list:nth-child(n+3) {
    display: block!important
}

.mobile-content .case-wrap .slick-list {
    width: 100%;
    overflow: hidden
}

.mobile-content .case-wrap .slick-dots {
    left: 0;
    bottom: 50px
}

.quick-nav {
    padding-top: 10px
}

@media (min-width: 1025px) {
    .quick-nav {
        display:block
    }
}

@media (max-width: 1024px) {
    .quick-nav {
        display:none
    }
}

@media all and (max-width: 767px) {
    .quick-nav {
        display:none
    }
}

.quick-nav li {
    display: inline;
    position: relative;
    padding: 0 12px 0 16px
}

.quick-nav li a {
    color: #fff
}

.quick-nav li:before {
    left: 0
}

.quick-nav li:before,.quick-nav li:last-child:after {
    position: absolute;
    top: 2px;
    height: 14px;
    content: '';
    width: 1px;
    background: #d2809a
}

.quick-nav li:last-child:after {
    right: -5px
}

@media (max-width: 1024px) {
    .my-lg {
        margin:0
    }
}

@media all and (max-width: 767px) {
    .my-lg .container .util-list {
        display:none
    }

    .my-lg .container .util-list>li {
        display: none
    }

    .my-lg .container .util-list>li:last-child {
        font-size: 16px;
        display: block
    }
}