#dituContent { height: 700px; }
.support-wrap .support-banner-type-slendy .text-block:after, .support-wrap .support-banner-type-slendy .text-block:before, .support-wrap .telephone .box-wrap:after, .support-wrap .telephone .box-wrap:before, .support-wrap .telephone .full .inbox:after, .support-wrap .telephone .full .inbox:before { content: " "; display: table }
.support-wrap .support-banner-type-slendy .text-block:after, .support-wrap .telephone .box-wrap:after, .support-wrap .telephone .full .inbox:after { clear: both }
.support-wrap .support-title { position: relative; width: auto; height: 260px }
.support-wrap .support-title.bg-white { background: #000 }
.support-wrap .support-title.bg-white .txt-wrap { background-color: rgba(0,0,0,.01) }
@media (min-width:768px) {
.support-wrap .support-title { margin: 0 -15px }
}
@media (max-width:767px) {
.support-wrap .support-title { margin: 0 9px }
}
.support-wrap .support-title .img-wrap { width: 100%; height: 100%; overflow: hidden }
@media (max-width:767px) {
#dituContent { height: 300px; }
.support-wrap .support-title { margin: 0 -15px; height: 220px }
}
.support-wrap .support-title .img-area { position: relative; width: 100%; height: 100%; max-width: 1314px; margin: 0 auto; z-index: 0 }
.support-wrap .support-title .img-area img.pc { position: absolute; left: 50%; top: 0; margin-left: -800px; display: inline }
@media (max-width:767px) {
.support-wrap .support-title .img-area img.pc { display: none }
}
.support-wrap .support-title .img-area img.mobile { position: absolute; left: 50%; top: 0; margin-left: -384px; display: none }
@media (max-width:767px) {
.support-wrap .support-title .img-area img.mobile { display: inline }
}
.support-wrap .support-title .txt-area { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
@media (max-width:767px) {
.support-wrap .support-title .txt-area { padding: 0 15px; height: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
}
.support-wrap .support-title .txt-area .txt-wrap { max-width: 1314px; margin: 0 auto 50px }
@media (max-width:767px) {
.support-wrap .support-title .txt-area .txt-wrap { margin: 0 9px 0 }
}
.support-wrap .support-title .txt-area .title { text-align: center; font-size: 48px; line-height: 56px; color: #fff; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; padding: 78px 0 0 0 }
.support-wrap .support-title .txt-area .title else { font-style: normal }
@media (max-width:767px) {
.support-wrap .support-title .txt-area .title { max-width: 300px; margin: 0 auto; font-size: 32px; line-height: 40px; padding: 0 }
}
.support-wrap .support-title .txt-area .desc { text-align: center; font-size: 18px; line-height: 24px; color: #fff; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400; padding: 3px 0 11px 0 }
.support-wrap .support-title .txt-area .desc else { font-style: normal }
@media (max-width:767px) {
.support-wrap .support-title .txt-area .desc { max-width: 270px; margin: 0 auto; padding: 6px 0 11px 0; font-size: 16px; line-height: 22px }
}
@media print {
.support-wrap .support-title { display: none }
}
.support-wrap .telephone { margin: auto; max-width: 1314px; padding: 0 15px; margin: 40px auto 50px auto; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media (max-width:767px) {
.support-wrap .telephone { padding: 0 9px; margin: 30px 0 0 0 }
}
.support-wrap .telephone .inner { max-width: 1284px; margin: 0 auto }
.support-wrap .telephone .inner .support-banner-type-slendy { margin-top: 50px }
@media (max-width:767px) {
.support-wrap .telephone .inner .support-banner-type-slendy { margin: 30px -24px 0 -24px }
}
.support-wrap .telephone .content-title { margin-bottom: 34px; font-size: 40px; color: #000; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; line-height: 45px; text-align: center }
.support-wrap .telephone .content-title else { font-style: normal }
@media (max-width:767px) {
.support-wrap .telephone .content-title { font-size: 28px; line-height: 36px; margin: 0 0 27px 0 }
}
.support-wrap .telephone .sub-title { margin-bottom: 13px; font-size: 24px; color: #000; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400; line-height: 30px }
.support-wrap .telephone .sub-title else { font-style: normal }
@media (max-width:767px) {
.support-wrap .telephone .sub-title { margin-bottom: 6px; font-size: 20px; line-height: 24px }
}
.support-wrap .telephone .box-wrap { width: 100%; margin-bottom: 12px }
@media (min-width:768px) {
.support-wrap .telephone .box-wrap.full { margin-bottom: 33px }
}
@media (min-width:768px) {
.support-wrap .telephone .box-wrap.column { margin-bottom: 24px }
}
.support-wrap .telephone .box-wrap.column .inbox { float: left; width: calc(50% - 12px) }
.support-wrap .telephone .box-wrap.column .inbox+.inbox { margin-left: 24px }
@media (max-width:1320px) {
.support-wrap .telephone .box-wrap.column .inbox { display: block; width: 100%; min-height: auto; padding: 34px 39px 38px 39px }
.support-wrap .telephone .box-wrap.column .inbox+.inbox { margin: 24px 0 0 0 }
.support-wrap .telephone .box-wrap.column .inbox .title-wrap { display: inline-block; vertical-align: top; width: 35% }
.support-wrap .telephone .box-wrap.column .inbox .title-wrap .info { width: 215px }
.support-wrap .telephone .box-wrap.column .inbox .contact-list { display: inline-block; vertical-align: top; width: 64%; margin-top: 4px }
}
@media (max-width:991px) {
.support-wrap .telephone .box-wrap.column .inbox .title-wrap { width: 30% }
.support-wrap .telephone .box-wrap.column .inbox .title-wrap .info { width: auto }
.support-wrap .telephone .box-wrap.column .inbox .contact-list { width: 64%; margin-left: 30px }
}
@media (max-width:767px) {
.support-wrap .telephone .box-wrap.column .inbox { padding: 14px 19px 19px 19px }
.support-wrap .telephone .box-wrap.column .inbox+.inbox { margin-top: 12px }
.support-wrap .telephone .box-wrap.column .inbox .title-wrap { display: block; width: 100% }
.support-wrap .telephone .box-wrap.column .inbox .contact-list { display: block; width: 100%; margin: 21px 0 0 0 }
}
@media (max-width:767px) {
.support-wrap .telephone .full { margin-bottom: 25px }
}
.support-wrap .telephone .full .inbox { min-height: auto }
@media (min-width:768px) {
.support-wrap .telephone .full .inbox { padding-bottom: 42px }
}
.support-wrap .telephone .full .cell { position: relative }
@media (max-width:767px) {
.support-wrap .telephone .full .cell { width: 100% }
}
@media (min-width:768px) {
.support-wrap .telephone .full .cell:first-child { float: left; width: 50%; padding-right: 5px }
.support-wrap .telephone .full .cell:first-child:after { position: absolute; top: 5px; bottom: 0; right: 0; content: ''; display: inline-block; width: 1px; min-height: 116px; max-height: 152px; border-left: 1px solid #e4e4e4 }
}
.support-wrap .telephone .full .cell:last-child { width: 49.5% }
@media (min-width:768px) {
.support-wrap .telephone .full .cell:last-child { float: right; padding-left: 35px }
}
@media (max-width:767px) {
.support-wrap .telephone .full .cell:last-child { width: 100%; margin-top: 26px }
}
@media (max-width:767px) {
.support-wrap .telephone .full .cell .title+.contact-list { margin-top: 16px }
}
@media (max-width:767px) {
.support-wrap .telephone .full .cell .info { margin-bottom: 22px }
}
.support-wrap .telephone .full .contact-list { margin-top: 20px }
@media (max-width:767px) {
.support-wrap .telephone .full .contact-list { margin: 0 }
}
@media (max-width:767px) {
.support-wrap .telephone .full .contact-list li.tel { margin-top: 21px }
}
@media (max-width:767px) {
.support-wrap .telephone .full .contact-list .email { margin-bottom: 21px }
}
.support-wrap .telephone .full .contact-list li+li { margin-top: 11px }
@media (max-width:767px) {
.support-wrap .telephone .full .contact-list li .info { padding-left: 0; margin-bottom: 0 }
}
.support-wrap .telephone .inbox { min-height: 224px; width: 100%; border: 1px solid #e4e4e4; background: #f8f8f8; padding: 34px 39px 39px }
@media (max-width:767px) {
.support-wrap .telephone .inbox { padding: 14px 19px 19px 19px; min-height: auto }
}
.support-wrap .telephone .inbox.cell { width: 600px; display: inline }
.support-wrap .telephone .inbox.cell:first-child { position: relative }
.support-wrap .telephone .inbox.cell:first-child:after { position: absolute; top: 5px; right: 0; content: ''; display: inline-block; width: 1px; height: 11px; border-left: 1px solid #999 }
.support-wrap .telephone .title { margin-bottom: 4px; font-size: 20px; line-height: 23px; color: #333; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
.support-wrap .telephone .title else { font-style: normal }
@media (max-width:767px) {
.support-wrap .telephone .title { font-size: 18px; line-height: 22px; margin-bottom: 5px }
}
.support-wrap .telephone .info { font-size: 14px; line-height: 20px; color: #6b6b6b }
@media (max-width:767px) {
.support-wrap .telephone .info { margin: -4px 0 12px 0 }
}
.support-wrap .telephone .contact-list { margin: 19px 0 0 3px }
@media (max-width:767px) {
.support-wrap .telephone .contact-list { margin: 0 }
}
.support-wrap .telephone .contact-list li { position: relative; padding: 0 0 0 72px; font-size: 16px; line-height: 22px; color: #6b6b6b }
@media (max-width:767px) {
.support-wrap .telephone .contact-list li { padding: 0 0 0 31px; font-size: 14px; line-height: 20px }
}
.support-wrap .telephone .contact-list li strong { position: absolute; top: 0; left: 29px; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
.support-wrap .telephone .contact-list li strong else { font-style: normal }
@media (max-width:767px) {
.support-wrap .telephone .contact-list li strong { display: none }
}
.support-wrap .telephone .contact-list li .info { display: block; position: relative; padding-left: 53px; font-size: 16px }
@media (min-width:768px) {
.support-wrap .telephone .contact-list li .info:after { position: absolute; top: 5px; left: 42px; content: ''; display: inline-block; width: 1px; height: 11px; border-left: 1px solid #999 }
}
@media (max-width:767px) {
.support-wrap .telephone .contact-list li .info { font-size: 14px; line-height: 20px }
}
.support-wrap .telephone .contact-list li+li { margin-top: 11px }
@media (max-width:767px) {
.support-wrap .telephone .contact-list li+li { margin-top: 7px }
}
.support-wrap .telephone .contact-list li:before { content: ''; display: inline-block; background: url(/lg5-common/images/common/icons/clock-gray.svg) no-repeat 0 0; position: absolute; left: -2px; top: 1px; width: 20px; height: 20px; margin: 0; background-size: 100% 100% }
@media (max-width:767px) {
.support-wrap .telephone .contact-list li:before { top: -1px; left: 0 }
}
@media (max-width:767px) {
.support-wrap .telephone .contact-list li.time { margin-left: 2px }
}
.support-wrap .telephone .contact-list li.time:before { background: url(/lg5-common/images/common/icons/clock-gray.svg) no-repeat 0 0 }
.support-wrap .telephone .contact-list li.time span { color: #000 }
@media (max-width:767px) {
.support-wrap .telephone .contact-list li.email { margin-left: 2px; margin-bottom: 21px }
}
.support-wrap .telephone .contact-list li.email:before { background: url(/lg5-common/images/common/icons/email.svg) no-repeat 0 0 }
.support-wrap .telephone .contact-list li.email a { color: #333; text-decoration: underline }
.support-wrap .telephone .contact-list li.tel { padding-left: 107px }
@media (max-width:767px) {
.support-wrap .telephone .contact-list li.tel { margin-top: 15px }
}
.support-wrap .telephone .contact-list li.tel:before { background: url(/lg5-common/images/common/icons/telephone-m.svg) no-repeat 0 0 }
.support-wrap .telephone .contact-list li.tel.visible-xs { padding-left: 0 }
.support-wrap .telephone .contact-list li.tel.visible-xs:before { background: 0 0 }
.support-wrap .support-banner-type-slendy { position: relative; overflow: hidden; margin-top: 20px; height: 126px }
@media (max-width:767px) {
.support-wrap .support-banner-type-slendy { height: 207px }
}
.support-wrap .support-banner-type-slendy .banner-image { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.support-wrap .support-banner-type-slendy .text-block { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; padding: 0 30px; color: #fff }
@media (max-width:767px) {
.support-wrap .support-banner-type-slendy .text-block { top: 50%; left: 0; width: 100% }
}
@media (min-width:768px) {
.support-wrap .support-banner-type-slendy .text-block .btn-area, .support-wrap .support-banner-type-slendy .text-block .text-area { display: inline-block; vertical-align: middle }
.support-wrap .support-banner-type-slendy .text-block .text-area { width: 100%; max-width: calc(100% - 205px); padding-left: 26% }
.support-wrap .support-banner-type-slendy .text-block .btn-area { width: 20%; min-width: 205px; text-align: right }
}
@media (min-width:992px) {
.support-wrap .support-banner-type-slendy .text-block .text-area { padding-left: 37% }
}
.support-wrap .support-banner-type-slendy .text-block .text-area .text { font-size: 24px; line-height: 24px; font-family: "LG Smart SemiBold", sans-serif; font-weight: 400 }
.support-wrap .support-banner-type-slendy .text-block .text-area .text else { font-style: normal }
@media (max-width:767px) {
.support-wrap .support-banner-type-slendy .text-block .text-area .text { font-size: 20px; line-height: 26px; width: 100% }
}
.support-wrap .support-banner-type-slendy .text-block .text-area .sub-text { margin-top: 4px; font-size: 16px; line-height: 24px; font-family: "LG Smart Regular", sans-serif; font-style: normal; font-weight: 400 }
.support-wrap .support-banner-type-slendy .text-block .text-area .sub-text else { font-style: normal }
@media (max-width:767px) {
.support-wrap .support-banner-type-slendy .text-block .text-area .sub-text { display: none }
}
@media (max-width:767px) {
.support-wrap .support-banner-type-slendy .text-block .btn-area { margin-top: 13px }
}
.support-wrap .support-banner-type-slendy .text-block .btn-area .btn { background: #fff!important; color: #000!important }
.support-wrap .support-banner-type-slendy .text-block.black { color: #000 }
/*# sourceMappingURL=maps/support-telephone.min.css.map */