@charset "utf-8";
/*
    파 일 명  : global.min.css   
    작성일자  : 2021.03.11
    작 성 자  : 이지혜
    설    명  : style css file
    변경이력 : 
 CSR No           DATE           AUTHOR      DESCRIPTION
 C20210305_90986  2021.03.11     이지혜                [CSR ID:4390986] 파트너포탈 부품솔루션 Spec 검색 기능 구축 건 운영 반영 요청 | [요청번호]C20210305_90986 | [서비스번호]4390986
 C20210608_31961  2021.06.08     이지혜                [CSR ID:4431961] VOC SI프로젝트 이관 요청                                               | [요청번호]C20210608_31961 | [서비스번호]4431961
 RITM1027760      2023.04.12     신현동                [RITM1027760]파트너포탈 메인 페이지 좌/우 스크롤 화면처리 스크립트 수정 요청
*/

.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-arrow-next:before {content:"\f10f"}
.icon-arrow-prev:before {content:"\f115"}

a,abbr,acronym,address,applet,big,blockquote,body,button,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var {
    margin:0;
    padding:0;
    border:0;
    font-weight:inherit;
    font-style:inherit;
    vertical-align: baseline
}
/* RITM1027760 스크롤 삭제 */ 
body {overflow-x: hidden;font-size:.8rem; line-height:1.2; color:#000; background:#fff}
body:before {font-family:LG Smart Light; content:""}
ol,ul {list-style:none}
table {border-collapse:separate; border-spacing:0; table-layout:fixed}
caption,td,th {text-align:left; font-weight:400; vertical-align:middle}
caption {overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0}
blockquote:after,blockquote:before,q:after,q:before {content:""}
blockquote,q {quotes: "" ""}
.skip_nav {background:#666; text-align:center}
.skip_nav a {color:#fff; font-size:18px; line-height:40px; position:absolute; left:-10000px; display:block; border-bottom:1px solid #fff}
.skip_nav a:focus {position:static; color:#fff!important}
input,textarea {font-family:LG Smart Light,Arial,Helvetica,sans-serif}
textarea {resize:none; overflow:hidden}
html {font-size:20px; box-sizing:border-box}

@media (max-width:1024px) {
    html {font-size:16px}
}

body,h1,h2,h3,h4,h5,h6 {font-family:LG Smart,Arial,Helvetica,sans-serif}
h1,h2,h3,h4,h5,h6 {font-weight:400; line-height:1.2; text-transform:capitalize}
a {font-family:LG Smart,Arial,Helvetica,sans-serif; text-decoration:none}
a:focus,a:hover {text-decoration:underline}
*,:after,:before {box-sizing:inherit}

.ir {position:relative; z-index:-1}

div,h1,h2,h3,h4,h5,h6,li,ul {box-sizing:border-box}

@media print {
    header {display:none}
}

.spec-in .layer-area .search-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}

.container:after,
.spec-in .search .price .input-box:after,
footer .footer-top .footer-links .social-wrap:after {content:"\0020"; display:block; height:0; clear:both; overflow:hidden; visibility:hidden}

.top-banner-wrap .top-banner,footer .container,header .container {width:100%; max-width:1280px; padding:0 40px; margin:0 auto}
.top-cookie-wrap .top-banner,footer .container,header .container {width:100%; max-width:1280px; padding:0 40px; margin:0 auto}

.nav-bg {position:absolute; z-index:5; width:100%; height:0; box-shadow:0 9px 5px -6px rgba(0,0,0,.25); background-color:#d8dadf; background-image:linear-gradient(to bottom,#d8dadf,#f8f8f8);}
.nav-bg,
.nav-wrapper .gnb .nav-list.open-nav+.nav-bg,
.nav-wrapper .gnb .nav-list.open-nav .depth2:after {-webkit-transition-property:height; transition-property:height; -webkit-transition-duration:.2s; transition-duration:.2s}
.nav-wrapper {float:right; width:100%; position:relative; padding-left:87px}
.nav-wrapper .gnb {width:100%; padding-right:22px}
.nav-wrapper .gnb .nav-list .sub-menu-wrap .inner a.close-btn {display:block; font-size:20px; position:absolute; top:0; right:-40px; z-index:999; color:#333}
.nav-wrapper .gnb .close-btn:active,
.nav-wrapper .gnb .close-btn:focus,
.nav-wrapper .gnb .close-btn:hover {text-decoration:none}
.nav-wrapper .gnb .nav-list {height:64px; text-align:right;}
.nav-wrapper .gnb .nav-list>li {display:inline-block; vertical-align:top; width:14.18919%; margin-left:-4px;}
.nav-wrapper .gnb .nav-list>li:before {vertical-align:middle; content:""; height:1px; display:table-cell; width:1px; margin-right:-1px}
.nav-wrapper .gnb .nav-list>li a:focus,
.nav-wrapper .gnb .nav-list>li a:hover {text-decoration:none;}
.nav-wrapper .gnb .nav-list>li .depth1 {width:100%; display:table-cell; cursor:default; vertical-align:middle; font-size:22px; height:64px; text-align:center; font-family:LG Smart Light,Arial,Helvetica,sans-serif}
.nav-wrapper .gnb .nav-list>li .depth1 .icon-pro {vertical-align:middle; margin:-2px 7px 0 0}
.nav-wrapper .gnb .nav-list.open-nav >li .depth2 {overflow:hidden;}
.nav-wrapper .gnb .nav-list.open-nav >li .depth2 li {float:left; width:25%;}
.nav-wrapper .gnb .nav-list.open-nav >li .depth3 {display:block;}
.nav-wrapper .gnb .nav-list>li .depth1:hover{color:#a50034 !important;}
.nav-wrapper .gnb .nav-list>li.on .depth1 {color:#333 !important; background-color:#d8dadf;}
.nav-wrapper .gnb .nav-list>li.on .depth1 .sub-menu-wrap {color:#333 !important; background-color:#d8dadf;}
.nav-wrapper .gnb .nav-list>li:first-child .depth2:after {content:none}
.nav-wrapper .gnb .nav-list>li:focus .depth1+.depth2,
.nav-wrapper .gnb .nav-list>li:hover .depth1+.depth2 {display:block}
.nav-wrapper .gnb .nav-list.open-nav>li.focus .depth1 {font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif; color:#a50034; text-decoration:none; position:relative; z-index:30}
.nav-wrapper .gnb .nav-list.open-nav>li.focus .depth1 .icon-pro {vertical-align:middle; margin:-2px 6px 0 0}
.nav-wrapper .gnb .nav-list .sub-menu-wrap .inner a {display:none;}
.nav-wrapper .gnb .nav-list.open-nav .depth2 li a {position:relative; display:block; line-height:1.2; padding:5px 20px 4px 0; font-size:18px; color:#555}
.nav-wrapper .gnb .nav-list.open-nav .depth2 li a:after {content:""; display:inline-block; padding-left:18px; width:7px; height:12px; background:url(/bpp/portal/images/basic/gnb-arrow.png) no-repeat right center;}
.nav-wrapper .gnb .nav-list.open-nav a.heading {display:block; color:#333; font-size:22px; font-family:"LG Smart SemiBold",Tahoma,Arial,sans-serif;	margin-bottom:6px; line-height:2rem;}
.nav-wrapper .gnb .nav-list.open-nav .depth2 li a.gray {color:#999;}
.nav-wrapper .gnb .nav-list.open-nav .depth2 li a.gray:focus,
.nav-wrapper .gnb .nav-list.open-nav .depth2 li a.gray:hover {color:#999; text-decoration:none}
.nav-wrapper .gnb .nav-list .depth2 li a img {display:none;}
.nav-wrapper .gnb .nav-list.open-nav>li.on .depth2 li a img {display:inline-block; padding-left:5px;}
.nav-wrapper .gnb .nav-list.open-nav .depth2 li a:focus,
.nav-wrapper .gnb .nav-list.open-nav .depth2 li a:hover {color:#a50034;}
.nav-wrapper .gnb .nav-list.open-nav .depth2 li:last-child .link-wrap {padding-bottom:0; min-height:0}
.nav-wrapper .gnb .nav-list.open-nav .depth2 .depth3 li {float:none; width:100%; display:block;}
.nav-wrapper .gnb .nav-list.open-nav .depth3 li a {color:#777; display:block; vertical-align:middle; font-size:16px; padding-left:15px;}
.nav-wrapper .gnb .nav-list.open-nav .depth3 li a:after {display:none;}

.full-nav .nav-wrapper .sub-menu-wrap {display:none; line-height:0; left:0; position:absolute; top:-100rem; padding:25px 17px;}
.full-nav .nav-wrapper .gnb .nav-list>li.on .sub-menu-wrap {display:block; top:64px; text-align:left; z-index:200; font-size:0; width:100%; box-shadow:0 9px 5px -6px rgba(0,0,0,.25); background-color:#d8dadf; background-image:linear-gradient(to bottom,#d8dadf,#f8f8f8);}
.full-nav .nav-wrapper .gnb .nav-list>li.on .sub-menu-wrap:before {position:absolute; content:""; width:100%; height:100%; top:0; left:-99%; box-shadow:0 9px 5px -6px rgba(0,0,0,.25); background-image:linear-gradient(to bottom,#d8dadf,#f8f8f8);}
.full-nav .nav-wrapper .gnb .nav-list>li.on .sub-menu-wrap:after {position:absolute; content:""; width:100%; height:100%; top:0; right:-99%; box-shadow: 0 9px 5px -6px rgba(0,0,0,.25); background-image: linear-gradient(to bottom,#d8dadf,#f8f8f8);}
.full-nav .nav-wrapper .gnb .nav-list.open-nav>li.on .sub-menu-wrap .inner {max-width:1280px; margin:0 auto; text-align:left; position:relative;}

.search-box {position:absolute; top:20px; right:20px; width:22px; font-size:22px}
.search-box .input-search {display:none; opacity:0; -webkit-transition-property:opacity; transition-property:opacity; -webkit-transition-duration:.4s; transition-duration:.4s; margin-top:12px; position:relative}
.search-box .input-search .search-label {position:absolute; z-index:-1}
.search-box .input-search .search-wrap {position:absolute; top:0; right:75px}
.search-box .input-search .search-wrap .btn {position:absolute; top:0; right:0; height:35px; width:35px; border:0; background:0; color:#b8bfc6; font-size:1rem; cursor:pointer}
.search-box .input-search .search-wrap .text {outline:none; padding:0 35px 0 10px; border:1px solid #b8bfc6; font-size:16px; height:36px; border-radius:7px; width:450px}
.search-box .input-search .close-btn {height:35px; border-left:1px solid #fff; float:right; padding-left:14px}
.search-box .input-search .close-btn .btn {vertical-align:top; font-size:32px}
.search-box a:focus,
.search-box a:hover {text-decoration:none}
.search-box.active-search {display:block; top:0; height:100%; width:100%; background:#333}
.search-box.active-search .search-btn {display:none}
.search-box.active-search .input-search {display:block; -webkit-transition-property:opacity; transition-property:opacity; -webkit-transition-duration:.4s; transition-duration:.4s; opacity:1}

.shadow {box-shadow:1px 0 9px rgba(0,0,0,.5)}

.mobile-bar,
.mobile-cancel,
.mobile-corner,
.mobile-login,
.nav-dim {display:none}

@media (max-width:1024px) {
    .util-list {display:none}

    .wrapper header {overflow:inherit}
    .wrapper header .container {padding:0}
    .wrapper header .container .branding {left:15px}
    .wrapper header .container .nav-wrapper {width:100%; z-index:105}
    .wrapper header .m-nav-dim {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7}

    .mobile-bar {display:block; position:absolute; top:19px; right:50px; z-index:120}
    .mobile-bar+.gnb {-webkit-transition-property:right top; transition-property:right top; -webkit-transition-duration:.3s; transition-duration:.3s; width:100%; height:100%; position:fixed; top:0; right:-100%; z-index:125; padding:0 0 162px 50px}
    .mobile-bar+.gnb .mobile-login {display:block; position:relative; padding:0 37px 0 20px; background:#f1f2f2; border-bottom:1px solid #d4d4d4}
    .mobile-bar+.gnb .mobile-login .customer-info {height:55px; line-height:55px; font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif; font-size:15px}
    .mobile-bar+.gnb .mobile-login .customer-info span {display:inline-block}
    .mobile-bar+.gnb .mobile-login .customer-info span+span {position:relative; margin-left:17px; padding-left:17px}
    .mobile-bar+.gnb .mobile-login .customer-info span+span:after {content:""; display:block; width:1px; height:10px; position:absolute; top:50%; left:0; margin-top:-5px; background:#333}
    .mobile-bar+.gnb .mobile-login .customer-info a {display:block; color:#333}
    .mobile-bar+.gnb .mobile-login .customer-btn {width:37px; height:55px; position:absolute; top:0; right:0; text-align:left; color:#595959}
    .mobile-bar+.gnb .mobile-login .customer-btn i {height:55px; line-height:55px; font-size:17px}
    .mobile-bar+.gnb .web-nav {height:100%; overflow:auto; background:#f1f2f2}
    .mobile-bar+.gnb .web-nav .nav-list {height:auto}
    .mobile-bar+.gnb .web-nav .nav-list>li {width:100%}
    .mobile-bar+.gnb .web-nav .nav-list>li+li {border-top:1px solid #fff}
    .mobile-bar+.gnb .web-nav .nav-list>li:focus .depth1,
    .mobile-bar+.gnb .web-nav .nav-list>li:hover .depth1 {font-family:LG Smart,Arial,Helvetica,sans-serif}
    .mobile-bar+.gnb .web-nav .nav-list>li:last-child {border-bottom:1px solid #fff}
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1 {position:relative; height:55px; line-height:55px; padding:0 20px; text-align:left; color:#333; background:#f1f2f2; font-size:18px}
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1:after {content:""; display:block; width:14px; height:8px; position:absolute; top:50%; right:20px; margin-top:-7px; background:url(/bpp/portal/images/basic/m-vt-arrow-open.png) 100% no-repeat; background-size:14px 8px}     
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1 .depth2 {height:0; max-height:0}
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on {background:#d4d4d4}
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on:after {content:""; display:block; width:14px; height:8px; position:absolute; top:50%; right:20px; margin-top:-7px; background:url(/bpp/portal/images/basic/m-vt-arrow-close.png) 100% no-repeat; background-size:14px 8px}
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on+div {border-top:1px solid #fff}
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on+div .depth2 {height:auto; max-height:inherit; border-bottom:1px solid #fff;}    
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on+div .depth2:last-of-type {border-bottom:none;}
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on+div .depth2>li {background:#e4e4e4; float:none; width:100%;}
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on+div .depth2>li a {display:block; padding:0 20px; height:41px; line-height:41px; color:#333; font-size:16px; margin-bottom:0;}    
   	.mobile-bar+.gnb .web-nav .nav-list>li .depth1+div a.heading {display:none;}    
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on+div a.heading {font-size:18px; color:#333; text-align:left; display:none;	background:#e4e4e4;	margin-bottom:0; padding-left:20px;	height:41px; line-height:41px; border-bottom:1px solid #fff;}    
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on+div a.heading:after {content:""; display:inline-block; padding-left:18px; width:7px; height:12px; background:url(/bpp/portal/images/basic/gnb-arrow.png) no-repeat right center;}
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on+div .depth2>li a.gray {color:#999}
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on+div .depth2>li a br {display:none;}   
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on+div .depth2>li a img {display:inline-block; padding-left:5px;}	
	.mobile-bar+.gnb .web-nav .nav-list>li .depth3 li a {color:#777 !important; font-size:14px !important; height:30px !important; line-height:30px !important;}	
	.mobile-bar+.gnb .web-nav .nav-list>li .depth3 li a:after {display:none;}	

    .nav-wrapper .gnb .nav-list>li .depth2 {text-align:left; overflow:hidden; height:0; width:100%; padding:0; max-height:0; display:block;}    
    .nav-wrapper .gnb .close-btn {display:none;}	
}

@media (max-width:1024px) and (max-width:1024px) {
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on+div .depth2>li a img {vertical-align:middle}
}

@media (max-width:1024px) {
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1.on+div .depth2>li+li {border-top:1px solid #fff}
    .mobile-bar+.gnb .web-nav .nav-list>li .depth1 .icon-pro {display:none}
    .mobile-bar+.gnb .mobile-corner {display:block; width:100%; position:fixed; bottom:0; border-top:1px solid #fff; font-size:15px}
    .mobile-bar+.gnb .mobile-corner .corner-list li {padding:0 20px; background:#333}
    .mobile-bar+.gnb .mobile-corner .corner-list li span {display:inline-block}
    .mobile-bar+.gnb .mobile-corner .corner-list li span+span {position:relative; margin-left:30px; padding-left:30px}
    .mobile-bar+.gnb .mobile-corner .corner-list li span+span:after {content:""; display:block; width:1px; height:16px; margin-top:-8px; position:absolute; top:50%; left:0; background:#fff}
    .mobile-bar+.gnb .mobile-corner .corner-list li+li {border-top:1px solid #666}
    .mobile-bar+.gnb .mobile-corner .corner-list li a {height:52px; line-height:52px; color:#fff}
    .mobile-bar+.gnb .mobile-corner .corner-list li a span {display:inline-block}
    .mobile-bar+.gnb .mobile-corner .corner-list li a span i {font-size:10px; margin-left:5px}
    .mobile-bar+.gnb .mobile-cancel {display:block; position:absolute; top:0; left:0; background:#ddd}
    .mobile-bar+.gnb .mobile-cancel button {width:50px; height:55px}
    .mobile-bar+.gnb .mobile-cancel button i {color:#535353}
    .mobile-bar+.gnb.on {-webkit-transition-property:right top; transition-property:right top; -webkit-transition-duration:.3s; transition-duration:.3s; right:0}
    .mobile-bar+.gnb.on+.search-box {display:none}
    .mobile-bar button {border:0; background:0; width:24px; overflow:hidden; color:#fff; cursor:pointer; font-size:22px}

    .search-box {padding:0 90px 0 0; width:115px; top:19px; right:4px; font-size:22px}
    .search-box+.active-search {padding-left:164px}
    .search-box .input-search {position:relative; margin:0; padding:14px 0; background:#333; z-index:105}
    .search-box .input-search .search-wrap {padding:0 56px 0 15px; position:relative; right:0; z-index:105}
    .search-box .input-search .search-wrap .text {width:100%}
    .search-box .input-search .search-wrap .btn {right:60px}
    .search-box .input-search .close-btn {position:absolute; top:14px; right:0; z-index:110}
    .search-box .input-search .close-btn .icon-close {vertical-align:top; padding-top:2px}
}

@media all and (max-width:767px) {
    .nav-wrapper .mobile-bar {right:27px; top:15px}

    .search-box {padding:0 67px 0 0; width:92px; top:15px}
    .search-box .input-search {padding:10px 0 9px}
    .search-box .input-search .close-btn {top:10px}
}

@media all and (max-device-width:767px) and (orientation:landscape) {
    .nav-wrapper .mobile-bar+.gnb {padding:0 0 0 50px; overflow:auto}
    .nav-wrapper .mobile-bar+.gnb .web-nav {height:auto}
    .nav-wrapper .mobile-bar+.gnb .mobile-corner {position:static}
    .nav-wrapper .mobile-bar+.gnb .nav-list>li:last-child {border-bottom:none}
}

.breadcrumb ol>li .category-list,
.my-lg .container .util-list>li.select-product .category-list {visibility:hidden; position:absolute; left:0; top:38px; left:-16px; width:167px; padding:5px 15px; text-align:left; border:1px solid #d2d2d2; background:#f8f8f8}

.breadcrumb ol>li .category-list li a,
.my-lg .container .util-list>li.select-product .category-list li a {color:#555; padding-right:0}

.breadcrumb ol>li .category-list li a:after,
.my-lg .container .util-list>li.select-product .category-list li a:after {content:none}

.breadcrumb ol>li .category-list li a:focus,
.breadcrumb ol>li .category-list li a:hover,
.my-lg .container .util-list>li.select-product .category-list li a:focus,
.my-lg .container .util-list>li.select-product .category-list li a:hover {color:#a50034}

.wrapper {position:relative; width:100%; padding-top:64px}

header {position:absolute; width:100%; top:0; left:0; z-index:40; background:#333;}
header .container {min-height:64px; position:relative}
header a {color:#fff; text-transform:capitalize}
header .branding {position:absolute; top:11px; left:50px; z-index:100}
header .branding .d {display:block}
header .branding .m {display:none}


@media all and (max-width:767px) {
    .wrapper {padding-top:55px}

    header .container {min-height:55px}
    header .branding .d {display:none}
    header .branding .m {width:80px; display:block}
}

.my-lg {position:relative; z-index:20}
.my-lg:after {position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1; opacity:.9; background:#a50034; content:""}
.my-lg .container {width:100%; height:38px; padding:0 40px; position:relative; color:#fff}
.my-lg .container .util-list {position:absolute; top:0; right:40px}
.my-lg .container .util-list>li {display:inline-block; height:38px; padding:7px 10px 0 13px; position:relative}
.my-lg .container .util-list>li a {color:#fff}
.my-lg .container .util-list>li a span {display:inline-block; vertical-align:middle; margin:-5px 0 0 3px; font-size:14px}
.my-lg .container .util-list>li a:focus,
.my-lg .container .util-list>li a:hover {text-decoration:none}
.my-lg .container .util-list>li a:focus span,
.my-lg .container .util-list>li a:hover span {text-decoration:underline}
.my-lg .container .util-list>li a i {display:inline-block; vertical-align:middle}
.my-lg .container .util-list>li a i img {width:100%; max-width:100%}
.my-lg .container .util-list>li.mymenu {position:relative}
.my-lg .container .util-list>li.mymenu .menus {display:none; position:absolute; top:38px; left:-30px; background:#f8f8f8; width:200px; padding:10px 16px 9px; border:1px solid #d9d9d9; font-size:16px}
.my-lg .container .util-list>li.mymenu .menus .top-menu {background:#fff; color:#333; padding:9px 10px 7px}
.my-lg .container .util-list>li.mymenu .menus .top-menu .user {display:block; color:#333; padding-bottom:5px; border-bottom:1px solid #d9d9d9}
.my-lg .container .util-list>li.mymenu .menus .top-menu .info {margin-top:7px; color:#555}
.my-lg .container .util-list>li.mymenu .menus .top-menu .info li {position:relative; padding-left:11px; margin-top:5px}
.my-lg .container .util-list>li.mymenu .menus .top-menu .info li:first-child {margin-top:0}
.my-lg .container .util-list>li.mymenu .menus .top-menu .info li:before {position:absolute; top:8px; left:1px; content:""; background:#000; display:block; width:2px; height:2px}
.my-lg .container .util-list>li.mymenu .menus .my-list {margin-top:7px}
.my-lg .container .util-list>li.mymenu .menus .my-list li {position:relative; padding:7px 0 5px 1px; border-top:1px solid #d9d9d9}
.my-lg .container .util-list>li.mymenu .menus .my-list li:first-child {border-top:0}
.my-lg .container .util-list>li.mymenu .menus .my-list li a {display:block; color:#555; margin:0}
.my-lg .container .util-list>li.mymenu .menus .my-list li a:focus .icon,
.my-lg .container .util-list>li.mymenu .menus .my-list li a:focus span,
.my-lg .container .util-list>li.mymenu .menus .my-list li a:hover .icon,
.my-lg .container .util-list>li.mymenu .menus .my-list li a:hover span {text-decoration:none; color:#a50034}
.my-lg .container .util-list>li.mymenu .menus .my-list li a .icon {position:absolute; top:10px; right:7px; color:#a50034; font-size:10px}
.my-lg .container .util-list>li.mymenu .logout {margin-left:11px; display:inline-block; position:relative; padding-left:13px}
.my-lg .container .util-list>li.mymenu .logout:before {display:block; position:absolute; background:#d2809a; width:1px; height:16px; content:""; left:0; top:1px}
.my-lg .container .util-list>li.mymenu.on .menus {left:-30px; display:block; visibility:visible}
.my-lg .container .util-list>li.select-product .category-list {left:0; width:100%; min-width:140px}
.my-lg .container .util-list>li.select-product .category-list a {display:inline-block; margin-top:4px}
.my-lg .container .util-list>li.select-product .category-list a:focus,
.my-lg .container .util-list>li.select-product .category-list a:hover {text-decoration:underline}
.my-lg .container .util-list>li.select-product.on .category-list {visibility:visible}
.my-lg .container .util-list>li:first-child {padding-left:0}
.my-lg .container .util-list>li:first-child:before {content:none}

@media all and (max-width:767px) {
    .my-lg .container {padding:0 20px}
    .my-lg .container .util-list {right:18px}
    .my-lg .container .util-list .help,.my-lg .container .util-list .mymenu,.my-lg .container .util-list .select-product {display:none}
}

footer {position:relative; z-index:20}
footer .footer-top {background:#333; color:#fff; height:57px}
footer .footer-top a {color:#fff}
footer .footer-top .country-select {float:left; padding:20px 0 0}
footer .footer-top .country-select .flag {vertical-align:top; margin:-3px 5px 0 10px}
footer .footer-top .country-select .contry {font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif; position:relative}
footer .footer-top .country-select .contry .selected:after {content:'>'; margin-left:3px; display:inline-block}
footer .footer-top .footer-links {position:relative; float:right; padding:14px 1px 0 0}
footer .footer-top .footer-links .social-wrap {display:inline-block; vertical-align:top; margin-top:2px; margin-right:4px}
footer .footer-top .footer-links .social-wrap .social {display:block; width:29px; height:29px; background:url(/bpp/portal/images/basic/sp-social.png) 0 0 no-repeat; overflow:hidden; float:left; margin:0 0 0 8px}
footer .footer-top .footer-links .social-wrap .social:first-child {margin-left:0}
footer .footer-top .footer-links .social-wrap .social.f {background-position:0 0}
footer .footer-top .footer-links .social-wrap .social.t {background-position:-29px 0}
footer .footer-top .footer-links .social-wrap .social.g {background-position:-58px 0}
footer .footer-top .footer-links .social-wrap .social.yt {background-position:0 -29px}
footer .footer-top .footer-links .social-wrap .social.p {background-position:-29px -29px}
footer .footer-top .footer-links .social-wrap .social.i {background-position:-58px -29px}
footer .footer-top .footer-links .social-wrap .social.l {background-position:-87px 0}
footer .footer-top .footer-links .social-wrap .social.b {background-position:-87px -29px}
footer .footer-top .footer-links .social-wrap .connect-tit {display:none}
footer .footer-top .footer-links .family-site {display:inline-block}
footer .footer-top .footer-links .select-wrap {display:inline-block; width:182px}
footer .footer-top .footer-links .btn {vertical-align:top; background:#454545; border:1px solid #707070; color:#fff; cursor:pointer; height:32px; padding:0 14px}
footer .footer-content {background:#e9ecf0}
footer .footer-content .container {display:block; padding:40px; max-width:1280px;}
footer .menu-column .depth1 {display:table; width:100%; table-layout:fixed;}
footer .menu-column .depth1 > li {display:table-cell; padding:0 1%;}
footer .menu-column a {text-decoration:none;}
footer .menu-column .depth1 li a {display:block; font-size:22px; margin-bottom:14px; font-family:"LG Smart SemiBold",Tahoma,Arial,sans-serif; color:#333;}
footer .menu-column .depth2 li a {font-family:"LG Smart",Arial,Helvetica,sans-serif; font-size:18px; line-height:18px;}
footer .footer-content .depth2 a {display:block; text-decoration:none; color:#333; font-size:18px; line-height:18px; margin-bottom:14px;}
footer .footer-content .depth2 a:hover {color:#a50034;}
footer .footer-content .depth2 a.gray {color:#999;}
footer .footer-content .depth2 a img {margin-left:5px;}
footer .footer-content .depth3 li a {color:#666; font-size:16px; margin-bottom:5px;}
footer .footer-content .depth3 a:hover {color:#666;}
footer .footer-content .depth3 li:last-child a {margin-bottom:14px;}
footer .footer-bottom {height:84px; border-top:1px solid #414141; background:#333; color:#fff; padding:20px 0 10px}
footer .footer-bottom .footer-util {overflow:hidden}
footer .footer-bottom .footer-util li {float:left; position:relative; padding-left:7px; margin-right:6px; font-size:16px}
footer .footer-bottom .footer-util li a {color:#fff}
footer .footer-bottom .footer-util li:before {display:block; position:absolute; top:2px; left:0; height:15px; content:""; width:1px; background:#fff}
footer .footer-bottom .footer-util li:first-child {padding-left:0}
footer .footer-bottom .footer-util li:first-child:before {content:none}
footer .footer-bottom p {margin-top:10px; font-size:14px}
.mobile-bulider {display:none;}

@media (max-width:1024px) {
    .desktop-bulider {display:none;}
    .mobile-bulider {display:block;} 
    footer .container {padding:0 20px 10px}
    footer .footer-top {width:100%; height:auto; text-align:center}
    footer .footer-top .country-select {float:none; width:100%; text-align:center}
    footer .footer-top .footer-links {width:100%; float:none}
    footer .footer-content .container {padding:0;}    
    footer .footer-content a {text-decoration:none;}    
    footer .menu-column .depth1 li {display:block; width:100%; padding:0;}
    footer .footer-content .depth1 li a {position:relative; background:#f1f2f2; border-bottom:1px solid #fff; display:block; padding:13px 20px 12px; font-size:18px; color:#333; margin-bottom:0; font-family:"LG Smart",Arial,Helvetica,sans-serif}
    footer .footer-content .depth1 li a:after {content:""; display:block; position:absolute; top:50%; right:20px; width:14px; height:8px; background:url(/bpp/portal/images/basic/m-vt-arrow-open.png) 100% no-repeat; background-size:14px 8px; margin-top:-1px;}
    footer .footer-content .depth1 li.on a:after {-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}   
    footer .footer-content .depth2 {display:none;}  
    footer .footer-content .depth2 li a {font-size:16px; background:#e4e6e6;}   
    footer .footer-content .depth2 li a:after {display:none;}   
    footer .footer-content .depth2 li.have-child a:after {content:""; display:block; position:absolute; top:50%; right:20px; width:14px; height:8px; background:url(/bpp/portal/images/basic/m-vt-arrow-open.png) 100% no-repeat; background-size:14px 8px; margin-top:-1px; -ms-transform:rotate(0); -webkit-transform:rotate(0); transform:rotate(0);}
    footer .footer-content .depth2 li.have-child.on a:after {-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
    footer .footer-content .depth2 li.have-child .depth3 li a:after {display:none;} 
    footer .footer-content .depth3 {display:none;}
    footer .footer-content .depth3 li a {font-size:16px; background:#d9dbdb; padding-left:40px;}    
    footer .footer-content .depth3 li a:after {display:none; content:none;} 
    footer .footer-content .depth3 li:last-child a {margin-bottom:0;}    
    footer .mobile-bulider .footer-content li {position:relative;}
    footer .mobile-bulider .footer-content .depth1 li a:after {display:none;}
    footer .mobile-bulider .footer-content button {display:block; position:absolute; top:21px; right:20px; width:14px; height:8px; margin-top:-1px; background:url(/bpp/portal/images/basic/m-vt-arrow-open.png) 100% no-repeat; background-size:14px 8px; z-index:10; text-indent:-1000em; outline:none;}
    footer .mobile-bulider .footer-content button.minus {-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
}

@media all and (max-width:767px) {
    footer .footer-top {height:auto; position:relative}
    footer .footer-top .country-select {display:none}
    footer .footer-top .country-select .flag {display:none}
    footer .footer-top .country-select .flag+span {font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif}
    footer .footer-top .footer-links {float:none; width:100%; position:static}
    footer .footer-top .footer-links .social-wrap {text-align:center; width:100%; margin-bottom:25px}
    footer .footer-top .footer-links .social-wrap .social {display:inline-block; float:none; vertical-align:middle}
    footer .footer-top .footer-links .social-wrap .connect-tit {display:inline-block; vertical-align:middle; font-size:16px}
    footer .footer-top .footer-links .social-wrap:before {content:""}
    footer .footer-top .footer-links .family-site {width:100%; position:relative; padding-right:0}
    footer .footer-top .footer-links .family-site:before {content:""; width:auto; position:absolute; left:0; right:0; height:1px; background:#707070; display:block; bottom:80px; margin:0 -20px}
    footer .footer-top .footer-links .select-wrap {display:block; width:100%}
    footer .footer-top .footer-links .select-wrap .select-dark {border:0}
    footer .footer-top .footer-links .btn {width:100%; margin-top:5px}
    footer .footer-bottom {height:auto; padding:20px 0 25px}
    footer .footer-bottom .footer-util {text-align:center}
    footer .footer-bottom .footer-util li {display:inline-block; float:none}
    footer .footer-bottom p {text-align:center; padding:0 20px}
}

.breadcrumb {display:inline-block; position:relative; font-size:16px}
.breadcrumb ol>li {float:left; height:38px; line-height:38px; margin-left:16px; color:#fff; position:relative; padding:0 21px 0 0; background:url(/bpp/portal/images/basic/bg-right-arrow.png) 100% 50% no-repeat}
.breadcrumb ol>li a {position:relative; display:block; vertical-align:top; color:#fff; font-size:16px; padding-right:18px; text-transform:capitalize}
.breadcrumb ol>li a:after {position:absolute; top:50%; right:0; margin-top:-3px; border-width:5px; border-style:solid; border-color:#fff transparent transparent; content:""}
.breadcrumb ol>li a.none {padding-right:0}
.breadcrumb ol>li a.none:after {content:none}
.breadcrumb ol>li .icon {display:inline-block; vertical-align:middle; font-size:26px; display:none}
.breadcrumb ol>li .icon.icon-arrow-next {margin-top:4px; font-size:20px}
.breadcrumb ol>li.on .category-list {visibility:visible}
.breadcrumb ol>li:first-child {margin-left:0}
.breadcrumb ol>li:first-child a {padding-right:0}
.breadcrumb ol>li:first-child a:after {content:none}
.breadcrumb ol>li:last-child {background:0}
.breadcrumb .depth3-select {display:none}
.breadcrumb ol>li .category-list li {line-height:1.2;}
.breadcrumb ol>li .category-list li a {margin-top:4px;}

@media (max-width:1024px) {
    .breadcrumb {display:block; width:100%}
    .breadcrumb ol>li {float:none; display:none}    
    .breadcrumb .depth3-select {position:relative; display:block}
    .breadcrumb .depth3-select select {background:0; border:0; outline:none; color:#fff; font-family:LG Smart Light,Arial,Helvetica,sans-serif; font-size:16px; width:100%; padding:0 20px 0 10px; height:36px; -webkit-border-radius:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none}
    .breadcrumb .depth3-select:after {position:absolute; right:18px; top:14px; border:0; 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; content:"\f184"}
    .breadcrumb .depth3-select select::-ms-expand {display:none}    
    .breadcrumb .depth3-select select option {color:#000;}
}

#content {position:relative; z-index:10}

.layer-area {width:80%; height:auto; position:absolute; top:50%; left:50%; margin-left:-40%; background:#fff; padding:40px 30px; border-radius:5px}
.layer-area1 {width:80%; overflow-y:auto; position:fixed; top:50%; left:50%; background:#fff; padding:40px 30px; border-radius:5px; transform:translate(0%,-50%);z-index:0}
.layer-area2 {width:80%; overflow-y:auto; position:absolute; top:55%; left:50%; background:#fff; padding:40px 30px; border-radius:5px; transform:translate(0%,-50%);}
.layer-area h4 {margin-bottom:30px; font-family:LG Smart Light,Arial,Helvetica,sans-serif; font-size:40px}
.layer-area3 {width:80%;height:90%; overflow-y:auto; position:fixed; top:50%; left:50%; background:#fff; padding:40px 30px; border-radius:5px; transform:translate(0%,-50%);}

.popup-layer {position:absolute; top:0; left:0; width:100%; height:100%; z-index:400}
.popup-layer .txt-basic {font-size:.9rem; color:#555; margin-bottom:20px}
.popup-layer.alert-popup .layer-area {width:520px; margin-left:-260px}
.popup-layer .layer-area .course-close {position:absolute; float:none; top:15px; right:15px; height:25px; width:25px; cursor:pointer; color:#6c6c6c; text-decoration:none}
.popup-layer .layer-area .course-close .icon-close {font-size:24px}
.popup-layer .layer-area .popup-tit {font-size:2rem; font-family:LG Smart Light,Arial,Helvetica,sans-serif; margin-bottom:20px; color:#333}
.popup-layer .layer-area .train_txt {padding:20px; font-size:18px; color:#333; background:#f4f4f4}
.popup-layer .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70)}
.popup-win {padding:20px}
.popup-win .popup-tit {font-size:2rem; font-family:LG Smart Light,Arial,Helvetica,sans-serif; margin-bottom:40px; color:#333}
.popup-win .course-close {position:absolute; float:none; top:15px; right:15px; height:25px; width:25px; cursor:pointer; color:#6c6c6c; text-decoration:none}
.popup-win .course-close .icon-close {font-size:24px}

@media all and (max-width:767px) {
    .popup-layer.alert-popup .layer-area {width:100%; margin-left:0; left:0}
}

.layer-area-lsvp {width:42%; height:auto; position:absolute; top:6%; left:50%; margin-left:-16%; background:#fff; padding:40px 30px; border-radius:5px}
.layer-area-lsvp h4 {margin-bottom:30px; font-family:LG Smart Light,Arial,Helvetica,sans-serif; font-size:40px}

.popup-layer-lsvp {position:absolute; top:0; left:0; width:100%; height:100%; z-index:400}
.popup-layer-lsvp .txt-basic {font-size:.9rem; color:#555; margin-bottom:20px}
.popup-layer-lsvp.alert-popup .layer-area-lsvp {width:520px; margin-left:-260px}
.popup-layer-lsvp .layer-area-lsvp .course-close {position:absolute; float:none; top:15px; right:15px; height:25px; width:25px; cursor:pointer; color:#6c6c6c; text-decoration:none}
.popup-layer-lsvp .layer-area-lsvp .course-close .icon-close {font-size:24px}
.popup-layer-lsvp .layer-area-lsvp .popup-tit {font-size:2rem; font-family:LG Smart Light,Arial,Helvetica,sans-serif; margin-bottom:20px; color:#333}
.popup-layer-lsvp .layer-area-lsvp .train_txt {padding:20px; font-size:18px; color:#333; background:#f4f4f4}
.popup-layer-lsvp .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70)}
.popup-win-lsvp {padding:20px}
.popup-win-lsvp .popup-tit {font-size:2rem; font-family:LG Smart Light,Arial,Helvetica,sans-serif; margin-bottom:40px; color:#333}
.popup-win-lsvp .course-close {position:absolute; float:none; top:15px; right:15px; height:25px; width:25px; cursor:pointer; color:#6c6c6c; text-decoration:none}
.popup-win-lsvp .course-close .icon-close {font-size:24px}

@media all and (max-width:767px) {
    .popup-layer-lsvp.alert-popup .layer-area-lsvp {width:100%; margin-left:0; left:0}
}


.spec-in {position:fixed; z-index:400}
.spec-in .layer-area .course-close {position:absolute; float:none; top:15px; right:15px; height:25px; width:25px; cursor:pointer; color:#6c6c6c; text-decoration:none}
.spec-in .layer-area .course-close .icon-close {font-size:24px}
.spec-in .layer-area .search-btn {background:#a50034; position:absolute; top:0; right:0; min-width:116px; padding:7px 10px}
.spec-in .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70)}
.spec-in .search {display:block; padding:30px 50px; border:2px solid #000; margin-bottom:40px}
.spec-in .search .price {position:relative}
.spec-in .search .price .input-box {display:block; padding:0 152px 0 117px}
.spec-in .search .price .input-box .price-label {position:absolute; top:0; left:0; height:35px; line-height:35px}
.spec-in .search .price .input-box input {height:35px; line-height:35px; width:100%}
.spec-in .search .price .input-box>div {width:48%; padding-right:3%; float:left}
.spec-in .search .price .input-box>div+div {width:52%; padding:0}
.spec-in .tbl-style table .radio label {width:20px; height:20px; padding:0}
.spec-in .tbl-style table td {font-family:LG Smart Light,Arial,Helvetica,sans-serif}
.spec-in .pagination {margin-top:19px}

@media all and (max-width:767px) {
    .spec-in .layer-area .search-btn {min-width:0; position:static; margin:10px 0 0; width:100%}
    .spec-in .search {padding:20px}
    .spec-in .search .price .input-box {padding:0}
}

.popup-pdb-search .popup-tit {margin-bottom:30px}
.popup-pdb-search .popup-info-area {font-family:LG Smart Light,Arial,Helvetica,sans-serif; font-size:18px}
.popup-pdb-search .popup-info-area .info-title {color:#333; font-family:LG Smart,Arial,Helvetica,sans-serif; margin-bottom:20px}
.popup-pdb-search .popup-info-area .ex-box {padding:30px 10px; background:#f4f4f4; text-align:center}
.popup-pdb-search .popup-info-area .ex-box .ex-txt {display:inline-block; padding-bottom:35px}
.popup-pdb-search .popup-info-area .ex-box .ex-txt>em {position:relative; display:inline-block; border-bottom:1px solid #a50034}
.popup-pdb-search .popup-info-area .ex-box .ex-txt>em i {display:block; width:26px; height:26px; line-height:26px; position:absolute; bottom:-35px; left:50%; margin-left:-13px; font-style:normal; text-align:center; color:#fff; font-family:LG Smart,Arial,Helvetica,sans-serif; background:#a50034; border-radius:50%}
.popup-pdb-search .popup-info-area .info-list {margin:30px 0 40px; color:#555}
.popup-pdb-search .popup-info-area .info-list em {color:#a50034}
.popup-pdb-search .popup-info-area .info-list>li.long {position:relative}
.popup-pdb-search .popup-info-area .info-list>li.long span {display:block; position:absolute; top:0; left:0; width:120px}
.popup-pdb-search .popup-info-area .info-list>li.long span+span {position:static; width:100%; padding-left:125px}
.popup-pdb-search .popup-info-area .info-list>li+li {margin-top:16px}

@media all and (max-width:767px) {
    .popup-pdb-search .popup-info-area .ex-box .ex-txt>em {margin-bottom:40px}
}

.login .layer-area .train_txt {font-family:LG Smart,Arial,Helvetica,sans-serif; color:#333}
.login .layer-area .train_txt .txt-light {font-family:LG Smart Light,Arial,Helvetica,sans-serif}
.login .layer-area .input-area {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #bebebe}
.login .layer-area .input-area label {display:inline-block; width:34%; color:#333; font-family:LG Smart,Arial,Helvetica,sans-serif}
.login .layer-area .input-area input {display:inline-block; width:65%}
.login .layer-area .input-area input+.txt-error {display:block; padding-left:35%}
.login .layer-area .btn-set {margin-top:20px}
.login .layer-area .btn-set .btn {height:auto; line-height:inherit}
.login .layer-area .btn-set .btn+.btn {margin-right:0}
.login .layer-area .btn-set.text .info-txt {display:inline-block; vertical-align:middle; width:65%; text-align:left; font-size:18px; color:#333; font-family:LG Smart,Arial,Helvetica,sans-serif}
.login .layer-area .btn-set.text .info-txt a {padding-left:14px; text-decoration:underline}
.login .layer-area .btn-set.text .btn-box {display:inline-block; vertical-align:middle; width:34%}
.login.popup-layer {height:auto; width:90%; margin:0 5%; top:8%!important}

@media all and (max-width:767px) {
    .tutorial-video .list-align-right {vertical-align:middle}
}

.login .layer-area-lsvp .train_txt {font-family:LG Smart,Arial,Helvetica,sans-serif; color:#333}
.login .layer-area-lsvp .train_txt .txt-light {font-family:LG Smart Light,Arial,Helvetica,sans-serif}
.login .layer-area-lsvp .input-area {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #bebebe}
.login .layer-area-lsvp .input-area label {display:inline-block; width:34%; color:#333; font-family:LG Smart,Arial,Helvetica,sans-serif}
.login .layer-area-lsvp .input-area input {display:inline-block; width:65%}
.login .layer-area-lsvp .input-area input+.txt-error {display:block; padding-left:35%}
.login .layer-area-lsvp .btn-set {margin-top:20px}
.login .layer-area-lsvp .btn-set .btn {height:auto; line-height:inherit}
.login .layer-area-lsvp .btn-set .btn+.btn {margin-right:0}
.login .layer-area-lsvp .btn-set.text .info-txt {display:inline-block; vertical-align:middle; width:65%; text-align:left; font-size:18px; color:#333; font-family:LG Smart,Arial,Helvetica,sans-serif}
.login .layer-area-lsvp .btn-set.text .info-txt a {padding-left:14px; text-decoration:underline}


.pagination {position:relative; width:100%; margin-top:10px; font-size:16px}
.pagination ul {width:100%; text-align:center}
.pagination ul li {display:inline-block; vertical-align:middle; margin:0 3px}
.pagination ul li span a {margin-top:3px}
/*.pagination ul li.Lbegin {margin:0}*/
.pagination ul li.Lbegin span,
.pagination ul li.Lend span,
.pagination ul li.Lnext span,
.pagination ul li.Lprevious span {display:inline-block; width:26px; height:26px; background:url(/bpp/portal/images/basic/page-start.gif) 0 0 no-repeat; overflow:hidden; vertical-align:middle}
.pagination ul li.Lbegin span a,
.pagination ul li.Lend span a,
.pagination ul li.Lnext span a,
.pagination ul li.Lprevious span a {position:relative; width:26px; height:26px; display:inline-block; text-indent:100px}
/*.pagination ul li.Lprevious {margin:0}*/
.pagination ul li.Lprevious span {background:url(/bpp/portal/images/basic/page-prev.gif) 0 0 no-repeat}
/*.pagination ul li.Lnext {margin:0}*/
.pagination ul li.Lnext span {background:url(/bpp/portal/images/basic/page-next.gif) 0 0 no-repeat}
/*.pagination ul li.Lend {margin:0}*/
.pagination ul li.Lend span {background:url(/bpp/portal/images/basic/page-end.gif) 0 0 no-repeat}

@media all and (max-width:767px) {
    .pagination ul li.Lbegin {display:none}
    .pagination ul li.Lend {display:none}
}

.container {width:100%; max-width:1280px; padding:0 40px; margin:0 auto;}
.container.carousel-wrap {max-width:1920px; padding:0}

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

.builder-main-img img {width:100%; vertical-align:top;}

.mobile-content {display:none}

.link-wrap a img {vertical-align:middle; margin-top:-1px}
.link-wrap a:focus,.link-wrap a:hover {text-decoration:none!important}
.link-wrap a:focus span,
.link-wrap a:hover span {text-decoration:underline}

.top-banner-wrap {width:100%; background:#666; color:#fff; position:relative; z-index:50; display:none}
.top-banner-wrap .top-banner {padding:14px 0 13px}    
.top-banner-wrap .top-banner .title {font-size:26px; margin:2px 0 4px}
.top-banner-wrap .top-banner .title.mobile-title {display:none}
.top-banner-wrap .top-banner .title+p {margin-bottom:6px; padding-right:140px}
.top-banner-wrap .top-banner .more {color:#fff}
.top-banner-wrap .top-banner .more:focus,
.top-banner-wrap .top-banner .more:hover {text-decoration:none}
.top-banner-wrap .top-banner .more:focus span,
.top-banner-wrap .top-banner .more:hover span {text-decoration:underline}
.top-banner-wrap .top-banner .more:before {content:'+'; margin-right:3px}
.top-banner-wrap+.top-banner-wrap {border-top:1px solid #787878}
.top-banner-wrap .close-wrap {position:absolute; right:20px; top:14px}
.top-banner-wrap .close-wrap input {vertical-align:middle}
.top-banner-wrap .close-wrap label {display:inline-block; vertical-align:middle; font-size:14px; margin-left:7px; color:#fff}
.top-banner-wrap .close-wrap a.close {display:inline-block; margin-left:10px; color:#fff; font-size:23px}
.top-banner-wrap .close-wrap a.close:focus,
.top-banner-wrap .close-wrap a.close:hover {text-decoration:none}
.top-banner-wrap .title-wrap+.close-wrap {top:25px}

@media (max-width:1024px) {
    .top-banner-wrap .top-banner {padding-right:20%}
    .top-banner-wrap .top-banner .title+p {padding-right:20px}
}

.hide {display:none!important}

@media all and (max-width:767px) {
    .desktop-content {display:none}
    .mobile-content {display:block}
    .mobile-none {display:none !important;}
    
    .top-banner-wrap .top-banner {padding:15px 78px 5px 15px}
    .top-banner-wrap .top-banner>p {font-size:14px}
    .top-banner-wrap .top-banner>p .more span {text-decoration:underline}
    .top-banner-wrap .top-banner.title-wrap {position:relative; padding:10px 78px 10px 15px}
    .top-banner-wrap .top-banner.title-wrap .title {margin:0; padding-right:30px; max-height:48px; overflow:hidden; font-size:20px; display:none}
    .top-banner-wrap .top-banner.title-wrap .title.mobile-title {display:block}
    .top-banner-wrap .top-banner.title-wrap .title.mobile-title a {color:#fff}
    .top-banner-wrap .top-banner.title-wrap p {display:none}
    .top-banner-wrap .top-banner.title-wrap+.close-wrap {top:50%; margin-top:-14px}
    .top-banner-wrap .top-banner.title-wrap+p {padding-right:30px}
    .top-banner-wrap .close-wrap {position:static; margin-right:10px; padding-bottom:15px; display:block; text-align:right}
}

.top-cookie-wrap {width:100%; background:#666; color:#fff; position:relative; z-index:50; }
.top-cookie-wrap .top-banner {padding:14px 0px 13px 2%}    
.top-cookie-wrap .top-banner .title {font-size:26px; margin:2px 0 4px}
.top-cookie-wrap .top-banner .title.mobile-title {display:none}
.top-cookie-wrap .top-banner .title+p {margin-bottom:6px; padding-right:140px}
.top-cookie-wrap .top-banner .more {color:#a50034 !important}
.top-cookie-wrap .top-banner .more:focus,
.top-cookie-wrap .top-banner .more:hover {text-decoration:none}
.top-cookie-wrap .top-banner .more:focus span,
.top-cookie-wrap .top-banner .more:hover span {text-decoration:underline}
.top-cookie-wrap .top-banner .more:before {margin-right:3px}
.top-cookie-wrap+.top-cookie-wrap {border-top:1px solid #787878}
.top-cookie-wrap .close-wrap {position:absolute; right:20px; top:14px}
.top-cookie-wrap .close-wrap input {vertical-align:middle}
.top-cookie-wrap .close-wrap label {display:inline-block; vertical-align:middle; font-size:14px; margin-left:7px; color:#fff}
.top-cookie-wrap .close-wrap a.close {display:inline-block; margin-left:10px; color:#fff; font-size:23px}
.top-cookie-wrap .close-wrap a.close:focus,
.top-cookie-wrap .close-wrap a.close:hover {text-decoration:none}
.top-cookie-wrap .title-wrap+.close-wrap {top:25px}
.top-cookie-wrap .top-banner .btn-wrap {margin:15px 0 5px;text-align:right;}
.top-cookie-wrap .top-banner .btn-wrap.type2 {margin:0 0 -15px;}
.top-cookie-wrap .top-banner .btn-wrap button {margin-left:5px;}


@media (max-width:1024px) {
    .top-cookie-wrap .top-banner {padding-right:2%}
    .top-cookie-wrap .top-banner .title+p {padding-right:20px}
}

.hide {display:none!important}

@media all and (max-width:767px) {
    .desktop-content {display:none}
    .mobile-content {display:block}
    
    .top-cookie-wrap .top-banner {padding:15px 78px 5px 15px}
    .top-cookie-wrap .top-banner>p {font-size:14px}
    .top-cookie-wrap .top-banner>p .more span {text-decoration:underline}
    .top-cookie-wrap .top-banner.title-wrap {position:relative; padding:10px 78px 10px 15px}
    .top-cookie-wrap .top-banner.title-wrap .title {margin:0; padding-right:30px; max-height:48px; overflow:hidden; font-size:20px; display:none}
    .top-cookie-wrap .top-banner.title-wrap .title.mobile-title {display:block}
    .top-cookie-wrap .top-banner.title-wrap .title.mobile-title a {color:#fff}
    .top-cookie-wrap .top-banner.title-wrap p {display:none}
    .top-cookie-wrap .top-banner.title-wrap+.close-wrap {top:50%; margin-top:-14px}
    .top-cookie-wrap .top-banner.title-wrap+p {padding-right:30px}
    .top-cookie-wrap .close-wrap {position:static; margin-right:10px; padding-bottom:15px; display:block; text-align:right}
}

.btn-cookie-set {text-align:right; margin-top:15px}
.btn-cookie-set.left {text-align:left}
.btn-cookie-set.sm {margin-top:10px}
.btn-cookie-set.sm .btn {padding:5px 20px; min-width:110px; margin:0 2px}
.btn-cookie-set.sm2 .btn {padding:2px 10px; min-width:80px; margin:0 2px}
.btn-cookie-set .btn {min-width:160px}
.btn-cookie-set .btn.btn-black {background:#000}
#.btn-cookie-set .btn.btn-red {background:#a50034;top:0; right:0; color:#fff;background:#a50034; min-width:140px; padding:6px 20px}
.btn-cookie-set .btn.btn-red {display:flex; align-items:center; justify-content:center; min-width:160px; padding:6px 20px; font-size:15px; color:#fff; background:#a50034;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}
.btn-cookie-set .btn.btn-gray {background:#606060}
.btn-cookie-set:after {content:""; display:block; clear:both}

@media all and (max-width:767px) {
    .btn-cookie-set.sm .btn {min-width:auto}
    .btn-cookie-set.sm .btn+.btn {width:49%!important}
    .btn-cookie-set {text-align:center}
    .btn-cookie-set .btn {display:inline-block; min-width:auto!important; width:49%; margin:0;}
    .btn-cookie-set .btn:last-child {width:100%; margin:0}
    .btn-cookie-set .btn+.btn {width:49%}
    .btn-cookie-set .btn+.btn+.btn {clear:both; width:100%; margin:10px 0 0}
}

.go-prev,
.go-top {text-decoration:none; width:50px; height:50px; position:fixed; right:0; bottom:0; z-index:9999999; text-align:center; vertical-align:middle; line-height:57px; font-size:18px; cursor:pointer!important}

.go-prev span,
.go-top span {position:absolute; left:-999em}

.go-prev .icon,
.go-top .icon {color:#000; position:relative}

.go-prev:focus, 
.go-prev:hover,
.go-top:focus,
.go-top:hover {text-decoration:none}

.go-prev:before,
.go-top:before {display:block; content:""; background:#e9ebf0; border:1px solid #505358; width:100%; height:100%; position:absolute; left:0; top:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(Opacity=50); opacity:.5}

.go-prev {display:none; right:auto; left:0}
.go-prev .icon {left:-3px; top:-3px}

@media (max-width:1024px) {
    .go-prev {display:block}
}

.quick-nav {display:none}

.btn-set .btn,
.popup-sch .btn-red,
.reply-wrap .btn_registration .btn_gray
.reply-wrap .btn_registration .btn_red {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}


.bg-list .list-style:after,
.contact-list-wrap .contact-list:after,
.ico-video:after,
.info-box:after,
.mob-list-style.mob-list-style2>li>ul li .bar:after,
.reply-wrap .title-box:after,
.search-option-area .date-option:after,
.search-option-area .datepicker-wrap span:after,
.search-option-area .sorting-box:after,
.search-option-area>div:after,
.slick-dots:after {content:"\0020"; display:block; height:0; clear:both; overflow:hidden; visibility:hidden}

.total-qty td {font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif}

.bg-list {width:100%; background:#f4f4f4; padding-bottom:80px}
.bg-list .list-style .list-wrap {vertical-align:top; width:31.33%; float:left; background:#fff; margin:30px 1% 0}
.bg-list .list-style .list-wrap .list-link {display:block; color:#333; position:relative; padding:30px 40px}
.bg-list .list-style .list-wrap .list-link .ico-list-new {width:62px; height:26px; display:block; background:url(/bpp/portal/images/basic/ico-list-new.gif) 0 0 no-repeat; position:absolute; top:-13px; left:40px; color:#fff; font-size:14px; padding-top:4px; padding-left:9px}
.bg-list .list-style .list-wrap .list-link ul {margin:20px 0 0; height:76px}
.bg-list .list-style .list-wrap .list-link ul li {font-size:0;}
.bg-list .list-style .list-wrap .list-link ul li strong {width:50%; font-size:16px; display:inline-block}
.bg-list .list-style .list-wrap .list-link ul li span {font-family:LG Smart Light,Arial,Helvetica,sans-serif; width:50%; color:#555; display:inline-block; vertical-align:top; white-space:nowrap; overflow:hidden; word-break:break-all; text-overflow:ellipsis; font-size:16px}
.bg-list .list-style .list-wrap .list-link ul li span .date {font-size:14px}
.bg-list .list-style .list-wrap .list-link .list-txt {font-size:18px; color:#555}
.bg-list .list-style .list-wrap .list-link .list-subject {font-size:24px; margin-bottom:19px; height:56px; overflow:hidden}
.bg-list .list-style .list-wrap .list-link .list-subject .type {font-size:20px; display:block}
.bg-list .list-style .list-wrap .list-link .list-img {position:relative; padding-top:55%}
.bg-list .list-style .list-wrap .list-link .list-img img {width:100%; height:100%; position:absolute; top:0; left:0}
.bg-list .list-style .list-wrap .list-link .list-img .icon-movie-play {position:absolute; top:50%; left:0; margin-top:-1.25rem; width:100%; text-align:center; font-size:2.5rem; color:rgba(0,0,0,.6)}

@media (max-width:1024px) {
    .bg-list .list-style .list-wrap {width:48%}
    .bg-list .list-style .list-wrap .list-link {padding:30px 20px}
    .bg-list .list-style .list-wrap .list-link .ico-list-new {left:20px}
}

@media all and (max-width:767px) {
    .bg-list .list-style {overflow:hidden}
    .bg-list .list-style .list-wrap {width:100%}
    .bg-list .list-style .list-wrap .list-link {padding:30px 20px}
    .bg-list .list-style .list-wrap .list-link .ico-list-new {left:20px}
}

.tbl-style {position:relative}
.tbl-style.view thead th {font-size:20px; text-align:left; padding:15px 20px}
.tbl-style.view tbody td {text-align:left; padding:15px 0; font-family:LG Smart Light,Arial,Helvetica,sans-serif}
.tbl-style.view tbody td .info {padding-left:20px}
.tbl-style.view tbody td .info li {display:inline-block; position:relative; padding:0 12px 0 15px}
.tbl-style.view tbody td .info li span.date-format {font-size:14px}
.tbl-style.view tbody td .info li:first-child {padding-left:0}
.tbl-style.view tbody td .info li:first-child:after {display:none}
.tbl-style.view tbody td .info li:after {content:""; height:15px; display:inline-block; border-left:1px solid #555; position:absolute; top:3px; left:0}
.tbl-style.view tbody td .content {padding:30px 20px}
.tbl-style .total-count {margin-bottom:10px; font-size:18px; color:#555; display:block}
.tbl-style caption {display:none}
.tbl-style table {width:100%; border-top:2px solid #a50034}
.tbl-style table thead th {text-align:center; background:#f4f4f4; border-bottom:1px solid #bebebe; font-size:16px; padding:15px 5px; word-break:break-word}
.tbl-style table thead th,.tbl-style table thead th a {color:#333; font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif}
.tbl-style table thead th img {position:relative; top:2px; vertical-align:top}
.tbl-style table tbody td {text-align:center; border-bottom:1px solid #bebebe; font-size:16px; color:#555; padding:15px 4px; word-break:break-word}
.tbl-style table tbody td .new-area {position:relative;}
.tbl-style table tbody td a {color:#555}
.tbl-style table tbody td.left {text-align:left; padding-left:20px}
.tbl-style table tbody td.left a:focus,.tbl-style table tbody td.left a:hover {color:#000}
.tbl-style table tbody td.category {font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif}
.tbl-style table tbody td.category.lats-cad {color:#e05200}
.tbl-style table tbody td.category.v-net {color:#2f8134}
.tbl-style table tbody td.category.lats {color:#f28302}
.tbl-style table tbody td.category.lgmv {color:#0e69c6}
.tbl-style table tbody td.category.mp {color:#72266a}
.tbl-style table tbody td .btn-cancel {font-size:14px; color:#fff; font-family:LG Smart,Arial,Helvetica,sans-serif; padding:5px 12px; background:gray; border-radius:2px; border:0; display:inline-block; margin-left:7px; cursor:pointer}
.tbl-style table tbody .mark {font-size:.7rem; color:#fff; background:#a50034; padding:3px 7px 5px; display:inline-block; margin-left:5px}
.tbl-style .table-btn {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; min-width:0; width:100%; max-width:100%; color:#333}
.tbl-style .table-btn:focus,
.tbl-style .table-btn:hover {text-decoration:none}
.tbl-style .table-btn.disabled {color:#fff; cursor:default}

.tbl-style-vertical caption {display:none}
.tbl-style-vertical table {width:100%;}
.tbl-style-vertical table tbody th {text-align:left; background:#f4f4f4; border-bottom:1px solid #bebebe; font-size:18px; color:#333; padding:15px 5px 15px 40px}
.tbl-style-vertical table tbody td {text-align:left; border-bottom:1px solid #bebebe; font-size:18px; color:#555; padding:15px 5px 15px 40px}
.tbl-style-vertical table tbody tr:first-child th,
.tbl-style-vertical table tbody tr:first-child td {border-top:1px solid #909090;}
.tbl-style-vertical table tbody td a {color:#555}
.tbl-style-vertical table tbody td.left {text-align:left; padding-left:20px}
.tbl-style-vertical table tbody td.left a:focus,
.tbl-style-vertical table tbody td.left a:hover {color:#000}

@media (max-width:1024px) {
    .tbl-style table thead th {font-size:16px}
    .tbl-style table tbody td {font-size:14px}
}

@media all and (max-width:767px) {
    .tbl-style.view tbody td .info {padding:0 20px}
    .tbl-style.view tbody td .info li {display:block; width:100%; padding:0; margin:0}
    .tbl-style.view tbody td .info li:after {display:none}

    .tbl-style-vertical table tbody th,
    .tbl-style-vertical table tbody td {padding:15px 20px; font-size:15px}
}

.view {position:relative}
.view:after {content:""; clear:both}
.view .view-content .view-title {margin-bottom:40px}
.view .view-content .view-title dt {font-size:24px; color:#333; margin-bottom:20px}
.view .view-content .view-title dd {font-size:18px; color:#555}
.view .view-content .view-subject {font-size:36px; font-family:LG Smart Light,Arial,Helvetica,sans-serif; padding-top:14px; margin-bottom:40px; background:url(/bpp/portal/images/basic/bar-subtit.gif) 0 0 no-repeat}
.view .view-content .view-info-box {position:relative}
.view .view-content .view-info-box .view-info {font-size:20px; margin-bottom:40px}
.view .view-content .view-info-box .view-info li {padding:0 20px; display:inline-block; background:url(/bpp/portal/images/basic/bg-bar.gif) 0 50% no-repeat}
.view .view-content .view-info-box .view-info li:first-child {padding-left:0; background:none}
.view .view-content .view-info-box .view-info li .date {font-size:16px}
.view .view-content .view-txt {margin-bottom:30px}
.view .view-content .view-txt .list-style-dot {margin-left:-4px}
.view .view-content .view-txt .list-style-dot li {margin:0}
.view .view-content .view-txt li {margin-top:15px; color:#555; font-size:18px}
.view .view-content .view-txt li:first-child {margin-top:0}
.view .view-content .view-txt li strong {width:30%; display:inline-block; font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif}
.view .view-content .view-txt li span {font-family:LG Smart Light,Arial,Helvetica,sans-serif; width:69%; display:inline-block; vertical-align:top}
.view .view-content .view-img-wrap {position:relative}
.view .view-content .view-img-wrap .view-img {padding:40px 0; background:#f4f4f4; text-align:center; overflow:hidden; position:relative; margin-bottom:30px}
.view .view-content .view-img-wrap .view-img .slick-slide {float:left; margin:0 100px}
.view .view-content .view-img-wrap .view-img .slick-slide.video-wrap {position:relative; width:100%}
.view .view-content .view-img-wrap .view-img .slick-arrow {position:absolute; top:50%; z-index:10; cursor:pointer; background:0; border:0; width:50px; height:50px; margin-top:-25px; text-indent:-999em}
.view .view-content .view-img-wrap .view-img .slick-arrow:after {position:absolute; top:10px; left:10px; content:""; width:1.5rem; height:1.5rem; border:2px solid gray; display:block; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.view .view-content .view-img-wrap .view-img .slick-arrow.slick-prev {left:40px}
.view .view-content .view-img-wrap .view-img .slick-arrow.slick-prev:after {border-color:transparent transparent gray gray}
.view .view-content .view-img-wrap .view-img .slick-arrow.slick-next {right:40px}
.view .view-content .view-img-wrap .view-img .slick-arrow.slick-next:after {border-color:gray gray transparent transparent}
.view .view-content .view-img-wrap .view-img img {width:100%; height:auto; max-width:620px}
.view .view-content .view-img-wrap .view-img .view-img-txt {font-size:18px; color:#555; text-align:left; margin-top:20px; padding-right:80px}
.view .view-content .view-img-wrap .view-img .video {width:100%; max-width:620px; position:relative; margin:0 auto}
.view .view-content .view-img-wrap .view-img .video .inner {width:100%; padding-bottom:55%}
.view .view-content .view-img-wrap .view-img .video .inner iframe {position:absolute; top:0; left:0; width:100%; height:100%}
.view .view-content .bc {position:relative; max-width:640px; height:auto; margin:0 auto; width:100%}
.view .view-content .bc .open-video:after {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; content:"\f17d"; color:hsla(0,0%,100%,.6); position:absolute; top:50%; left:50%; font-size:50px; margin:-25px 0 0 -25px}
.view .view-content .bc .open-video:after,
.view .view-content .bc .open-video:hover {text-decoration:none}
.view .view-content .bc .video {display:none; position:relative; width:100%; padding-bottom:54%}
.view .view-content .bc .video .inner {position:absolute; top:0; left:0; width:100%; height:100%}
.view .view-content .bc .video .close {position:absolute; top:0; right:-40px; font-size:20px; color:#333}
.view .view-content .curreut-page {margin-top:-40px; text-align:center; background:#fff; font-size:18px; color:#555; padding:5px 20px; display:inline-block; position:absolute; bottom:30px; right:200px}
.view .view-content .add-file {padding:30px 40px; border:3px solid #eee}
.view .view-content .add-file li {margin-top:14px; min-height:36px; position:relative}
.view .view-content .add-file li:first-child {margin-top:0}
.view .view-content .add-file li .download-btn {font-family:LG Smart Light,Arial,Helvetica,sans-serif; color:#333; font-size:.9rem; text-decoration:none}
.view .view-content .add-file li .download-btn:focus,
.view .view-content .add-file li .download-btn:hover {text-decoration:underline}
.view .view-content .share {margin-top:30px; padding-top:30px; border-top:1px solid #909090}
.view .view-content .share:after {content:""; display:block; clear:both}
.view .view-content .share .social-wrap {float:left; display:inline-block; vertical-align:middle}
.view .view-content .share .social-wrap .social {display:inline-block; vertical-align:top; width:29px; height:29px; background:url(/bpp/portal/images/basic/sp-social.png) 0 0 no-repeat; overflow:hidden}
.view .view-content .share .social-wrap .social.f {background-position:0 0}
.view .view-content .share .social-wrap .social.t {background-position:-29px 0}
.view .view-content .share .social-wrap .social.g {background-position:-58px 0}
.view .view-content .share .social-wrap .social.yt {background-position:0 -29px}
.view .view-content .share .social-wrap .social.p {background-position:-29px -29px}
.view .view-content .share .social-wrap .social.i {background-position:-58px -29px}
.view .view-content .share .social-wrap .social.l {background-position:-87px 0}
.view .view-content .share .social-wrap .social.b {background-position:-88px -31px; border:1px solid #999}
.view .view-content .share .btn-print {float:right; padding-left:30px; background:url(/bpp/portal/images/basic/ico-print.gif) 0 7px no-repeat; border:0; font-size:18px; text-decoration:underline; padding-top:3px; font-family:LG Smart,Arial,Helvetica,sans-serif; min-height:30px}
.view .view-list-bg {width:25%; background:#f4f4f4; display:inline-block; vertical-align:top; top:0; bottom:0; overflow:hidden}
.view .view-list-bg .view-list-wrap {position:relative; margin:0 40px}
.view .view-list-bg .view-list-wrap .view-list {height:900px; margin:100px 0; overflow:hidden}
.view .view-list-bg .view-list-wrap .view-list .slick-slide {margin-bottom:30px}
.view .view-list-bg .view-list-wrap .view-list .slick-arrow {position:absolute; z-index:10; cursor:pointer; background:0; text-indent:-999em; left:0; width:100%; height:40px; border:1px solid #b3b3b3; content:""; display:block; background:#f0f0f0}
.view .view-list-bg .view-list-wrap .view-list .slick-arrow.slick-prev {bottom:-65px}
.view .view-list-bg .view-list-wrap .view-list .slick-arrow.slick-prev:after {content:""; width:20px; height:20px; border:2px solid gray; border-color:transparent gray gray transparent; display:block; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:5px; left:50%; margin-left:-10px}
.view .view-list-bg .view-list-wrap .view-list .slick-arrow.slick-next {top:-65px}
.view .view-list-bg .view-list-wrap .view-list .slick-arrow.slick-next:after {content:""; width:20px; height:20px; border:2px solid gray; border-color:gray transparent transparent gray; display:block; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:15px; left:50%; margin-left:-10px}
.view .view-list-bg .view-list-wrap .view-list img {width:100%}

@media (max-width:1024px) {
    .view .view-content .share .btn-print {display:none}
}

@media all and (max-width:767px) {
    .view .view-content .view-info-box .view-info li {display:block; padding:0 30px 0 0; background:none; margin-top:5px}
    .view .view-content .view-txt .list-style-dot {margin-left:0}
    .view .view-content .view-txt li span,
    .view .view-content .view-txt li strong {display:block; width:100%}
    .view .view-content .view-txt li span {margin-top:5px}
    .view .view-content .view-img-wrap .view-img {padding:0}
    .view .view-content .view-img-wrap .view-img .slick-slide {margin:0}
    .view .view-content .view-img-wrap .view-img .slick-arrow.slick-prev {left:0}
    .view .view-content .view-img-wrap .view-img .slick-arrow.slick-next {right:0}
    .view .view-content .view-img-wrap .view-img .slick-arrow:after {left:13px}
    .view .view-content .add-file {padding:20px}
}

.ico-file-down {display:inline-block; width:31px; height:36px; font-size:0; color:hsla(0,0%,100%,0); cursor:pointer}
.ico-file-down.ico-jpg,
.ico-file-down.ico-jpge {background:url(/bpp/portal/images/basic/ico-jpg.png) 0 0 no-repeat}
.ico-file-down.ico-dwg {background:url(/bpp/portal/images/basic/ico-dwg.png) 0 0 no-repeat}
.ico-file-down.ico-pdf {background:url(/bpp/portal/images/basic/ico-pdf.png) 0 0 no-repeat}
.ico-file-down.ico-ppt,
.ico-file-down.ico-pptx {background:url(/bpp/portal/images/basic/ico-ppt.png) 0 0 no-repeat}
.ico-file-down.ico-xls,
.ico-file-down.ico-xlsx {background:url(/bpp/portal/images/basic/ico-excel.png) 0 0 no-repeat}
.ico-file-down.ico-doc,
.ico-file-down.ico-docx {background:url(/bpp/portal/images/basic/ico-word.png) 0 0 no-repeat}
.ico-file-down.ico-gif {background:url(/bpp/portal/images/basic/ico-gif.png) 0 0 no-repeat}
.ico-file-down.ico-zip {background:url(/bpp/portal/images/basic/ico-zip.png) 0 0 no-repeat}
.ico-file-down.ico-png {background:url(/bpp/portal/images/basic/ico-png.png) 0 0 no-repeat}
.ico-file-down.ico-djvu {background:url(/bpp/portal/images/basic/ico-djvu.png) 0 0 no-repeat}
.ico-file-down.ico-default {background:url(/bpp/portal/images/basic/ico-default.png) 0 0 no-repeat}

@media (max-width:1024px) {
    .ico-file-down {background-size:31px 36px!important}
    .ico-file-down.ico-jpg,.ico-file-down.ico-jpge {background:url(/bpp/portal/images/basic/ico-jpg_m.png) 0 0 no-repeat}
    .ico-file-down.ico-dwg {background:url(/bpp/portal/images/basic/ico-dwg_m.png) 0 0 no-repeat}
    .ico-file-down.ico-pdf {background:url(/bpp/portal/images/basic/ico-pdf_m.png) 0 0 no-repeat}
    .ico-file-down.ico-ppt,.ico-file-down.ico-pptx {background:url(/bpp/portal/images/basic/ico-ppt_m.png) 0 0 no-repeat}
    .ico-file-down.ico-xls,.ico-file-down.ico-xlsx {background:url(/bpp/portal/images/basic/ico-excel_m.png) 0 0 no-repeat}
    .ico-file-down.ico-doc,.ico-file-down.ico-docx {background:url(/bpp/portal/images/basic/ico-word_m.png) 0 0 no-repeat}
    .ico-file-down.ico-gif {background:url(/bpp/portal/images/basic/ico-gif_m.png) 0 0 no-repeat}
    .ico-file-down.ico-png {background:url(/bpp/portal/images/basic/ico-png_m.png) 0 0 no-repeat}
    .ico-file-down.ico-zip {background:url(/bpp/portal/images/basic/ico-zip_m.png) 0 0 no-repeat}
    .ico-file-down.ico-djvu {background:url(/bpp/portal/images/basic/ico-djvu_m.png) 0 0 no-repeat}
    .ico-file-down.ico-default {background:url(/bpp/portal/images/basic/ico-default_m.png) 0 0 no-repeat}
}

@media all and (max-width:767px) {
    .ico-file-down+.ico-file-down {margin-left:10px}
}

.align-right {position:absolute; top:0; right:0; z-index:30; font-size:18px}

@media all and (max-width:767px) {
    .align-right {position:static; display:block; text-align:right; margin-bottom:10px}
    .align-right .download-btn span:after {content:none}
}

.download-btn {display:inline-block; vertical-align:middle; padding-left:41px; color:#000; text-decoration:underline; font-family:LG Smart Light,Arial,Helvetica,sans-serif; cursor:pointer}
.download-btn span {display:table; min-height:35px}
.download-btn span:before {display:block; float:left; min-height:35px; content:""}
.download-btn span em {display:table-cell; vertical-align:middle}
.download-btn.ico-xls,
.download-btn.ico-xlsx {background:url(/bpp/portal/images/basic/ico-excel.png) 0 50% no-repeat}
.download-btn.ico-jpg,
.download-btn.ico-jpge {background:url(/bpp/portal/images/basic/ico-jpg.png) 0 50% no-repeat}
.download-btn.ico-pdf {background:url(/bpp/portal/images/basic/ico-pdf.png) 0 50% no-repeat}
.download-btn.ico-dwg {background:url(/bpp/portal/images/basic/ico-dwg.png) 0 50% no-repeat}
.download-btn.ico-djvu {background:url(/bpp/portal/images/basic/ico-djvu.png) 0 50% no-repeat}
.download-btn.ico-ppt,
.download-btn.ico-pptx {background:url(/bpp/portal/images/basic/ico-ppt.png) 0 50% no-repeat}
.download-btn.ico-doc,
.download-btn.ico-docx {background:url(/bpp/portal/images/basic/ico-word.png) 0 50% no-repeat}
.download-btn.ico-zip {background:url(/bpp/portal/images/basic/ico-zip.png) 0 50% no-repeat}
.download-btn.ico-default {background:url(/bpp/portal/images/basic/ico-default.png) 0 50% no-repeat}
.download-btn.ico-rfa {background:url(/bpp/portal/images/basic/ico-rfa.png) 0 50% no-repeat}
.download-btn.ico-gif {background:url(/bpp/portal/images/basic/ico-gif.png) 0 50% no-repeat}
.download-btn.ico-png {background:url(/bpp/portal/images/basic/ico-png.png) 0 50% no-repeat}
.download-btn.ico-video {background:url(/bpp/portal/images/basic/ico-video.gif) 0 50% no-repeat; padding-left:50px}
.download-btn.ico-info {padding-left:38px; background-size:auto !important; background:url(/bpp/portal/images/basic/ico-info.png) 0 50% no-repeat}
.download-btn.ico-link {padding:0 20px 0 0; background:url(/bpp/portal/images/basic/ico-link.png) 100% no-repeat}
.download-btn+.download-btn {margin-left:20px; padding-left:20px; position:relative}
.download-btn+.download-btn:after {content:""; display:block; width:1px; height:15px; position:absolute; top:50%; left:0; margin-top:-7px; background:#999}

@media (max-width:1024px) {
    .download-btn {background-size:31px 36px!important}
    .download-btn.ico-xls,
    .download-btn.ico-xlsx {background:url(/bpp/portal/images/basic/ico-excel_m.png) 0 50% no-repeat}
    .download-btn.ico-jpg,
    .download-btn.ico-jpge {background:url(/bpp/portal/images/basic/ico-jpg_m.png) 0 50% no-repeat}
    .download-btn.ico-pdf {background:url(/bpp/portal/images/basic/ico-pdf_m.png) 0 50% no-repeat}
    .download-btn.ico-dwg {background:url(/bpp/portal/images/basic/ico-dwg_m.png) 0 50% no-repeat}
    .download-btn.ico-djvu {background:url(/bpp/portal/images/basic/ico-djvu_m.png) 0 50% no-repeat}
    .download-btn.ico-ppt,
    .download-btn.ico-pptx {background:url(/bpp/portal/images/basic/ico-ppt_m.png) 0 50% no-repeat}
    .download-btn.ico-doc,
    .download-btn.ico-docx {background:url(/bpp/portal/images/basic/ico-word_m.png) 0 50% no-repeat}
    .download-btn.ico-zip {background:url(/bpp/portal/images/basic/ico-zip_m.png) 0 50% no-repeat}
    .download-btn.ico-default {background:url(/bpp/portal/images/basic/ico-default_m.png) 0 50% no-repeat}
    .download-btn.ico-rfa {background:url(/bpp/portal/images/basic/ico-rfa_m.png) 0 50% no-repeat}
    .download-btn.ico-gif {background:url(/bpp/portal/images/basic/ico-gif_m.png) 0 50% no-repeat}
    .download-btn.ico-png {background:url(/bpp/portal/images/basic/ico-png_m.png) 0 50% no-repeat}
    .download-btn.ico-video {background:url(/bpp/portal/images/basic/ico-video.gif) 0 50% no-repeat; background-size:auto !important;}
}

.tool-tip {position:absolute; top:0; right:0}
.tool-tip .btn-tool-tip {width:23px; height:23px; border:0; background:url(/bpp/portal/images/basic/ico-info.gif) 0 0 no-repeat; font-size:0; color:hsla(0,0%,100%,0); cursor:pointer; outline:none}
.tool-tip .tool-tip-box {display:none; position:absolute; top:0; left:-310px; width:300px; padding:10px 20px; background:#f4f4f4; border:1px solid #bebebe; z-index:50}
.tool-tip .tool-tip-box li {color:#333; font-size:16px; font-family:LG Smart,Arial,Helvetica,sans-serif; line-height:1em; margin-bottom:7px}
.tool-tip .tool-tip-box li:last-child {margin-bottom:0}
.tool-tip .tool-tip-box li .icon-circle-two {font-size:5px}
.tool-tip .tool-tip-box:after {content:""; width:10px; height:10px; border:1px solid #bebebe; border-color:#bebebe #bebebe transparent transparent; display:block; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:9px; right:-6px; background:#f4f4f4}

@media all and (max-width:767px) {
    .tool-tip .tool-tip-box {top:31px; margin-left:10px}
    .tool-tip .tool-tip-box:after {display:none}
}

.member .btn-tool-tip {background:url(/bpp/portal/images/basic/ico-info-gray.gif) 0 0 no-repeat}
.member .tool-tip {position:relative; display:inline-block; vertical-align:middle; margin-top:-3px}
.member .tool-tip-box {left:35px; width:400px}
.member .tool-tip-box:after {content:""; width:10px; height:10px; border:1px solid #bebebe; border-color:transparent transparent #bebebe #bebebe; display:block; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:9px; left:-6px; background:#f4f4f4}

@media all and (max-width:767px) {
    .member .tool-tip-box:after {display:none}
}

.answer-box {padding:30px 40px; background:#f4f4f4; margin-bottom:40px; position:relative}
.answer-box .tit {font-size:1.2rem; padding-bottom:10px; border-bottom:1px solid #bebebe; margin-bottom:15px; font-family:LG Smart,Arial,Helvetica,sans-serif}
.answer-box .date {position:absolute; right:40px; top:35px; color:#555; font-size:.9rem}
.answer-box .date .date-format {font-size:.8rem}
.answer-box .cont {font-size:.9rem; color:#555}

.icon-secret {display:inline-block; vertical-align:middle; width:9px; height:12px; overflow:hidden; margin-left:4px; text-indent:-9999px; background:url(/bpp/portal/images/basic/ico-secret.png) no-repeat}

.tbl-amount.view td {text-align:right; padding-right:30px!important}
.tbl-amount .line-top th {padding:15px 25px!important}

.tit-list {border-top:2px solid #606060}
.tit-list li {position:relative; padding:17px 0 15px 16px; border-bottom:1px solid #bebebe}
.tit-list li .sstit {color:#333; font-size:24px}
.tit-list li .sstit a {color:#333; word-break:break-all;}
.tit-list li .description {margin-top:5px; font-family:LG Smart Light,Arial,Helvetica,sans-serif}
.tit-list li .descNoWrap {margin-top:5px; font-family:LG Smart Light,Arial,Helvetica,sans-serif;text-overflow:ellipsis; overflow:hidden;white-space:nowrap}
.tit-list li .description .category {display:inline-block; color:#333; font-family:LG Smart,Arial,Helvetica,sans-serif}
.tit-list li .description .sub {display:inline-block; color:#555; margin-left:13px}
.tit-list li .description .sub:before {display:inline-block; width:1px; height:12px; vertical-align:middle; content:""; margin:-1px 15px 0 0; background:#bebebe}
.tit-list li .description .sub:first-child {margin-left:0}
.tit-list li .description .sub:first-child:before {content:none}
.tit-list li .description p {margin-top:5px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%}
.tit-list li .download-icon {position:absolute; top:50%; right:30px; margin-top:-18px}
.tit-list li .download-icon .ico-file-down {margin-left:5px}

.tit-list2 {border-top:0px solid #606060}
.tit-list2 li {position:relative; padding:17px 0 15px 16px; border-bottom:1px solid #bebebe}
.tit-list2 li .sstit {color:#333; font-size:24px}
.tit-list2 li .sstit a {color:#333; word-break:break-all;}
.tit-list2 li .description {margin-top:5px; font-family:LG Smart Light,Arial,Helvetica,sans-serif}
.tit-list2 li .descNoWrap {margin-top:5px; font-family:LG Smart Light,Arial,Helvetica,sans-serif;text-overflow:ellipsis; overflow:hidden;white-space:nowrap}
.tit-list2 li .description .category {display:inline-block; color:#333; font-family:LG Smart,Arial,Helvetica,sans-serif}
.tit-list2 li .description .sub {display:inline-block; color:#555; margin-left:13px}
.tit-list2 li .description .sub:before {display:inline-block; width:1px; height:12px; vertical-align:middle; content:""; margin:-1px 15px 0 0; background:#bebebe}
.tit-list2 li .description .sub:first-child {margin-left:0}
.tit-list2 li .description .sub:first-child:before {content:none}
.tit-list2 li .description p {margin-top:5px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%}
.tit-list2 li .download-icon {position:absolute; top:50%; right:30px; margin-top:-18px}
.tit-list2 li .download-icon .ico-file-down {margin-left:5px}

@media all and (max-width:767px) {
    .tit-list li {padding:17px 0 15px}
    .tit-list li .description {padding-right:72px}
    .tit-list li .description .sub {display:block; margin:0; padding:0}
    .tit-list li .description .sub:before {display:none}
    .tit-list li .download-icon {top:inherit; right:10px; bottom:15px; margin-top:0}
}

.gray-wrap {padding:40px; background:#f4f4f4}
.gray-wrap .tbl-style-vertical.inner {padding:30px; background:#fff}
.gray-wrap .tbl-style-vertical.inner+.desc {margin-top:30px; font-size:20px; color:#555}

@media all and (max-width:767px) {
    .gray-wrap {padding:10px}
    .gray-wrap .tbl-style-vertical.inner {padding:10px}
    .gray-wrap .tbl-style-vertical.inner td,
    .gray-wrap .tbl-style-vertical.inner th {padding:5px 10px; font-size:14px}
    .gray-wrap .tbl-style-vertical.inner+.desc {font-size:14px; margin:10px 0}
}

.input-text {padding:5px; border:1px solid #bebebe; width:100%; font-size:18px; color:#333; font-family:LG Smart,Arial,Helvetica,sans-serif; height:35px}
.input-text.gray-theme {background:#f0f0f0; border:none}

label {font-size:18px; color:#333}

@media all and (max-width:767px) {
    label {font-size:15px}
}

.chk-byte {float:right; margin-top:5px; font-size:18px; color:#555}

.textarea-style {width:100%; border:1px solid #bebebe; background:#fff; font-size:18px; color:#333; padding:20px; height:150px; font-family:LG Smart,Arial,Helvetica,sans-serif; overflow-y:auto; resize:none}

@media all and (max-width:767px) {
    .textarea-style {font-size:15px;}
    .bg-gray.partner-information .add-file {padding:0;}
    .bg-gray.partner-information .add-file input {margin-bottom:10px;}   
    .bg-gray.partner-information .add-file .btn-area .btn-find {position:static; display:inline-block; width:100%;}
}

.select-wrap select.select-style {width:100%; height:auto; border:1px solid #bebebe; font-size:18px; color:#333; padding:5px; font-family:LG Smart,Arial,Helvetica,sans-serif}
.select-wrap select[disabled].select-style + .chosen-container {background:#f4f4f4;}

.add-file {position:relative; padding-right:110px}
.add-file-academy {position:relative; padding-right:110px;margin-bottom:40px}
.add-file .btn-find {height:35px; box-sizing:border-box; text-align:center; border:1px solid #bebebe; border-radius:0; background:#d4d4d4; font-size:18px; color:#333; font-weight:400; position:absolute; top:0; right:0; width:100px; font-family:LG Smart,Arial,Helvetica,sans-serif; cursor:pointer; padding-top:5px}
.add-file .btn-find:hover {text-decoration:none}
.add-file input[type=file] {width:100%; border:1px solid #bebebe; position:absolute; z-index:-1}

.btn-list-del {margin:0 auto; width:35px; height:35px; border:1px solid #909090; background:#bebebe; color:#333; font-size:12px; cursor:pointer; position:relative; float:right}
.btn-list-del .green_alerts:before,
.btn-list-del .icon {position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px}

.btn-list-del:focus,
.btn-list-del:hover {text-decoration:none}

.end-datepicker,
.set-datepicker,
.start-datepicker {background:url(/bpp/portal/images/basic/ico-calendar.gif) #fff 98% 5px no-repeat}

input[readonly] {background-color:#f4f4f4}
select[readonly],textarea[readonly] {background:#f4f4f4}

.form-list table {width:100%; table-layout: fixed}
.form-list table tr.top-line td,.form-list table tr.top-line th {border-top:1px solid #bebebe}
.form-list .form-txt {text-align:center; font-size:18px; margin-bottom:10px;}
.form-list table tr:first-child td,.form-list table tr:first-child th {border-top:0}
.form-list table td {padding:5px; min-height:45px}
.form-list table td textarea {padding:10px;}
.form-list table td input[type="text"],.form-list table td input[type="file"] {padding:5px 10px;}
.form-list table td,.form-list table th {vertical-align:top; font-size:18px; color:#333}
.form-list table th {padding:0 5px; padding-top:10px}
.form-list table th.vt {vertical-align:top; padding-top:10px}
.form-list .repair_alerts {display:block; background:url("../images/sub/sub_icon_bull2.png") no-repeat 0 7px; padding:0 0 5px 10px;}
.form-list:after {content:""; display:block; clear:both;}
.form-list table .select-style+.chosen-container .chosen-single span,
.form-list table .select-style+.chosen-container.chosen-with-drop .chosen-results li {padding: 7px 10px;}

@media (max-width:1024px) {
    .form-list table colgroup {display:none}
    .form-list table tr th {display:list-item; list-style: none; float:left; width:30%; vertical-align:top; padding-top:10px}
    .form-list table tr th:before {display:inline-block; content:""; vertical-align:middle}
    .form-list table tr td {display:list-item; list-style: none; float:right; width:70%}
}

@media all and (max-width:767px) {
    .form-list table colgroup {display:none}
    .form-list table tr th {display:block; float:none; width:100%}
    .form-list table tr th:before {display:inline-block}
    .form-list table tr td {display:block; float:none; width:100%}
    .form-list .form-txt {margin-bottom:0;}
    .form-list table tr.top-line td,.form-list table tr.top-line th {border-top:0}
}

.required {text-align:right; font-size:18px; color:#555; padding-bottom:5px}
.select-box {width:49.5%; display:inline-block}

@media all and (max-width:767px) {
    .select-box {width:100%; display:block}
    .select-box+.select-box {margin-top:10px}
}

.chk-set {padding:7px 0}
.chk-set span {display:inline-block; margin-right:20px}
.chk-set.region span {display:inline-block; width:30%; margin-top:10px; vertical-align:top}
.chk-set.region span:first-child {margin:0}

@media (max-width:1024px) {
    .chk-set.region span {width:49%}
}

@media all and (max-width:767px) {
    .chk-set.region span {width:100%}
}

.ex-txt {display:inline-block; font-size:16px; color:#333; padding:10px 0}

.cost-box .input-text {text-align:right}

.tbl-amount {padding:25px!important}
.tbl-amount td,.tbl-amount th {padding:15px 5px!important}
.tbl-amount .line-top td,
.tbl-amount .line-top th {padding:15px 53px!important; border-top:1px solid #bebebe}
.tbl-amount .text-right {text-align:right}

@media (max-width:1024px) {
    .tbl-amount .text-right {text-align:left}
    .tbl-amount .line-top th {padding:15px 5px!important}
}

@media all and (max-width:1024px) and (max-width:767px) {
    .tbl-amount .line-top th {padding:15px 5px 5px!important}
}

@media all and (max-width:767px) {
    .tbl-amount td,.tbl-amount th {padding:5px!important}
    .tbl-amount .line-top th {border-top:1px solid #bebebe}
    .tbl-amount .line-top th,
    .tbl-amount .line-top td {border:0}
    .tbl-amount td:nth-child(2n) {padding-bottom:15px!important}
}

.ui-datepicker {display:none; width:248px; padding:0 12px 10px; font-family:LG Smart,Arial,Helvetica,sans-serif; border-radius:0 0 10px 10px; background:#fff; border:1px solid #aaa}
.ui-datepicker .ui-datepicker-header {position:relative; padding:0; background:#fff; border:none; border-bottom:1px solid #dcdcdc; border-radius:0; height:50px; line-height:50px}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {margin:0 2.3em; text-align:center; font-size:18px; font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif; line-height:50px}
.ui-datepicker .ui-datepicker-header .ui-corner-all {position:absolute; top:0; height:50px; border-radius:0; cursor:pointer; font-size:1em; margin:1px 0}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-state-hover {background:none; border:none}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-state-hover span {margin-top:-10px; margin-right:0}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-state-disabled {display:none}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {left:0}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev span:after {border-color:transparent transparent #999 #999}
.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next {right:0}
.ui-datepicker .ui-datepicker-header .ui-corner-all span {position:relative; top:50%; margin-top:-10px; display:block; width:20px; height:20px; margin-right:0; overflow:hidden; text-indent:-9999px}
.ui-datepicker .ui-datepicker-header .ui-corner-all span.ui-icon-circle-triangle-w {background-position:-78px -192px;}
.ui-datepicker .ui-datepicker-header .ui-corner-all span.ui-icon-circle-triangle-e {background-position:-46px -192px;}
.ui-datepicker .ui-datepicker-header .ui-corner-all span:after {-webkit-transform:rotate(45deg); transform:rotate(45deg); content:""; display:none; width:12px; height:12px; position:absolute; top:50%; left:50%; margin-top:-6px; margin-left:-6px; border:2px solid #999; border-color:#999 #999 transparent transparent;}
.ui-datepicker .ui-datepicker-calendar {width:100%; margin:0; text-align:center}
.ui-datepicker .ui-datepicker-calendar tr th {font-size:18px; font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif; height:44px; line-height:44px; padding:0; text-align:center}
.ui-datepicker .ui-datepicker-calendar tr td {width:14%; height:33px; line-height:33px; padding:0}
.ui-datepicker .ui-datepicker-calendar tr td a {display:block; text-align:center; padding:0; color:#000; border:none; background:none; text-decoration:none}
.ui-datepicker .ui-datepicker-calendar tr td a.ui-state-active,
.ui-datepicker .ui-datepicker-calendar tr td a:hover {background:#a50034; color:#fff}
.ui-datepicker .ui-datepicker-calendar tr td.ui-datepicker-week-end a {color:#a50034}
.ui-datepicker .ui-datepicker-calendar tr td.ui-datepicker-week-end a.ui-state-active,
.ui-datepicker .ui-datepicker-calendar tr td.ui-datepicker-week-end a:hover {color:#fff}
.ui-datepicker .ui-datepicker-calendar tr td.ui-datepicker-other-month a,
.ui-datepicker .ui-datepicker-calendar tr td.ui-datepicker-other-month span {opacity:.6; filter:Alpha(Opacity=60)}
.ui-datepicker .ui-datepicker-calendar tr td.ui-state-disabled {text-align:center; background:#e6e6e6; color:#555; opacity:.5; filter:Alpha(Opacity=50)}
.ui-datepicker .ui-datepicker-calendar tr td.ui-state-disabled span {border:none}

@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
}

.green_alerts:before,
.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,
.slick .slick-arrow.slick-next .green_alerts:before,
.slick .slick-arrow.slick-next .icon: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,
.slick .slick-arrow.slick-prev .green_alerts:before,
.slick .slick-arrow.slick-prev .icon: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 {content:"\f183"}
.icon-pagenav-down:before {content:"\f184"}
.icon-pagenav-up-light: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"}

.slick .slick-list {position:relative; overflow:hidden}
.slick .slick-list .slick-track {position:relative}
.slick .slick-list .slick-track .slick-slide {position:relative; float:left; box-sizing:border-box}
.slick .slick-arrow {position:absolute; top:50%; z-index:10; cursor:pointer; background:0; border:0; color:gray; font-size:2rem; margin-top:-1rem}
.slick .slick-arrow span {position:absolute; z-index:-1; left:-999em}
.slick .slick-arrow.slick-prev {left:40px}
.slick .slick-arrow.slick-next {right:40px}
.dotted-bottom .slick-dots {bottom:1rem}
.slick-dots {position:absolute; bottom:3.6rem; width:100%; text-align:center; height:15px; clear:both}
.slick-dots li {display:inline-block; margin:0 5px; position:relative}
.slick-dots li button {width:14px; height:14px; overflow:hidden; text-indent:-999em; border:1px solid #707070; border-radius:14px; background:#fff; cursor:pointer; box-sizing:border-box; padding:0}
.slick-dots li.slick-active button {border:1px solid #a50034; background:#a50034}

@media all and (max-width:767px) {
    .slick .slick-arrow {margin-top:-13px}
    .slick .slick-arrow.slick-prev {left:15px}
    .slick .slick-arrow.slick-next {right:28px}
    .slick-dots {bottom:35px}
}

.carousel-hero {position:relative}

.select2-search {display:none}

.select-style+.chosen-container .chosen-single span,
.select-style+.chosen-container.chosen-with-drop .chosen-results li {min-height:30px; padding:7px 20px}
.chosen-container-active .chosen-single {border:1px solid #5897fb; box-shadow:0 0 5px rgba(0,0,0,.3)}
.select-style+.chosen-container {position:relative; background:#fff}
.select-style+.chosen-container li,.select-style+.chosen-container span {cursor:pointer; text-align:left}
.select-style+.chosen-container .chosen-single {display:block; position:relative; overflow:hidden; padding-right:1.5rem; border:1px solid #bebebe; height:35px; color:#333}
.select-style+.chosen-container .chosen-single span {display:block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.select-style+.chosen-container .chosen-single div {position:absolute; right:0; top:0; width:30px; height:30px}
.select-style+.chosen-container .chosen-single div b {display:block; border-width:5px; border-color:#707070 transparent transparent; border-style:solid; width:1px; position:absolute; top:50%; left:50%; margin:-2px 0 0 -6px}
.select-style+.chosen-container .chosen-single:focus,
.select-style+.chosen-container .chosen-single:hover {text-decoration:none}
.select-style+.chosen-container .chosen-drop {position:absolute; top:100%; left:-9999px; z-index:1010; width:100%; border:1px solid #bebebe; border-top:none; background:#fff}
.select-style+.chosen-container .chosen-drop .chosen-results {position:relative; overflow-x:hidden; overflow-y:auto; bottom:1px; background:#fff; border:none}
.select-style+.chosen-container .chosen-drop .chosen-results li {word-break:break-all; margin-bottom:0}
.select-style+.chosen-container .chosen-drop .chosen-results li.highlighted {background:#f8f8f8}
.select-style+.chosen-container.chosen-with-drop .chosen-single div b {border-color:transparent transparent #707070; margin:-7px 0 0 -6px}
.select-style+.chosen-container.chosen-with-drop .chosen-results {display:block; max-height:165px; overflow:auto}
.select-style+.chosen-container.chosen-with-drop .chosen-results li.highlighted {font-weight:700}
.select-style+.chosen-container.chosen-with-drop .chosen-drop {left:0}
.select-style+.chosen-container .chosen-search {position:absolute; left:-9999px; z-index:-1}
.select-style.gray-theme+.chosen-container .chosen-single {background:#f0f0f0; border:none}
.select-style.gray-theme+.chosen-container .chosen-single div b {margin:0 0 0 -6px}
.select-style.gray-theme+.chosen-container .chosen-drop {border:none}
.select-style.gray-theme+.chosen-container .chosen-drop .chosen-results {background:#f0f0f0}
.select-style.gray-theme+.chosen-container.chosen-with-drop .chosen-single div b {margin:-5px 0 0 -6px}
.select-style.gray-theme+.chosen-container.chosen-with-drop .chosen-drop .chosen-results li.highlighted {background:#707070; color:#fff}
.select-style.select-dark+.chosen-container {background:#333}
.select-style.select-dark+.chosen-container .chosen-single {color:#fff; height:32px; border:1px solid #707070}
.select-style.select-dark+.chosen-container .chosen-results {position:absolute; bottom:32px; left:0; width:100%; display:none; padding-top:5px; background:#333; border:1px solid #707070; border-bottom:0}
.select-style.select-dark+.chosen-container.chosen-with-drop .chosen-single {padding-top:1px; border-top:0}
.select-style.select-dark+.chosen-container.chosen-with-drop .chosen-drop {border:none}
.select-style.select-dark+.chosen-container.chosen-with-drop .chosen-drop .chosen-results {display:block}
.select-style.select-dark+.chosen-container.chosen-with-drop .chosen-drop .chosen-results li.highlighted {background:#333}

@media (max-width:1024px) {
    .select-wrap select.select-style {-webkit-appearance:none; position:relative; padding:0 20px 0 10px; height:35px; line-height:35px; border:1px solid #bebebe; background:url(/bpp/portal/images/basic/icon_selectbox.png) no-repeat 95%; background-size:9px 5px; font-size:16px}
    .select-wrap select.select-style.white-theme {background-color:#fff}
    .select-wrap select.select-style.gray-theme {background-color:#f0f0f0; border:none}
    .select-wrap select.select-style.select-dark {height:32px; line-height:32px; color:#fff; border-color:#707070; background-color:#333}
}

.results {text-align:left; position:relative; z-index:20; font-size:18px; padding-bottom:10px}
.results .current {display:inline-block; margin:0 5px; height:35px; line-height:35px; vertical-align:top}
.results .tb-desc {position:absolute; right:0; bottom:15px;}
.results .select-wrap {display:inline-block; width:120px; vertical-align:middle}

@media all and (max-width:767px) {
    .results .current {margin:0}
    .results .tb-desc {position:static; display:block;}
    .results .select-wrap {display:none}
}

.thumbnail-list {width:100%}
.thumbnail-list .list {border-top:2px solid #a50034}
.thumbnail-list .list>li {width:100%; overflow:hidden; padding:30px 0 0; border-bottom:1px solid #bebebe; position:relative}
.thumbnail-list .list>li .img-area {position:relative; float:left; width:31.66667%; margin-bottom:30px}
.thumbnail-list .list>li .img-area img {max-width:100%; width:100%}
.thumbnail-list .list>li .img-area a:focus,
.thumbnail-list .list>li .img-area a:hover {text-decoration:none}
.thumbnail-list .list>li .img-area a .green_alerts:before,
.thumbnail-list .list>li .img-area a .icon {position:absolute; top:50%; left:50%; font-size:72px; color:rgba(0,0,0,.6); margin:-36px 0 0 -36px}
.thumbnail-list .list>li .img-area a .icon-triangle-reverse.green_alerts:before,
.thumbnail-list .list>li .img-area a .icon.icon-triangle-reverse {color:#fff; opacity:1; font-size:37px; margin:-18px 0 0 -14px}
.thumbnail-list .list>li .text-area {float:left; width:60%; padding-left:40px; margin-bottom:25px}
.thumbnail-list .list>li .text-area h3 {font-size:1.2rem}
.thumbnail-list .list>li .text-area h3 a {color:#333}
.thumbnail-list .list>li .text-area h3 .new {display:inline-block; height:21px; font-size:14px; color:#fff; vertical-align:top; background:#a50034; padding:2px 9px 0; margin-top:4px}
.thumbnail-list .list>li .text-area li {margin-top:10px; font-size:0; vertical-align:top}
.thumbnail-list .list>li .text-area .label {display:inline-block; vertical-align:top; font-size:18px; width:20%; font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif; color:#333}
.thumbnail-list .list>li .text-area .description {display:inline-block; vertical-align:top; font-size:18px; width:80%; color:#555;}
.thumbnail-list .list>li .play-area {clear:both; position:relative; padding-bottom:43.75%; padding-top:25px; display:none; overflow:hidden}
.thumbnail-list .list>li .play-area .video-wrapper {background:#f4f4f4; position:absolute; top:0; left:0; width:100%; padding:4% 20%; height:100%}
.thumbnail-list .list>li .play-area .video-wrapper iframe {width:100%; height:100%}
.thumbnail-list .list>li .play-area .video-wrapper a.close-btn {position:absolute; top:15px; right:15px; font-size:23px; color:#333}
.thumbnail-list .list>li .play-area .video-wrapper a.close-btn .green_alerts:before,
.thumbnail-list .list>li .play-area .video-wrapper a.close-btn .icon {vertical-align:top}
.thumbnail-list .list>li .play-area .video-wrapper a.close-btn:focus,
.thumbnail-list .list>li .play-area .video-wrapper a.close-btn:hover {text-decoration:none}
.thumbnail-list .list>li .play-area.expend {display:block}
.thumbnail-list.two-column>ul {width:100%; overflow:hidden; border-bottom:1px solid #bebebe}
.thumbnail-list.two-column>ul>li {display:inline-block; width:48.5%; margin:-1px 0 0; border-top:1px solid #bebebe; border-bottom:0; vertical-align:top}
.thumbnail-list.two-column>ul>li .img-area .download {display:block}
.thumbnail-list.two-column>ul>li .img-area .download .green_alerts:before,
.thumbnail-list.two-column>ul>li .img-area .download .icon {font-size:50px; margin:-42px 0 0; width:100%; text-align:center; left:0; display:none; color:#fff; z-index:20}
.thumbnail-list.two-column>ul>li .img-area .download .file-type {display:none; color:#fff; position:absolute; top:50%; width:100%; text-align:center; z-index:30; padding-top:40%; margin-top:-30%; background:url(/bpp/portal/images/basic/icon-download.png) center 0 no-repeat; background-size:30% auto}
.thumbnail-list.two-column>ul>li .img-area .download.ebook .file-type {background:url(/bpp/portal/images/basic/icon-ebook.png) center 0 no-repeat; background-size:30% auto; padding-top:38%; margin-top:-28%}
.thumbnail-list.two-column>ul>li .img-area .download:after {display:none; z-index:10; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.6); content:""}
.thumbnail-list.two-column>ul>li .img-area .download:focus .file-type,
.thumbnail-list.two-column>ul>li .img-area .download:focus .green_alerts:before,
.thumbnail-list.two-column>ul>li .img-area .download:focus .icon,
.thumbnail-list.two-column>ul>li .img-area .download:focus:after,
.thumbnail-list.two-column>ul>li .img-area .download:hover .file-type,
.thumbnail-list.two-column>ul>li .img-area .download:hover .green_alerts:before,
.thumbnail-list.two-column>ul>li .img-area .download:hover .icon,
.thumbnail-list.two-column>ul>li .img-area .download:hover:after {display:block}
.thumbnail-list.two-column>ul>li .text-area h3 {height:2.8rem; overflow:hidden}
.thumbnail-list.two-column>ul>li .text-area .label {display:block; width:100%}
.thumbnail-list.two-column>ul>li .text-area .description {margin-left:0}
.thumbnail-list.two-column>ul>li .text-area .desc {margin-top:5px; color:#555}
.thumbnail-list.two-column>ul>li:nth-child(2n) {padding-left:3%; width:51%; margin-left:-5px}

@media (max-width:1024px) {
    .thumbnail-list.two-column>ul>li .img-area .download.ebook .file-type,
    .thumbnail-list.two-column>ul>li .img-area .download .file-type {display:block; background-color:rgba(0,0,0,.8); top:inherit; bottom:0; font-size:15px; font-family:LG Smart,Arial,Helvetica,sans-serif; padding:36% 5% 7%; background-position:center 18%; background-size:25% auto}
    .thumbnail-list.two-column>ul>li .img-area .download:focus:after,
    .thumbnail-list.two-column>ul>li .img-area .download:hover:after {display:none}
}

@media all and (max-width:767px) {
    .thumbnail-list .list>li {padding-top:38px}
    .thumbnail-list .list>li .img-area {width:100%}
    .thumbnail-list .list>li .text-area {width:100%; padding-left:0}
    .thumbnail-list .list>li .text-area h3 .new {margin-top:0}
    .thumbnail-list .list>li .text-area .description,
    .thumbnail-list .list>li .text-area .label {display:block; width:100%}
    .thumbnail-list .list>li .text-area .description {margin:0}
    .thumbnail-list .list>li .play-area {width:100%; position:absolute; overflow:visible; padding-bottom:48%}
    .thumbnail-list .list>li .play-area .video-wrapper {padding:0; background:transparent}
    .thumbnail-list .list>li .play-area .video-wrapper a.close-btn {top:-27px; right:0}
    .thumbnail-list.two-column>ul>li .img-area {width:36%}
    .thumbnail-list.two-column>ul>li .text-area {width:64%; padding-left:30px}
    .thumbnail-list.two-column>ul>li {width:100%}
    .thumbnail-list.two-column>ul>li:nth-child(2n) {padding-left:0; width:100%; margin-left:0}
}

.point-result {font-size:16px; margin-top:10px; text-align:right}

@media all and (max-width:767px) {
    .point-result {font-size:14px; margin:10px 0 0}
}

.mt10 {margin-top:10px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mt40 {margin-top:40px}
.mt70 {margin-top:70px}

.sub-layout {padding:108px 0 80px}

@media all and (max-width:767px) {
    .sub-layout {padding:20px 0 24px}
}

.sub-layout.inner-search {padding-bottom:10px}

.sub-tit {font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif; color:#333}

@media (min-width:1025px) {
    .sub-tit {font-size:40px; margin-bottom:40px}
}

@media (max-width:1024px) {
    .sub-tit {font-size:40px; margin-bottom:40px}
}

@media all and (max-width:767px) {
    .sub-tit {font-size:28px; margin-bottom:20px}
}

.sub-tit2 {font-size:1.2rem; color:#333; margin:30px 0 10px}
.sub-tit-txt {font-family:LG Smart Light,Arial,Helvetica,sans-serif; color:#555; margin-top:60px}
.sub-tit-txt:first-child {margin-top:0}

@media (min-width:1025px) {
    .sub-tit-txt {font-size:36px; margin-bottom:40px}
}

@media (max-width:1024px) {
    .sub-tit-txt {font-size:36px; margin-bottom:40px}
}

@media all and (max-width:767px) {
    .sub-tit-txt {font-size:25px; margin-bottom:20px}
}

.sub-content.line {border-bottom:1px solid #d2d2d2}
.sub-content .sub-cont-img {width:25%; float:left}
.sub-content .sub-cont-txt {font-size:20px; width:70%; float:right; color:#555; font-family:LG Smart Light,Arial,Helvetica,sans-serif}
.sub-content .sub-cont-txt .icon-circle-two {font-size:5px}
.sub-content.right .sub-cont-img {float:right}
.sub-content.right .sub-cont-txt {float:left}
.sub-content.center .sub-cont-img,.sub-content.center .sub-cont-txt {float:none; width:100%}
.sub-content:after {content:""; display:block; clear:both}
.sub-content-txt {margin-bottom:40px; color:#333}
.sub-content-txt dt {font-size:24px; margin-bottom:20px}
.sub-content-txt dd {font-size:18px; font-family:LG Smart Light,Arial,Helvetica,sans-serif}

@media (max-width:1024px) {
    .sub-content .sub-cont-txt {font-size:20px; width:100%; float:none; display:block; margin:20px auto 0}  
    .sub-content .sub-cont-img {width:80%; float:none; display:block; margin:0 auto} 
    .sub-content.right .sub-cont-img {width:80%; float:none; display:block; margin:0 auto}
}

@media all and (max-width:767px) {
    .sub-content .sub-cont-img {width:100%; float:none; display:block; margin:0 auto}
    .sub-content .sub-cont-txt {font-size:15px;}   
    .sub-content.right .sub-cont-img {width:100%;}
}

.pagination {text-align:center; margin-top:40px}
.pagination span a {margin:0; padding:0}
.pagination a {display:inline-block; vertical-align:-2px; margin:0 3px; font-size:16px; color:#767676; padding:3px 5px}
.pagination a:hover {text-decoration:none}
.pagination span.page-end,.pagination span.page-next,.pagination span.page-prev,.pagination span.page-start {margin:-4px 0 0; display:inline-block; vertical-align:middle; width:26px; height:26px; color:hsla(0,0%,100%,0); overflow:hidden; position:relative}
.pagination span.page-end a,.pagination span.page-next a,.pagination span.page-prev a,.pagination span.page-start a {text-indent:-999em; position:relative; height:26px}
.pagination span.page-end a span,.pagination span.page-next a span,.pagination span.page-prev a span,.pagination span.page-start a span {display:inline}
.pagination span.page-start {background:url(/bpp/portal/images/basic/page-start.gif) 0 0 no-repeat}
.pagination span.page-prev {background:url(/bpp/portal/images/basic/page-prev.gif) 0 0 no-repeat}
.pagination span.page-next {background:url(/bpp/portal/images/basic/page-next.gif) 0 0 no-repeat}
.pagination span.page-end {background:url(/bpp/portal/images/basic/page-end.gif) 0 0 no-repeat}

@media all and (max-width:767px) {
    .pagination>div .page-end,.pagination>div .page-start {display:none}
}

.btn-set {text-align:right; margin-top:15px}
.btn-set.left {text-align:left}
.btn-set.sm {margin-top:10px}
.btn-set.sm .btn {padding:5px 20px; min-width:110px; margin:0 2px}
.btn-set.sm2 .btn {padding:2px 10px; min-width:80px; margin:0 2px}
.btn-set .btn {min-width:160px}
.btn-set .btn.btn-black {background:#000}
.btn-set .btn.btn-red {background:#a50034}
.btn-set .btn.btn-gray {background:#606060}
.btn-set:after {content:""; display:block; clear:both}

@media all and (max-width:767px) {
    .btn-set.sm .btn {min-width:auto}
    .btn-set.sm .btn+.btn {width:49%!important}
    .btn-set {text-align:center}
    .btn-set .btn {display:inline-block; min-width:auto!important; width:49%; margin:0;}
    .btn-set .btn:last-child {width:100%; margin:0}
    .btn-set .btn+.btn {width:49%}
    .btn-set .btn+.btn+.btn {clear:both; width:100%; margin:10px 0 0}
}

.no-data {text-align:center; padding:100px 0;}

div.no-data {margin:20px 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2}

.step-box {margin-bottom:30px}
.step-box ul {display:table; width:100%}
.step-box ul li {position:relative; display:table-cell; width:50%; height:50px; vertical-align:middle; background:#707070; border-left:5px solid #fff}
.step-box ul li+li {border-right:5px solid #fff;}
.step-box ul li:first-child {border-left:none; border-right:5px solid #fff;}
.step-box ul li:last-child {border-right:0;}
.step-box ul li.on {background:#333}
.step-box ul li .step-menu {display:block; padding:10px 10px 10px 74px; vertical-align:middle; font-size:1rem; color:#fff; border:0; font-size:1.2rem; font-family:LG Smart,Arial,Helvetica,sans-serif; word-break:break-word}
.step-box ul li .step-menu span {position:absolute; top:8px; left:20px; display:block; width:34px; height:34px; line-height:34px; background:#fff; border-radius:50%; color:#333; font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif; text-align:center}
.step-box.type03 ul li {width:33.33%;}

@media all and (max-width:767px) {
    .step-box ul li {vertical-align:top}
    .step-box ul li .step-menu {padding:50px 10px 10px; text-align:center; font-size:.94rem}
    .step-box ul li .step-menu span {left:50%; margin-left:-17px}
}

.cont-line {border-top:1px solid #bebebe}

.color-red {color:#a50034}

.bg-gray {background:#f4f4f4; padding:40px}
.bg-gray .inner-tit {margin:0 0 7px; font-size:1.4rem}

@media all and (max-width:767px) {
    .bg-gray {padding:20px}
}

.tab-set {position:relative}
.tab-set.tab-style2 .tab-wrap {display:table; table-layout:fixed; width:100%}
.tab-set.tab-style2 .tab-wrap li {display:table-cell; width:33%; border:0; float:none}
.tab-set.tab-style2 .tab-wrap li:last-child .tab-menu {border:0; margin-right:0}
.tab-set.tab-style2 .tab-wrap li:first-child .tab-menu {margin-left:0}
.tab-set.tab-style2 .tab-wrap li.on {width:34%}
.tab-set.tab-style2 .tab-wrap li.on .tab-menu {border:0; background:#606060}
.tab-set.tab-style2 .tab-wrap li.on:after {display:none}
.tab-set.tab-style2 .tab-wrap li .tab-menu {color:#fff; border:0; background:#939393; border-radius:0; margin:0 5px; cursor:pointer}
.tab-set.tab-style2 .tab-wrap li .tab-menu:after {display:none}
.tab-set.tab-style2 .tab-wrap li span.tab-menu {cursor:default}
.tab-set .tab-wrap {margin-bottom:20px}
.tab-set .tab-wrap:after {content:""; display:block; clear:both}
.tab-set .tab-wrap li {float:left}
.tab-set .tab-wrap li:last-child .tab-menu {border-right:1px solid #bebebe}
.tab-set .tab-wrap li.on .tab-menu {border:2px solid #000; border-bottom:1px solid #fff; z-index:500}
.tab-set .tab-wrap li.on:after {content:""; display:block; border-bottom:2px solid #000; position:absolute; top:49px; left:0; width:100%; z-index:400}
.tab-set .tab-wrap li .tab-menu {min-width:175px; border:1px solid #bebebe; border-bottom:0; border-radius:2px 2px 0 0; display:block; border-right:0; color:#333; font-size:24px; text-align:center; padding:10px 5px; background:#fff; position:relative; z-index:300; cursor:pointer}

@media all and (max-width:767px) {
    .tab-set .tab-wrap li .tab-menu {min-width:33.33%}
}

.accordion {margin-bottom:40px}
.accordion>li {position:relative; overflow:hidden}
.accordion>li.on .accordion-cont {padding:20px 0 30px}
.accordion>li.on:after {content:""; border:4px solid #000; display:block; border-color:#000 transparent transparent #000; position:absolute; top:34px; right:25px; width:4px; height:4px}
.accordion>li .accordion-tit {width:100%; background:none; border:0; border-bottom:1px solid #d2d2d2; padding:20px 35px 20px 0; text-align:left; font-size:24px; color:#333; cursor:pointer}
.accordion>li .accordion-cont {overflow:hidden; display:none; padding:0}
.accordion>li .accordion-cont img+dl {margin-top:10px}
.accordion>li .accordion-cont dt {font-size:24px; color:#333; margin-bottom:20px}
.accordion>li .accordion-cont dd {font-size:18px; color:#555}
.accordion>li:after {content:""; border:4px solid #000; display:block; -webkit-transform:rotate(45deg); transform:rotate(45deg); border-color:transparent #000 #000 transparent; position:absolute; top:30px; right:25px; width:4px; height:4px}
.accordion.line {border-top:2px solid #a50034; margin-bottom:10px}
.accordion.line li.no-data {border-bottom: 1px solid #d2d2d2;}
.accordion.line li.no-data:after {display: none;}
.accordion.line li .accordion-tit {font-size:1.2rem}
.accordion.line li .accordion-tit .type {display:inline-block; padding-right:13px; margin-right:13px; position:relative; font-family:LG Smart Light,Arial,Helvetica,sans-serif}
.accordion.line li .accordion-tit .type:after {content:""; display:inline-block; border-right:1px solid #333; position:absolute; top:6px; right:0; height:60%}
.accordion.line li .accordion-cont {font-size:16px; color:#555; font-family:LG Smart Light,Arial,Helvetica,sans-serif}

@media all and (max-width:767px) {
    .accordion>li .accordion-cont dd {margin:0}
    .accordion>li .accordion-cont img {max-width:100%}
    .accordion>li:last-child .accordion-cont dd {margin:0}
    .accordion>li .accordion-cont img {width:100%}
    .accordion.line li.no-data {padding:40px 0;}
}

.faq-txt {font-size:16px; color:#333}
.faq-txt .go-qna {color:#a50034; text-decoration:underline}

.search-wrap {position:relative}
.search-wrap .search-option-area {display:none}
.search-wrap .btn-area {position:absolute; top:-82px; right:0; padding:0}
.search-wrap .btn-area .search-btn {text-transform:capitalize; display:block; min-width:140px; height:36px; position:relative; line-height:35px; padding-right:35px; background:#f4f4f4; border:1px solid #333; text-align:right; text-decoration:none; color:#333; font-size:18px; font-family:LG Smart,Arial,Helvetica,sans-serif; cursor:pointer}
.search-wrap .btn-area .search-btn .close-text {display:none}
.search-wrap .btn-area .search-btn:after {content:""; display:block; width:11px; height:6px; position:absolute; top:15px; right:17px; background:url(/bpp/portal/images/basic/icon-search-open.png)}
.search-wrap .btn-area .search-btn.active .open-text {display:none}
.search-wrap .btn-area .search-btn.active .close-text {display:block}
.search-wrap .btn-area .search-btn.active:after {background:url(/bpp/portal/images/basic/icon-search-close.png)}
.search-wrap.on {padding-bottom:50px}
.search-wrap.on .search-option-area {display:block}
.search-wrap.on .btn-area a:after {background:url(/bpp/portal/images/basic/icon-search-close.png)}
.search-option-area {padding:10px 9.5%; border:2px solid #333}
.search-option-area>div {padding:20px 0}
.search-option-area>div .select-wrap {display:block; width:25%; float:left; padding-right:3%}
.search-option-area>div .select-wrap+.select-wrap,
.search-option-area>div .select-wrap+.keyword-wrap {padding:0 2% 0 1%}
.search-option-area>div .select-wrap+.select-wrap+.select-wrap {padding:0 1% 0 2%}
.search-option-area>div .select-wrap+.select-wrap+.select-wrap+.select-wrap {padding:0 0 0 3%}
.search-option-area>div+div {border-top:1px solid #e8e8e8}
.search-option-area input[type="text"] {padding:5px 10px; font-size:16px;}
.search-option-area .select-style+.chosen-container .chosen-single span,
.search-option-area .select-style+.chosen-container.chosen-with-drop .chosen-results li {padding:7px 10px;}
.search-option-area .datepicker-wrap span {display:block; float:left; width:50%; padding:0 4% 0 1%}
.search-option-area .datepicker-wrap span+span {padding:0 2% 0 4%}
.search-option-area .datepicker-wrap span input {background-color:#f0f0f0; border:none}
.search-option-area .date-option .select-wrap {width:25%; padding-right:3%}
.search-option-area .date-option .datepicker-wrap {float:left; width:50%}
.search-option-area .date-option .keyword-wrap,
.search-option-area .power-option .keyword-wrap {float:left; width:25%; padding-left:3%}
.search-option-area .date-option .keyword-wrap input {background-color:#f0f0f0; border:none}
.search-option-area .sorting-box {padding-top:20px}
.search-option-area .sorting-box .sorting-radio {float:left}
.search-option-area .sorting-box .sorting-radio .radio-wrap {display:inline-block}
.search-option-area .sorting-box .sorting-radio .radio-wrap+.radio-wrap {margin-left:32px}
.search-option-area .sorting-box .btn-set {margin:0; float:right}

@media (max-width:1024px) {
    .search-option-area .date-option .select-wrap {width:30%}
    .search-option-area .date-option .datepicker-wrap {width:70%}
    .search-option-area .date-option .keyword-wrap {width:100%; margin-top:10px; padding-left:0}
}

@media all and (max-width:1024px) and (max-width:767px) {
    .search-option-area .date-option .select-wrap {width:100%}
    .search-option-area .date-option .datepicker-wrap {width:100%}
}

@media all and (max-width:767px) {
    .search-wrap {padding-top:45px}
    .search-wrap+.sub-content-txt {margin-top:20px}
    .search-wrap .btn-area {top:0; right:inherit; left:0; width:100%}
    .search-wrap .btn-area .search-btn {width:100%; text-align:left; padding-left:9.5%}
    .search-wrap.on {padding-bottom:20px}
    .search-wrap .btn-set:after {content:""; display:inline-block; clear:both}
    .search-wrap .btn-set .btn {width:49%; float:left; margin:0; min-width:0!important; margin-left:2%}
    .search-wrap .btn-set .btn:first-child {margin-left:0}
    .search-option-area>div .select-wrap {width:100%; float:none; padding:0; margin-bottom:10px}
    .search-option-area>div .select-wrap+.select-wrap,
    .search-option-area>div .select-wrap+.keyword-wrap {padding:0}
    .search-option-area>div .select-wrap+.select-wrap+.select-wrap {padding:0}
    .search-option-area>div .select-wrap+.select-wrap+.select-wrap+.select-wrap {padding:0}
    .search-option-area .datepicker-wrap span {width:100%; float:none; padding:0; margin-bottom:10px}
    .search-option-area .datepicker-wrap span+span {padding:0}
    .search-option-area .date-option .select-wrap {width:100%; padding:0}
    .search-option-area .date-option .datepicker-wrap {width:100%; float:none}
    .search-option-area .date-option .keyword-wrap,
    .search-option-area .power-option .keyword-wrap {width:100%; float:none; padding:0}
    .search-option-area .sorting-box div {float:none; width:100%}
    .search-option-area .sorting-box .btn-set {margin-top:20px; text-align:center}
    .search-option-area .sorting-box .sorting-radio .radio-wrap+.radio-wrap {margin:0}
    .search-option-area .sorting-box .sorting-radio .radio-wrap {width:50%; float:left}
}

.contact-wrap .contact-result {font-family:LG Smart,Arial,Helvetica,sans-serif}
.contact-wrap .contact-result .contact-tit {font-size:24px; margin-top:21px;}
.contact-wrap .contact-result .contact-sub-tit {padding-top:15px; font-size:18px}
.contact-list-wrap {margin-top:9px; position:relative}
.contact-list-wrap:before {top:-1px}
.contact-list-wrap:after,.contact-list-wrap:before {content:""; display:block; width:100%; height:1px; position:absolute; z-index:10; left:0; background:#909090}
.contact-list-wrap:after {bottom:0}
.contact-list-wrap.no-flag .contact-list>div {width:33%; padding-left:40px}
.contact-list-wrap.no-flag .contact-list>div .txt-area {min-height:0}
.contact-list-wrap .contact-sub-tit {padding-bottom:10px}
.contact-list-wrap .contact-list {display:table; width:100%; overflow:hidden;}
.contact-list-wrap .contact-list+.contact-list {margin-top:-1px}
.contact-list-wrap .contact-list>div {display:table-cell; width:52%; vertical-align:top; position:relative; margin-top:-1px; padding:30px 0;}
.contact-list-wrap .contact-list>div .img-area {display:table; position:absolute; top:30px; left:0; width:64px; height:84px; border:1px solid #b7b7b7; overflow:hidden}
.contact-list-wrap .contact-list>div .img-area>div {display:table-cell; vertical-align:middle}
.contact-list-wrap .contact-list>div .img-area>div img {width:100%; height:auto; vertical-align:middle}
.contact-list-wrap .contact-list>div .img-area+.txt-area {padding:0 40px 0 104px}
.contact-list-wrap .contact-list>div.list {display:inline-block; width:50%; margin-top:0; margin-bottom:0;}
.contact-list-wrap .contact-list>div.list .img-area {top:30px}
.contact-list-wrap .contact-list>div.list:nth-child(2n) {margin-left:-4px}
.contact-list-wrap .contact-list>div.list:after {content:""; position:absolute; top:-1px; left:0; width:200%; height:1px; background:#ddd;}
.contact-list-wrap .contact-list>div+div {width:48%}
.contact-list-wrap .contact-list>div+div .txt-area {padding-right:15px}
.contact-list-wrap .contact-list>div .txt-area {width:100%; min-height:136px; padding-right:40px}
.contact-list-wrap .contact-list>div .txt-area>strong {display:block; font-size:24px; color:#333; margin-bottom:17px}
.contact-list-wrap .contact-list>div .txt-area>p {font-family:LG Smart Light,Arial,Helvetica,sans-serif; color:#555}
.contact-list-wrap .contact-list>div .txt-area>p+p {margin-top:4px}
.contact-list-wrap .contact-list>div .txt-area>p.email span,.contact-list-wrap .contact-list>div .txt-area>p.phone span {font-family:LG Smart,Arial,Helvetica,sans-serif; color:#333}
.contact-list-wrap .contact-list>div .txt-area>p.email a,.contact-list-wrap .contact-list>div .txt-area>p.phone a {text-decoration:none; font-family:LG Smart Light,Arial,Helvetica,sans-serif; color:#555}
.contact-list-wrap .contact-list>div .txt-area .business-tit span {display:inline-block; max-width:27%; vertical-align:top}
.contact-list-wrap .contact-list>div .txt-area .business-tit span+span {position:relative; max-width:73%; margin-left:17px; padding-left:18px}
.contact-list-wrap .contact-list>div .txt-area .business-tit span+span:after {display:block; content:""; width:2px; height:24px; background:#7d7d7d; position:absolute; top:2px; left:0}
.contact-list-wrap .business-info-list>li {min-height:20px; position:relative; line-height:1.3}
.contact-list-wrap .business-info-list>li>span,.contact-list-wrap .business-info-list>li>strong {display:block}
.contact-list-wrap .business-info-list>li>strong {position:absolute; left:0; top:0; font-size:.9rem; color:#333}
.contact-list-wrap .business-info-list>li>span {position:relative; padding-left:116px; font-family:LG Smart Light,Arial,Helvetica,sans-serif; color:#555}
.contact-list-wrap .business-info-list>li>span:after {display:block; content:":"; position:absolute; left:102px; top:0}
.contact-list-wrap .business-info-list>li>span i {display:block; font-style:normal}
.contact-list-wrap .business-info-list>li>span i a {text-decoration:none; color:inherit; font-family:inherit}

@media (max-width:1024px) {
    .contact-list-wrap.no-flag .contact-list>div {width:100%}   
    .contact-list-wrap .contact-list {display:block}
    .contact-list-wrap .contact-list>div {display:block; width:100%!important}
    .contact-list-wrap .contact-list>div:after {content:""; display:block; clear:both}
    .contact-list-wrap .contact-list>div+div {width:100%; padding-top:30px; border-top:1px solid #ddd; margin-bottom:0}
    .contact-list-wrap .contact-list>div+div .txt-area {padding:0}
    .contact-list-wrap .contact-list>div .img-area {position:static; float:left; width:20%}
    .contact-list-wrap .contact-list>div .img-area+.txt-area {float:left; padding-left:20px; width:80%}
    .contact-list-wrap .contact-list>div .txt-area {padding:0; min-height:auto}    
    .contact-list-wrap .contact-list>div.list:nth-child(2n) {margin-left:0}
    .contact-list-wrap .contact-list>div.list:nth-child(2n):after {display:none;}
}

@media all and (max-width:767px) {
    .contact-list-wrap .contact-list>div {border-top:0; border-bottom:0}
    .contact-list-wrap .contact-list>div .img-area {width:50%; margin:0 auto 10px; float:none}
    .contact-list-wrap .contact-list>div .img-area+.txt-area {width:100%; padding:0}
    .contact-list-wrap .contact-list>div .txt-area .business-tit span {display:block; width:100%}
    .contact-list-wrap .contact-list>div .txt-area .business-tit span+span {max-width:100%; padding:0; margin:0}
    .contact-list-wrap .contact-list>div .txt-area .business-tit span+span:after {display:none}
}

.introduction-list .contact-list-wrap:after,.introduction-list .contact-list-wrap:before {content:none}

.radio {margin-bottom:0; position:relative; display:inline-block}
.radio input {opacity:1e-7; position:absolute; left:0; width:0; height:0; margin:0}
.radio label {display:inline-block; position:relative; cursor:pointer; padding-left:20px; text-align:left; color:#333; vertical-align:middle}
.radio .styled-input {position:absolute; top:0; left:0; cursor:pointer; display:block; font-size:0; user-select:none}
.radio .styled-input:after,.radio .styled-input:before {content:""; position:absolute; left:0; top:0; margin:0; width:20px; height:20px; border-radius:50%; border:1px solid #9b9b9b}
.radio .styled-input:after {transform:scale(0); background-color:#a50034; border-color:#a50034}
.radio label:hover .styled-input {color:#999}
.radio input:checked~.styled-input:after,.radio input:checked~.styled-input:before {border-color:#a50034}
.radio input:checked~.styled-input:after {transform:scale(.4)}
.radio input:checked~.styled-input:before {color:#a50034}

.separation-title {font-size:24px; font-family:LG Smart,Arial,Helvetica,sans-serif; color:#333}
.separation-title .subsidiary {width:100%}
.separation-title .country {display:inline-block; max-width:27%; vertical-align:top}
.separation-title .country+.subsidiary {position:relative; max-width:73%; margin-left:17px; padding-left:18px}
.separation-title .country+.subsidiary:after {display:block; content:""; width:1px; height:17px; background:#333; position:absolute; top:50%; left:0; margin-top:-8px}

.stit {font-size:24px}
.stit+.stit-desc {margin-top:15px; font-size:18px}
.stit+.stit-desc+.results {margin-top:35px}

.info-box {padding:20px; background:#f4f4f4; vertical-align:middle; font-size:18px; color:#333}
.info-box .icon-information {padding-right:10px; color:#707070; font-size:23px}
.info-box .info-txt {float:left}
.info-box .btn-set {display:inline-block; float:right; margin-top:0}

.txt-error {font-family:LG Smart Light,Arial,Helvetica,sans-serif; display:inline-block; margin:10px 0}
.txt-error .icon-error {padding-right:10px}

.alerts,.en_alerts {color:#a50034; font-family:LG Smart Light,Arial,Helvetica,sans-serif; display:inline-block; margin:0; font-size:18px}
.alerts .icon-error,.en_alerts .icon-error {padding-right:10px}
.alerts.mt10,.en_alerts.mt10 {margin-top:10px}

.green_alerts {font-family:LG Smart Light,Arial,Helvetica,sans-serif; margin:5px 0 0 5px; font-size:16px}
.green_alerts,.green_alerts:before {display:inline-block; vertical-align:middle}
.green_alerts:before {content:"\f172"; font-size:12px; margin-top:-5px}

.add-file-list {border:1px solid #bebebe; margin:10px 110px 0 0; min-height:88px}
.add-file-list li {padding:10px; font-size:16px; color:#333; position:relative}
.add-file-list li:nth-child(odd) {background:#fff}
.add-file-list li .btn-list-del {position:absolute; top:0; right:-40px}
.add-file-list li .file-name,.add-file-list li .MultiFile-title {display:inline-block; width:100%; white-space:nowrap; overflow:hidden; word-break:break-all; text-overflow:ellipsis}
.add-file-list .MultiFile-label {padding:10px; font-size:16px; color:#333; position:relative}
.add-file-list .MultiFile-label:nth-child(odd) {background:#fff}
.add-file-list .MultiFile-label .MultiFile-remove {position:absolute; top:0; right:-40px}
.add-file-list .MultiFile-label .MultiFile-title {display:inline-block; width:100%; white-space:nowrap; overflow:hidden; word-break:break-all; text-overflow:ellipsis}

.ps-top {top:-45px}
.reply-wrap {font-family:LG Smart Light,Arial,Helvetica,sans-serif; color:#555; margin-top:40px; padding:40px; background:#f4f4f4}
.reply-wrap textarea {width:100%}
.reply-wrap .btn-set {margin:0}
.reply-wrap .btn-set .btn-gray {margin:0; background:#bebebe; border-radius:0; color:#333; border:1px solid #909090}
.reply-wrap .btn-set .btn-gray+.btn-gray {margin-left:7px}
.reply-wrap .title {display:block; padding-bottom:10px; font-size:24px; font-family:LG Smart,Arial,Helvetica,sans-serif; color:#333; border-bottom:1px solid #909090}
.reply-wrap .title i {font-size:18px; font-family:inherit; font-style:normal}
.reply-wrap .reply-list {border-bottom:1px solid #bebebe}
.reply-wrap .reply-list>li {padding:30px 0}
.reply-wrap .reply-list>li+li {border-top:1px solid #bebebe}
.reply-wrap .title-box .sub-title {float:left; max-width:78%}
.reply-wrap .title-box .sub-title span {display:inline-block}
.reply-wrap .title-box .sub-title span+span {position:relative; margin-left:13px; padding-left:14px}
.reply-wrap .title-box .sub-title span+span:after {display:block; content:""; width:1px; height:17px; position:absolute; top:50%; left:0; margin-top:-8px; background:#8a8a8a}
.reply-wrap .title-box .sub-title a {display:block; font-family:inherit; color:inherit; font-size:inherit; text-decoration:underline}
.reply-wrap .title-box .btn-box {float:right; max-width:30%}
.reply-wrap .title-box .btn-box a {display:inline-block; font-size:.9rem; color:#000; text-decoration:underline; font-family:inherit}
.reply-wrap .title-box .btn-box a+a {position:relative; margin-left:11px; padding-left:13px}
.reply-wrap .title-box .btn-box a+a:after {display:block; content:""; width:1px; height:13px; position:absolute; top:50%; left:0; margin-top:-6px; background:#909090}
.reply-wrap .text-area {margin-top:20px; font-size:16px}
.reply-wrap .reply {margin-top:10px; background:url(/bpp/portal/images/basic/icon-reply.png) 15px 0 no-repeat; padding-left:60px; font-size:16px}
.reply-wrap .reply img {display:none}
.reply-wrap .modify {font-size:16px}
.reply-wrap .btn_registration {margin:10px 0; font-size:16px}
.reply-wrap .btn_registration .btn_gray,.reply-wrap .btn_registration .btn_red {margin:0; background:#bebebe; border-radius:0; color:#333; border:1px solid #909090}
.reply-wrap .reply-list-area {border-top:1px solid #a50034}
.reply-wrap .reply-list-area>.title {padding-top:40px}
.reply-wrap .reply-comment-area {margin-top:23px}
.reply-wrap .reply-comment-area .textarea-box {padding-left:60px; background:url(/bpp/portal/images/basic/icon-reply.png) 15px top no-repeat}
.reply-wrap .reply-comment-area .textarea-box textarea {height:50px}
.reply-wrap .reply-comment-area .textarea-box.modify {padding-left:0; background:0}
.reply-wrap .reply-comment-area .btn-set {margin-top:5px}
.reply-wrap .comment-area {padding-bottom:30px}
.reply-wrap .comment-area>.title {border:none}
.reply-wrap .comment-area .comment-input {position:relative}
.reply-wrap .comment-area .comment-input span {display:block}
.reply-wrap .comment-area .comment-input .textarea-box {padding-right:152px}
.reply-wrap .comment-area .comment-input .textarea-box textarea {height:75px}
.reply-wrap .comment-area .comment-input .btn-set {position:absolute; top:0; right:0}
.reply-wrap .comment-area .comment-input .btn-set button {min-width:142px; max-width:142px; height:75px; word-break:break-all}

@media all and (max-width:767px) {
    .reply-wrap {padding:20px}
    .reply-wrap .comment-area .comment-input .textarea-box {padding:0}
    .reply-wrap .comment-area .comment-input .btn-set {position:static}
    .reply-wrap .comment-area .comment-input .btn-set .btn {min-width:100%; height:auto}
    .reply-wrap .reply-comment-area .textarea-box {padding-left:30px; background-position:0 top; background-size:20px auto}
    .reply-wrap .title-box .sub-title {float:none; width:100%}
    .reply-wrap .title-box .sub-title span {display:block}
    .reply-wrap .title-box .sub-title span+span {margin:0; padding:0}
    .reply-wrap .title-box .sub-title span+span:after {display:none}
    .reply-wrap .title-box .btn-box {float:none; max-width:100%; margin-top:15px}
    .reply-wrap .btn-set .btn-gray+.btn-gray {margin:0}
}

.popup-sch {padding-right:150px; position:relative}
.popup-sch .btn-red {position:absolute; top:0; right:0; background:#a50034; min-width:140px; padding:7px 20px}

.verification {background:#e0e0e0; padding:40px 10%; margin-bottom:30px}
.verification .txt {color:#333; font-size:.9rem; margin-bottom:20px}
.verification .select-company {padding:0 71% 0 0; position:relative}
.verification .select-company .input-text {position:absolute; top:0; left:30%; width:50%}
.verification .select-company .btn-red {position:absolute; top:0; right:0; width:19%; padding:7px 0; 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; background:#a50034}
.verification .select-major {padding:9px 71% 40px 0; position:relative;}
.verification .select-major .select-text {position:absolute; top:0; left:30%; width:70%; height:200px; overflow:hidden;}
.verification .checkbox-txt {position:relative; border-top:1px dotted #ccc; padding:15px 0 0 24px;}
.verification .checkbox-txt input {position:absolute; top:15px; left:0;}
.verification .checkbox-txt span {display:block;}

@media all and (max-width:767px) {
    .verification .select-company {padding:0}
    .verification .select-company .input-text {position:static; width:100%; margin-top:10px}
    .verification .select-company .btn-red {position:static; width:100%; margin:10px 0 0}    
    .verification .select-major {padding:0}    
    .verification .select-major .select-text {position:static; width:100%; margin-top:10px; height:auto; overflow:visible;}   
}

.mob-list-style {border-top:2px solid #a50034}
.mob-list-style>li {border-bottom:1px solid #bebebe; position:relative}
.mob-list-style>li ul li {font-size:15px; color:#555; display:table; width:100%; font-family:LG Smart Light,Arial,Helvetica,sans-serif}
.mob-list-style>li ul li .list-align-left {display:table-cell; background:#f4f4f4; width:40%; padding:5px 20px; word-break:break-word}
.mob-list-style>li ul li .list-align-right {display:table-cell; width:60%; padding:5px 20px; word-break:break-word}
.mob-list-style>li ul li .list-align-right a {color:#555; font-family:LG Smart Light,Arial,Helvetica,sans-serif}
.mob-list-style>li ul li .list-align-right a i {font-style:normal}
.mob-list-style>li ul li:first-child .list-align-left,.mob-list-style>li ul li:first-child .list-align-right {padding-top:20px}
.mob-list-style>li ul li:last-child .list-align-left,.mob-list-style>li ul li:last-child .list-align-right {padding-bottom:20px}
.mob-list-style>li ul li.date {font-family:LG Smart Light,Arial,Helvetica,sans-serif; font-size:13px}
.mob-list-style>li ul li.download {position:absolute; top:50%; right:0; margin-top:-18px; display:inline-block; width:auto}
.mob-list-style>li ul li.title {font-size:15px}
.mob-list-style>li ul li.title,.mob-list-style>li ul li.title .bar li,.mob-list-style>li ul li.title a {color:#333; font-family:LG Smart,Arial,Helvetica,sans-serif}
.mob-list-style>li ul li.title .bar li {font-size:15px}
.mob-list-style>li ul li.strong-txt,.mob-list-style>li ul li.strong-txt .bar li {font-family:LG Smart,Arial,Helvetica,sans-serif; color:#555}
.mob-list-style>li ul li .btn-cancel,.mob-list-style>li ul li.strong-txt a {font-family:LG Smart,Arial,Helvetica,sans-serif}
.mob-list-style>li ul li .btn-cancel {font-size:13px; color:#fff; padding:5px 12px; background:gray; border-radius:2px; border:0; display:inline-block; margin-left:7px}
.mob-list-style>li.total .list-align-left {background:#e7e7e7}
.mob-list-style>li.no-data {font-size:15px; color:#555; padding:50px 0!important}
.mob-list-style .mark {font-size:.7rem; color:#fff; background:#a50034; padding:3px 7px 5px; display:inline-block; margin-left:5px}
.mob-list-style.mob-list-style2>li>ul {padding-bottom:20px}
.mob-list-style.mob-list-style2>li>ul:last-child .list-align-left,.mob-list-style.mob-list-style2>li>ul:last-child .list-align-right {padding-bottom:0}
.mob-list-style.mob-list-style2>li>ul .list-align-right {padding:5px 0}
.mob-list-style.mob-list-style2>li>ul li .bar li {float:left; display:inline-block; width:auto; position:relative; word-break:break-word}
.mob-list-style.mob-list-style2>li>ul li .bar li:after {content:'|'; padding:0 10px; font-size:13px; color:#bebebe; margin-top:-2px}
.mob-list-style.mob-list-style2>li>ul li .bar li:last-child:after {display:none}
.mob-list-style.mob-list-style2.download-list ul li:first-child .list-align-right {padding-top:20px}
.mob-list-style.mob-list-style2.download-list ul li .list-align-right {padding:5px 70px 5px 0; width:100%}
.mob-list-style.mob-list-style2.download-list ul li.updated {position:absolute; top:50%; right:0; display:inline-block; width:auto; margin-top:-40px}
.mob-list-style.mob-list-style2.download-list ul li.updated ul {display:table-cell; height:80px; vertical-align:middle}
.mob-list-style.mob-list-style2.download-list ul li.updated ul li {margin-bottom:6px}
.mob-list-style.mob-list-style2.download-list ul li.updated ul li span {display:inline-block; width:50px; padding:4px 0; text-align:center; background:#939393; font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif; font-size:13px; color:#fff}
.mob-list-style.mob-list-style2.download-list ul li.updated ul li:last-child {margin-bottom:0}
.mob-list-style.type-add {background:#f4f4f4}
.mob-list-style.type-add>li>ul {padding:20px}
.mob-list-style.type-add>li>ul li .list-align-right {padding-top:10px}
.mob-list-style.type-add>li>ul li .list-align-left {padding-top:15px}
.mob-list-style.type-add>li>ul li:first-child .list-align-left {padding:0}
.mob-list-style.type-add>li>ul li:last-child .list-align-right {padding-bottom:0}
.mob-list-style.type-add>li>ul span {display:block; width:100%; padding:0}
.mob-list-style.type-add>li>ul span>.color-red {display:inline-block; width:auto}
.mob-list-style.training>li {margin-top:20px; border-top:2px solid #a50034}
.mob-list-style.training>li ul {border-bottom:1px solid #909090}
.mob-list-style.training>li ul.btn-set {margin-top:20px}
.mob-list-style.training>li:first-child {border-top:0; margin-top:0}
.mob-list-style.training .btn-set {margin:20px 0}
.mob-list-style.training .btn-set .btn {color:#333}
.mob-list-style.training .btn-set .btn.disabled {color:#fff; cursor:default}

.ico-video {text-align:center}
.ico-video li {display:inline-block!important; width:33%!important; float:left}
.ico-video li a {display:inline-block}
.ico-video li a img {width:40px; height:auto}
.info-video {padding:15px 20px; border:2px solid #eee; margin-bottom:25px}
.info-video li {position:relative; min-height:30px; margin-bottom:10px}
.info-video li:last-child {margin-bottom:0}
.info-video li .txt {font-size:15px; color:#555; font-family:LG Smart Light,Arial,Helvetica,sans-serif; display:inline-block; padding-top:6px}
.info-video li img {position:absolute; top:0; right:0; width:auto; height:30px}
.ico-new-alrim {position:absolute; top:-8px; left:3px; display:inline-block; text-indent:-9999px; background:url(/bpp/portal/images/basic/ico-new.png) no-repeat 0 0; width:24px; height:7px; vertical-align:middle;}

@media (min-width:1025px) {
    .alert-wrap {white-space:nowrap}
}

@media all and (max-width:767px) {
    .tbl-amount .form-list tr td,.tbl-amount .form-list tr th {font-size:16px}
}

.search-result-toolbox.top{margin-top:15px;border-top:1px solid #bbb}
.search-result-toolbox.top2{margin-top:15px;border-top:1px solid #bbb;border-bottom:1px solid #bbb}
.search-result-toolbox{margin-top:15px;border-top:1px solid #bbb}
.search-result-toolbox .btn{float:left;padding:10px 20px 8px;border-radius:3px;background-color:#a50034;font-size:16px;color:#fff}	
.search-result-toolbox .btn:focus,.search-result-toolbox .btn:hover{background-color:#d80546;text-decoration:none}
.search-result-toolbox .btn:focus{outline:#fff dotted 1px}
.search-result-toolbox .search-filter .search-filter-align{float:left;padding-right:10px;line-height:33px}
.search-result-toolbox .sorting-radio{float:right;padding-right:10px;line-height:33px}
.search-result-toolbox .filter-selectbox{width:250px;float:left;padding-right:10px}
.search-result-toolbox .filter-selectbox2{width:300px;float:left;padding-right:10px}
.search-result-toolbox .filter-selectbox-rows{width:110px;float:left;padding-right:10px}
.search-result-toolbox{background:#e9ecf0;font-family:"LG Smart",Tahoma,Arial,sans-serif;padding:13px 23px}
.search-result-toolbox:after{content:"";display:block;clear:both}
.search-result-toolbox .search-pagenation-wrap{float:right;line-height:30px}
.search-result-toolbox .search-pagenation-wrap .search-pagenation{display:inline-block}
.search-result-toolbox .search-pagenation-wrap .search-pagenation a.next, .search-result-toolbox .search-pagenation-wrap .search-pagenation a.prev{display:inline-block;width:15px;text-align:center;color:#333}
.search-result-toolbox .search-pagenation-wrap .search-pagenation a.next.double, .search-result-toolbox .search-pagenation-wrap .search-pagenation a.prev.double{letter-spacing:-4px}
.search-result-toolbox .search-pagenation-wrap .search-pagenation ol{display:inline-block;list-style-type:none;padding:0;margin:0}
.search-result-toolbox .search-pagenation-wrap .search-pagenation ol li{border-right:1px solid #a5a7a9;display:inline-block;line-height:1}
.search-result-toolbox .search-pagenation-wrap .search-pagenation ol li a{display:inline-block;font-size:16px;margin:0 9px;color:#333}
.search-result-toolbox .search-pagenation-wrap .search-pagenation ol li:last-child{border-right:none}
.search-result-toolbox .search-pagenation-wrap .search-pagenation ol li.active a{color:#a50034;text-decoration:underline}
.search-result-toolbox .search-pagenation-wrap .search-pagenation ol li.active a:hover{color:#d80546}
.search-result-toolbox .search-pagenation-wrap .search-pagenation ol li a:hover{text-decoration:underline}


@media (max-width:767px){    
    .search-result-toolbox .search-filter .search-filter-align{float:none}
    .search-result-toolbox .filter-selectbox{width:100%;float:none;padding:0 0 10px 0}
    .search-result-toolbox .btn{display:block;float:none;width:100%;padding:10px 0 8px;border-radius:3px;background-color:#a50034;font-size:16px;text-align:center;color:#fff}
}

.tbl-style .tb_spac_mobile {display:none;}

@media all and (max-width:767px) {
    .layer-area1 {padding:20px 25px;}
    .tbl-style .tb_spac {display:none;}
    .tbl-style .tb_spac_mobile {display:table; font-family:LG Smart Light,Arial,Helvetica,sans-serif;}
    .tbl-style .tb_spac_mobile .tb_spac_tbody {border-top:1px #c0c0c0 solid; border-bottom:1px #c0c0c0 solid;}
    .tbl-style .tb_spac_mobile .tb_spac_tbody:nth-child(odd) {background-color:#f4f4f4;}
    .tbl-style .tb_spac_mobile .tb_spac_tbody:nth-child(even) {background-color:#fefefe;}
    .tbl-style .tb_spac_mobile th,
    .tbl-style .tb_spac_mobile td {font-size:11px;}
    .tbl-style .tb_spac_mobile th {width:55.36585%; padding:4px 6px 4px 23px;}
    .tbl-style .tb_spac_mobile td {padding:4px 8px 4px 6px; border-bottom:0; text-align:left;}
    .tbl-style .tb_spac_mobile .first th,
    .tbl-style .tb_spac_mobile .first td {padding-top:12px;}
    .tbl-style .tb_spac_mobile .last th,
    .tbl-style .tb_spac_mobile .last td {padding-bottom:12px;}
    .tbl-style .tb_spac_mobile th.tb_spac_first {padding-left:8px;}
    .tbl-style .tb_spac_mobile .tb-spac-radio input[type=radio] {margin:0;}
    .tbl-style .tb_spac_mobile .tb-spac-radio input[type=radio],
    .tbl-style .tb_spac_mobile .tb-spac-radio label {display:inline-block; vertical-align:bottom;}
    .tbl-style .tb_spac_mobile label {font-size:11px;}
    .tbl-style .tb_spac_mobile td.nodata {text-align:center; border-bottom:1px solid #bebebe; font-size:16px; padding:15px 4px;}
}

.search-result .tab-list>li .tab-content .contents .thumbnail-list .list
	{
	border-top: 0px solid #606060
}

/* checkbox list */
.check-wrap input[type="radio"],
.check-wrap input[type="checkbox"] {cursor:pointer; vertical-align:middle; width:15px; height:15px; padding:0; margin:0;}
.check-wrap label {cursor:pointer; vertical-align:middle; font-size:16px; line-height:1.2;}
span.check-wrap {display:inline-block;}
span.check-wrap {margin-right:15px;}
.checkbox-list:after {clear:both; display:block; content:'';}
.checkbox-list > li {float:left; width:50%; height:40px;}
.checkbox-list.col3 > li {width:33.3%;}
.checkbox-list.col4 > li {width:25%;}
.checkbox-list > li .check-wrap {display:block; position:relative; padding-left:20px; margin:0;}
.checkbox-list > li .check-wrap label {vertical-align:top; line-height:1.2;}
.checkbox-list > li .check-wrap input {vertical-align:top; position:absolute; top:1px; left:0;}
.checkbox-list > li .check-wrap + .check-wrap {margin:0;}
@media (max-width:767px) {
    .check-wrap label {font-size:15px;}
    .checkbox-list > li {width:100%;}
    .checkbox-list.col3 > li,
    .checkbox-list.col4 > li {width:50%;}
}

/* mobile용 100% btn */
@media (max-width: 767px) {
    .btn-set.mobile-100 .btn {display:block; width:100%;}
    .btn-set.mobile-100 .btn+.btn {width:100%; margin:10px 0 0 0;}
}

/* GNB 최대7개로 수정 (21.04.15) */
.nav-wrapper .gnb {padding-right:0;}
.nav-wrapper .gnb .nav-list>li {width:13.1%;}

/* voc Registration */
.simple-guideBox {padding-bottom:40px; border-bottom: 1px solid #d2d2d2; font-size:18px; line-height:1.4;}
.simple-guideBox strong {font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif;}
.simple-guideBox .tit-wrap .title {font-size:21px;}
.simple-guideBox .tit-wrap .btn-file-down {display:inline-block;  margin-left:25px; margin-right:25px; color:#a50034;}
.simple-guideBox .tit-wrap .btn-file-down-kor {display:inline-block; color:#a50034; font-size:15px;}
.simple-guideBox .cont {margin-top: 5px; color:#333;}
.simple-guideBox + .search-wrap {margin-top:-1px;}
.sub-tit-wrap:after  {clear:both; display:block; content:"";}
.sub-tit-wrap .left-area {float:left;}
.sub-tit-wrap .right-area {float:right; margin:5px 0 5px;}
.sub-tit-wrap .right-area .desc-text {margin-top: 0px;}
.sub-tit-wrap .right-area .btn-file-down {display:inline-block; color: #000;}
.sub-tit-wrap .right-area .btn {vertical-align:top; display:inline-block; box-sizing:border-box; min-width:160px; line-height:35px; margin-left:3px; border-radius:2px; text-align:center; padding:0 20px; background:#a50034; border:0 none; color:#fff; font-size:18px;}
.subSearch-wrap {position:relative; display:inline-block; width:220px; box-sizing:border-box; padding-right:40px; background:#f0f0f0; border:1px solid #f0f0f0;}
.subSearch-wrap .input-text {vertical-align:top; width:100%; background:#f0f0f0; border:0 none;}
.subSearch-wrap .search-btn {position:absolute; top:0; right:0; display:block; height:35px; width:40px; text-align:center; background:#f0f0f0; border:0 none; cursor:pointer; font-size:16px;}
.voc-section  {margin-top: 3rem;}
.voc-section .sub-tit2 {margin: 0px 0 20px; font-size: 1.5rem;}
.voc-section .sub-tit2 .small-text {font-size: 0.7em; font-family: LG Smart Light,Arial,Helvetica,sans-serif;}
.voc-section .accordion.line li .accordion-tit {font-size: 1rem;}
.voc-section .accordion>li:after {top:26px;}
.voc-section .accordion>li.on:after {top:34px;}
.accordion-cont.voc, .accordion>li.on .accordion-cont.voc {background:#f4f4f4; padding: 20px 20px 20px 30px; border-bottom: 1px solid #d2d2d2;}
.accordion-cont .list-item {display: table; width: 100%; table-layout: fixed; line-height: 1.5;}
.accordion-cont .list-item + .list-item {margin-top: 10px;}
.accordion-cont .list-item .tit {display: table-cell; width: 100px; vertical-align: top; box-sizing: border-box; font-size: 1.1em; font-family: LG Smart SemiBold,Arial,Helvetica,sans-serif;}
.accordion-cont .list-item.question .tit {color: #a50034;}
.accordion-cont .list-item .cont {display: table-cell; width: calc(100% - 100px); vertical-align: top; padding-top: 3px;}
.accordion-cont .list-item .cont .text {margin-right: 10px;}
.accordion-cont .list-item .cont .date {display: inline-block; font-size: 0.9em;}
@media (max-width: 767px) {
    .simple-guideBox .tit-wrap .title {display:block; margin-bottom:10px;}
    .simple-guideBox .tit-wrap .btn-file-down {margin:0 0 10px 0;}
    .simple-guideBox .cont {margin:0; font-size:16px;}
    .voc-section {margin-top:30px;}
    .voc-section + .voc-section {margin-top:60px;}
    .sub-tit-wrap .right-area {margin:0 0 10px 0;}
    .sub-tit-wrap .right-area .btn-file-down {font-size:16px;}
    .voc-section .sub-tit2 {margin: 0px 0 10px;}
    .voc-section .accordion>li:after {top:22px;}
    .voc-section .accordion>li.on:after {top:30px;}
    .accordion-cont.voc, .accordion>li.on .accordion-cont.voc {padding: 15px;}
    .accordion-cont .list-item .tit {width:80px;}
    .accordion-cont .list-item .cont {width:calc(100% - 80px);}
    .accordion-cont .list-item .cont .text {display: block; margin-right: 0px;}
    .accordion-cont .list-item .cont .date {display: block;}
}
@media (max-width: 479px) {
	.sub-tit-wrap .left-area {float:none;}
	.sub-tit-wrap .right-area {float:none;}
	.sub-tit-wrap .subSearch-wrap {display:block; width:100%; margin-bottom:5px;}
	.sub-tit-wrap .subSearch-wrap {display:block; width:100%; margin-bottom:5px;}
	.sub-tit-wrap .right-area .btn {display:block; width:100%; margin:0;}
}

/* search-option (기본4단) */
.search-option-area .search-option {margin-right:-3%;}
.search-option-area .search-option::after {clear: both; display: block; content: '';}
.search-option-area .search-option .select-wrap, 
.search-option-area .search-option .keyword-wrap, 
.search-option-area .search-option .datepicker-wrap {float:left; width: 25%; padding: 0 3% 0 0 !important;}
.search-option-area .search-option.date-option .datepicker-wrap {width: 25%;}
.search-option-area .search-option.date-option .datepicker-wrap span {width: 100%; padding: 0;}
@media all and (max-width:767px) {
	.search-option-area .search-option .select-wrap, 
    .search-option-area .search-option .keyword-wrap, 
    .search-option-area .search-option .datepicker-wrap {float:none; width:100%; display:block; margin-bottom:10px;}
}

/* my voc List */
.download-btn.ico-xls,
.download-btn.ico-xlsx {height:36px;}
.search-option-area .keyword-wrap input[type="text"] {background-color:#f0f0f0; border: none;}
.atc-option .keyword-wrap {width: 25%; box-sizing:border-box; float:left; padding:0 2% 0 1%;}
.atc-option .keyword-wrap + .keyword-wrap {padding:0 1% 0 2%;}
.results-right-wrap {position: relative;}
.results-right-wrap .align-right .tool-tip {position: relative; display: inline-block; margin: 5px 0 0 10px;}
.tool-tip .tool-tip-box li .icon-circle-two {margin-right: 3px;}
.tool-tip .tool-tip-tit {font-size: 1rem; margin-bottom: 5px; font-family: LG Smart SemiBold,Arial,Helvetica,sans-serif;}
@media all and (max-width:767px) {
    .atc-option .keyword-wrap,
    .atc-option .keyword-wrap + .keyword-wrap {width:100%; padding:0; margin-bottom:10px;}
    .results-right-wrap {margin-top: 10px;}
    .results-right-wrap:after {clear: both; display: block; content: '';}
    .results-right-wrap .results {float:left; padding-bottom: 0;}
    .results-right-wrap .align-right {float: right; margin-bottom: 5px;}
    .results-right-wrap .tool-tip .tool-tip-box {text-align:left;}
    .mob-list-style.type2 .title {font-weight: bold;}
    .mob-list-style.type2 > li {padding:20px 0;}
    .mob-list-style.type2 > li .label {font-weight: bold;}
    .mob-list-style.type2 > li > ul > li + li {margin-top:2px;}
}

/* voc write */
.form-list .th-smallText {display:inline-block; font-size:0.6rem; margin-left: 5px;}
.form-list .td-category:after {clear: both; display: block; content: '';}
.form-list .td-category {margin-right: -5px;}
.form-list .td-category .select-box {float: left; width:50%; box-sizing: border-box; padding-right: 5px;}/* 기본 2열 */
.form-list .td-category .select-box select {position: relative; display: block; box-sizing:border-box; width: 100%; height: 35px; padding: 5px 5px 5px 10px; border: 1px solid #bebebe; -webkit-appearance:none; background: #fff url(/bpp/portal/images/basic/icon_selectbox.png) no-repeat 95% 50%; background-size: 9px 5px;}
.form-list .td-category.col3 .select-box {width:33.3%;}
.form-list .td-category.col4 .select-box {width:25%;}
.add-file-wrap .txt-error {display:block; width:100%; margin:5px 0;}
.add-file-wrap .add-file-list {margin:0 110px 15px 0;}
.add-file-wrap .add-file-list.row1 {min-height:35px;}
.add-file-wrap .add-file-list.row1 .MultiFile-label {padding:5px 10px;}
@media all and (max-width:1023px) {
    .form-list .td-category.col4 .select-box {width: 50%;}
    .form-list .td-category.col4 .select-box:nth-child(3),
    .form-list .td-category.col4 .select-box:nth-child(4) {margin-top: 10px;}
}
@media all and (max-width:767px) {
    .form-list .td-category {margin-right: 0;}
    .form-list .td-category .select-box {float: none; width: 100% !important; padding:0;}
    .form-list .add-file-list {margin-right: 40px;}
}

/* voc detail */
.tbl-style.view tbody td .info .voc-status {margin-left:5px; font-family:LG Smart SemiBold,Arial,Helvetica,sans-serif; color:#a50034;}
.tbl-style.view tbody td .content.voc {padding: 15px 20px 30px 20px;}
.tbl-style.view tbody td .content .text {font-size: 0.9rem; line-height: 1.7; white-space:pre-line;}
.view .view-content .view-img-wrap.voc .view-img img {width:auto;}
.qa-history-wrap > ul {padding: 60px 0 40px; border-bottom: 1px solid #bebebe;}
.qa-history-wrap .qa-item:first-child {margin-top: 0px;}
.qa-history-wrap .qa-item {box-sizing: border-box; margin-top: 20px; padding: 40px; border: 1px solid #ddd; border-top-color: #333; color: #333; font-family: LG Smart Light,Arial,Helvetica,sans-serif;}
.qa-history-wrap .qa-item.question {background: #f5f5f5;}
.qa-history-wrap .qa-item .tit {font-size: 1.1rem; font-family: LG Smart SemiBold,Arial,Helvetica,sans-serif;}
.qa-history-wrap .qa-item .cont {margin-top: 20px; font-size: 0.9rem; line-height: 1.6;}
.qa-history-wrap .qa-item .img-wrap {margin-top: 20px;}
.qa-history-wrap .qa-item .img-wrap img {display: block; margin-top: 5px; max-width: 100%;}
.qa-history-wrap .qa-item .img-wrap img:first-child {margin-top: 0px;}
.qa-history-wrap .qa-item .file-wrap {margin-top: 20px;}
.qa-history-wrap .qa-item .file-wrap li + li {margin-top: 10px;}
.qa-history-wrap .qa-item .file-wrap li a {color: #333;}
.qa-history-wrap .qa-item .file-wrap li a:hover {color:#a50034; text-decoration: none;}
.qa-history-wrap .qa-item .file-wrap li span {text-decoration: underline;}
.qa-history-wrap .qa-item .file-wrap li .icon {vertical-align: top; margin-right: 5px;}
.qa-history-wrap .qa-item .info-list {margin-top: 20px;}
.qa-history-wrap .qa-item .info-list * {vertical-align: middle;} 
.qa-history-wrap .qa-item .info-list > li {display: inline-block;} 
.qa-history-wrap .qa-item .info-list > li::before {vertical-align: middle; display: inline-block; content: ''; width: 1px; height: 16px; margin: 0 1rem 0 0.8rem; background: #d2d2d2;} 
.qa-history-wrap .qa-item .info-list > li:first-child::before {display: none;} 
.qa-history-wrap .qa-item .info-list li.mail {font-size:0.9rem;}
.qa-history-wrap .qa-item .info-list li.mail .icon {margin-right: 5px;}
.desc-text {margin-top:15px; font-size:16px; font-family: LG Smart Light,Arial,Helvetica,sans-serif;}
.desc-text strong {font-weight:bold;}
.desc-btn-set-wrap:after {clear: both; display: block;  content: '';}
.desc-btn-set-wrap {padding-top: 15px;}
.desc-btn-set-wrap .desc-text {float: left;}
.desc-btn-set-wrap .btn-set {float: right;}
@media all and (max-width: 767px) {
	.tbl-style.view tbody td .content.voc {padding: 0 10px 20px 10px;}
	.view .view-content .view-img-wrap.voc .view-img img {max-width:100%;}
	.qa-history-wrap .qa-item {padding: 20px;}
	.desc-btn-set-wrap {padding-top: 0;}
	.desc-btn-set-wrap .desc-text,
	.desc-btn-set-wrap .btn-set {float: none;}
	.qa-history-wrap .qa-item .info-list > li {display: block;}
	.qa-history-wrap .qa-item .info-list > li + li {margin-top: 3px;}
	.qa-history-wrap .qa-item .info-list > li::before {display: none;}
}

/* voc detail popup */
.popup-layer .layer-area .popup-tit.type2 {font-size:1.3rem; font-family: LG Smart,Arial,Helvetica,sans-serif;}
.popup-layer .textarea-wrap textarea {border-radius: 3px; padding:0.8rem; font-size:0.8rem;}
.popup-layer .textarea-wrap .chk-byte {display: block; float: none; text-align: right; margin: 0; font-size:15px;}
.popup-layer .textarea-wrap .en_alerts {display: block; margin-top: -24px; padding-right: 100px;}
.popup-layer .satisfaction-warp {box-sizing: border-box; padding:1.5rem; background: #f4f4f4;}
.popup-layer .satisfaction-warp ul {margin:0 auto; width:215px;}
.satisfaction-warp ul>li + li {margin-top:0.5rem;}
.satisfaction-warp ul>li>input {vertical-align: middle; margin: 0 0.5rem 0 0; width: 15px; height: 15px;}
.satisfaction-warp ul>li>label {vertical-align: middle; font-size: 15px;}
.satisfaction-warp ul>li>label::before {vertical-align: top; display: inline-block; width: 90px; height: 15px; margin-right:10px ; margin-top:3px; -webkit-margin-before:1px; content: ''; background: url(/bpp/portal/images/basic/ico-level-star.png) no-repeat 0 0;}
.satisfaction-warp ul>li.level4>label::before {width: 72px;}
.satisfaction-warp ul>li.level3>label::before {width: 54px;}
.satisfaction-warp ul>li.level2>label::before {width: 36px;}
.satisfaction-warp ul>li.level1>label::before {width: 16px;}
.satisfaction-warp .textarea-wrap {margin-top:2rem; box-sizing:border-box;}
@media all and (max-width: 767px) {
	.satisfaction-warp ul>li>label::before {margin-top:0px; -webkit-margin-before:0px;}
}

/* fixedType popup(voc) */
.popup-layer.fixedType,
.popup-layer.fixedType {position: fixed; top:25%;}
.popup-layer.fixedType .layer-area,
.popup-layer.fixedType .layer-area {top: 0; overflow: auto;}
@media all and (max-width: 767px) {
    .popup-layer.fixedType,
    .popup-layer.fixedType {width: 96%; margin: 0 2%; top: 2%;}
}